.elementor-4797 .elementor-element.elementor-element-1c847fa6{--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-4797 .elementor-element.elementor-element-1c847fa6:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-1c847fa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-f607c49{--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-4797 .elementor-element.elementor-element-40811ac9{text-align:start;}.elementor-4797 .elementor-element.elementor-element-40811ac9 img{width:100%;height:45px;object-fit:contain;object-position:center center;}.elementor-4797 .elementor-element.elementor-element-6a2447b{--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-4797 .elementor-element.elementor-element-458a8f59{--display:flex;}.elementor-4797 .elementor-element.elementor-element-458a8f59:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-458a8f59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-4797 .elementor-element.elementor-element-604390e9{--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-4797 .elementor-element.elementor-element-604390e9:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-604390e9 > .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-4797 .elementor-element.elementor-element-7816594a{--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-4797 .elementor-element.elementor-element-7816594a:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-7816594a > .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-4797 .elementor-element.elementor-element-7cb4a043{width:100%;max-width:100%;}.elementor-4797 .elementor-element.elementor-element-7cb4a043 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;color:var( --e-global-color-4eca4e1 );}.elementor-4797 .elementor-element.elementor-element-75531cde{--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-4797 .elementor-element.elementor-element-43059820{--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-4797 .elementor-element.elementor-element-43059820:hover{background-color:#F0FAFF;}.elementor-4797 .elementor-element.elementor-element-43059820.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-4797 .elementor-element.elementor-element-263880d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-263880d4.elementor-element{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-263880d4 .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-263880d4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-263880d4.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-263880d4.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-263880d4.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-263880d4.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-263880d4 .elementor-icon{font-size:14px;}.elementor-4797 .elementor-element.elementor-element-263880d4 .elementor-icon svg{height:14px;}.elementor-4797 .elementor-element.elementor-element-727f2458{--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-4797 .elementor-element.elementor-element-446e0a7e{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-446e0a7e.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-446e0a7e .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-4797 .elementor-element.elementor-element-34c5b5f2{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-4797 .elementor-element.elementor-element-34c5b5f2.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-34c5b5f2 p{margin-block-end:0px;}.elementor-4797 .elementor-element.elementor-element-47025bd7{--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-4797 .elementor-element.elementor-element-47025bd7:hover{background-color:#F0FAFF;}.elementor-4797 .elementor-element.elementor-element-47025bd7.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-1aa2887e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-1aa2887e.elementor-element{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-1aa2887e .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-1aa2887e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-1aa2887e.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-1aa2887e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-1aa2887e.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-1aa2887e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-1aa2887e .elementor-icon{font-size:14px;}.elementor-4797 .elementor-element.elementor-element-1aa2887e .elementor-icon svg{height:14px;}.elementor-4797 .elementor-element.elementor-element-267db53f{--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-4797 .elementor-element.elementor-element-1ec40fea{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-1ec40fea.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-1ec40fea .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-34ff4c5b{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-4797 .elementor-element.elementor-element-34ff4c5b.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-34ff4c5b p{margin-block-end:0px;}.elementor-4797 .elementor-element.elementor-element-2befbfa6{--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-4797 .elementor-element.elementor-element-2befbfa6:hover{background-color:#F0FAFF;}.elementor-4797 .elementor-element.elementor-element-2befbfa6.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-1935868b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-1935868b.elementor-element{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-1935868b .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-1935868b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-1935868b.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-1935868b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-1935868b.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-1935868b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-1935868b .elementor-icon{font-size:14px;}.elementor-4797 .elementor-element.elementor-element-1935868b .elementor-icon svg{height:14px;}.elementor-4797 .elementor-element.elementor-element-3cbbf9d6{--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-4797 .elementor-element.elementor-element-54a09a8a{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-54a09a8a.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-54a09a8a .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-28ff5e4e{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-4797 .elementor-element.elementor-element-28ff5e4e.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-28ff5e4e 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-4797 .elementor-element.elementor-element-32cb44eb{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor7 );--divider-border-width:1px;}.elementor-4797 .elementor-element.elementor-element-32cb44eb .elementor-divider-separator{width:100%;}.elementor-4797 .elementor-element.elementor-element-32cb44eb .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-4797 .elementor-element.elementor-element-2329fd95 .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-4797 .elementor-element.elementor-element-2329fd95 .elementor-button:hover, .elementor-4797 .elementor-element.elementor-element-2329fd95 .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-4797 .elementor-element.elementor-element-2329fd95{width:auto;max-width:auto;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-2329fd95.elementor-element{--align-self:flex-end;}.elementor-4797 .elementor-element.elementor-element-2329fd95 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4797 .elementor-element.elementor-element-2329fd95 .elementor-button:hover svg, .elementor-4797 .elementor-element.elementor-element-2329fd95 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4797 .elementor-element.elementor-element-2193314{--display:flex;--border-radius:0px 030px 030px 0px;--padding-top:30px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-4797 .elementor-element.elementor-element-4d07469b{width:100%;max-width:100%;}.elementor-4797 .elementor-element.elementor-element-4d07469b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;color:var( --e-global-color-4eca4e1 );}.elementor-4797 .elementor-element.elementor-element-24d2c399{--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-4797 .elementor-element.elementor-element-629a233d{--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-4797 .elementor-element.elementor-element-629a233d:hover{background-color:#F0FAFF;}.elementor-4797 .elementor-element.elementor-element-629a233d.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-690f0e98{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-690f0e98.elementor-element{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-690f0e98 .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-690f0e98.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-690f0e98.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-690f0e98.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-690f0e98.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-690f0e98.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-690f0e98 .elementor-icon{font-size:14px;}.elementor-4797 .elementor-element.elementor-element-690f0e98 .elementor-icon svg{height:14px;}.elementor-4797 .elementor-element.elementor-element-20b7ea9f{--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-4797 .elementor-element.elementor-element-4db5ebd6{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-4db5ebd6.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-4db5ebd6 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-40b0a612{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-4797 .elementor-element.elementor-element-40b0a612.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-40b0a612 p{margin-block-end:0px;}.elementor-4797 .elementor-element.elementor-element-44f106c1{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor7 );--divider-border-width:1px;}.elementor-4797 .elementor-element.elementor-element-44f106c1 .elementor-divider-separator{width:100%;}.elementor-4797 .elementor-element.elementor-element-44f106c1 .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-4797 .elementor-element.elementor-element-52fc7bf7 .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-4797 .elementor-element.elementor-element-52fc7bf7 .elementor-button:hover, .elementor-4797 .elementor-element.elementor-element-52fc7bf7 .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-4797 .elementor-element.elementor-element-52fc7bf7{width:auto;max-width:auto;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-52fc7bf7.elementor-element{--align-self:flex-end;}.elementor-4797 .elementor-element.elementor-element-52fc7bf7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4797 .elementor-element.elementor-element-52fc7bf7 .elementor-button:hover svg, .elementor-4797 .elementor-element.elementor-element-52fc7bf7 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4797 .elementor-element.elementor-element-1902965e{--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-4797 .elementor-element.elementor-element-1902965e:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-1902965e > .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-4797 .elementor-element.elementor-element-4ed39278{width:100%;max-width:100%;}.elementor-4797 .elementor-element.elementor-element-4ed39278 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:19px;font-weight:700;color:var( --e-global-color-4eca4e1 );}.elementor-4797 .elementor-element.elementor-element-b517163{--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-4797 .elementor-element.elementor-element-6cb3ee6e{--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-4797 .elementor-element.elementor-element-6cb3ee6e:hover{background-color:#F0FAFF;}.elementor-4797 .elementor-element.elementor-element-6cb3ee6e.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-47380573{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-47380573.elementor-element{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-47380573 .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-47380573.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-47380573.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-47380573.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-47380573.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-47380573.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-47380573 .elementor-icon{font-size:14px;}.elementor-4797 .elementor-element.elementor-element-47380573 .elementor-icon svg{height:14px;}.elementor-4797 .elementor-element.elementor-element-3b3df87d{--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-4797 .elementor-element.elementor-element-152dd5f8{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-152dd5f8.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-152dd5f8 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-669f5d78{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-4797 .elementor-element.elementor-element-669f5d78.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-669f5d78 p{margin-block-end:0px;}.elementor-4797 .elementor-element.elementor-element-5a23e17e{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor7 );--divider-border-width:1px;}.elementor-4797 .elementor-element.elementor-element-5a23e17e .elementor-divider-separator{width:100%;}.elementor-4797 .elementor-element.elementor-element-5a23e17e .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-4797 .elementor-element.elementor-element-c1ab1ff .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-4797 .elementor-element.elementor-element-c1ab1ff .elementor-button:hover, .elementor-4797 .elementor-element.elementor-element-c1ab1ff .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-4797 .elementor-element.elementor-element-c1ab1ff{width:auto;max-width:auto;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-c1ab1ff.elementor-element{--align-self:flex-end;}.elementor-4797 .elementor-element.elementor-element-c1ab1ff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4797 .elementor-element.elementor-element-c1ab1ff .elementor-button:hover svg, .elementor-4797 .elementor-element.elementor-element-c1ab1ff .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-4797 .elementor-element.elementor-element-7932f2ae{--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-4797 .elementor-element.elementor-element-7932f2ae > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-4797 .elementor-element.elementor-element-7932f2ae.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-4797 .elementor-element.elementor-element-7932f2ae.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4797 .elementor-element.elementor-element-7932f2ae.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-4797 .elementor-element.elementor-element-7932f2ae.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-4797 .elementor-element.elementor-element-7932f2ae.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-4797 .elementor-element.elementor-element-7932f2ae [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-4797 .elementor-element.elementor-element-37053cf5{--display:flex;}.elementor-4797 .elementor-element.elementor-element-40895780{--display:flex;}.elementor-4797 .elementor-element.elementor-element-6ec94fe2{--display:flex;}.elementor-4797 .elementor-element.elementor-element-52ce634d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:400px;--padding-right:0px;}.elementor-4797 .elementor-element.elementor-element-52ce634d:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-52ce634d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-4797 .elementor-element.elementor-element-583d63ae{--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-4797 .elementor-element.elementor-element-583d63ae:not(.elementor-motion-effects-element-type-background), .elementor-4797 .elementor-element.elementor-element-583d63ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-19f67ae7{--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:10px;--padding-left:20px;--padding-right:20px;}.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover{background-color:#F0FAFF;--border-radius:20px 20px 0px 0px;--border-top-left-radius:20px;--border-top-right-radius:20px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-4797 .elementor-element.elementor-element-19f67ae7, .elementor-4797 .elementor-element.elementor-element-19f67ae7::before{--border-transition:0.3s;}.elementor-4797 .elementor-element.elementor-element-8dcfebb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-8dcfebb.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-8dcfebb .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-8dcfebb.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-8dcfebb.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-8dcfebb.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-8dcfebb.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-8dcfebb.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-8dcfebb .elementor-icon{font-size:24px;}.elementor-4797 .elementor-element.elementor-element-8dcfebb .elementor-icon svg{height:24px;}.elementor-4797 .elementor-element.elementor-element-130e45ba{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4797 .elementor-element.elementor-element-5a5a4edb{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-5a5a4edb.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-5a5a4edb .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-16a0d315{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-16a0d315.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-16a0d315 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4797 .elementor-element.elementor-element-228ccaae{--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-4797 .elementor-element.elementor-element-228ccaae: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-4797 .elementor-element.elementor-element-228ccaae, .elementor-4797 .elementor-element.elementor-element-228ccaae::before{--border-transition:0.3s;}.elementor-4797 .elementor-element.elementor-element-f2e8c43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-f2e8c43.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-f2e8c43 .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-f2e8c43.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-f2e8c43.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-f2e8c43.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-f2e8c43.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-f2e8c43.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4797 .elementor-element.elementor-element-f2e8c43 .elementor-icon{font-size:24px;}.elementor-4797 .elementor-element.elementor-element-f2e8c43 .elementor-icon svg{height:24px;}.elementor-4797 .elementor-element.elementor-element-4ab9bb4b{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4797 .elementor-element.elementor-element-1c55be40{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-1c55be40.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-1c55be40 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-4dff8edc{width:auto;max-width:auto;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4797 .elementor-element.elementor-element-4dff8edc.elementor-element{--align-self:flex-start;}.elementor-4797 .elementor-element.elementor-element-4dff8edc .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4797 .elementor-element.elementor-element-177b80c0{--display:flex;}.elementor-4797 .elementor-element.elementor-element-2407b483{--display:flex;}.elementor-4797 .elementor-element.elementor-element-2d368f4f{--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-4797 .elementor-element.elementor-element-2d368f4f > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-4797 .elementor-element.elementor-element-2d368f4f > .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-4797 .elementor-element.elementor-element-2d368f4f > .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-4797 .elementor-element.elementor-element-2d368f4f {--n-menu-title-color-hover:var( --e-global-color-bd8ac1b );--n-menu-title-color-active:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-2d368f4f > .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-4797 .elementor-element.elementor-element-2d368f4f > .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-4797 .elementor-element.elementor-element-4e77f75b{margin:0px -17px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-4797 .elementor-element.elementor-element-4e77f75b .ekit_navsearch-button :is(i, svg){font-size:16px;}.elementor-4797 .elementor-element.elementor-element-4e77f75b .ekit_navsearch-button{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;text-align:center;}.elementor-4797 .elementor-element.elementor-element-65df2370 .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-65df2370.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-4797 .elementor-element.elementor-element-65df2370.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-65df2370.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor6 );border-color:var( --e-global-color-astglobalcolor6 );}.elementor-4797 .elementor-element.elementor-element-65df2370.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-65df2370.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor6 );}.elementor-4797 .elementor-element.elementor-element-2255036a .e-off-canvas__content{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-4797 .elementor-element.elementor-element-2255036a .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-4797 .elementor-element.elementor-element-2255036a{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-4797 .elementor-element.elementor-element-146bb3a3{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4797 .elementor-element.elementor-element-79d5456f{--display:flex;}.elementor-4797 .elementor-element.elementor-element-5a34724f img{width:32%;}.elementor-4797 .elementor-element.elementor-element-6ee18735 .elementor-icon-wrapper{text-align:center;}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor6 );border-color:var( --e-global-color-astglobalcolor6 );}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-framed .elementor-icon, .elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor6 );}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-framed .elementor-icon:hover, .elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-bd8ac1b );border-color:var( --e-global-color-bd8ac1b );}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-view-framed .elementor-icon:hover, .elementor-4797 .elementor-element.elementor-element-6ee18735.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-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a, .elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a:hover,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a:focus,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-menu-toggle:hover,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-menu-toggle:focus{color:var( --e-global-color-61a8989 );}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a:hover,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a:focus,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-61a8989 );background-color:#02010100;}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown .elementor-item, .elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-4797 .elementor-element.elementor-element-362d23d8 .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-4797 .elementor-element.elementor-element-362d23d8 .elementor-button:hover, .elementor-4797 .elementor-element.elementor-element-362d23d8 .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-4797 .elementor-element.elementor-element-362d23d8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4797 .elementor-element.elementor-element-362d23d8 .elementor-button:hover svg, .elementor-4797 .elementor-element.elementor-element-362d23d8 .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-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-icon i{color:var( --e-global-color-bd8ac1b );transition:color 0.3s;}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-icon svg{fill:var( --e-global-color-bd8ac1b );transition:fill 0.3s;}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-61a8989 );}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-61a8989 );}.elementor-4797 .elementor-element.elementor-element-445e896d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-text{transition:color 0.3s;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d .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-4797 .elementor-element.elementor-element-7a49eb3d .elementor-button:hover, .elementor-4797 .elementor-element.elementor-element-7a49eb3d .elementor-button:focus{background-color:#08448D;color:var( --e-global-color-astglobalcolor4 );box-shadow:0px 0px 0px 0px #FFFFFF;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d .elementor-button:hover svg, .elementor-4797 .elementor-element.elementor-element-7a49eb3d .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-4797 .elementor-element.elementor-element-1c847fa6{--content-width:1300px;}.elementor-4797 .elementor-element.elementor-element-f607c49{--width:20%;}.elementor-4797 .elementor-element.elementor-element-6a2447b{--width:100%;}.elementor-4797 .elementor-element.elementor-element-458a8f59{--content-width:76%;}.elementor-4797 .elementor-element.elementor-element-604390e9{--width:100%;}.elementor-4797 .elementor-element.elementor-element-43059820{--width:30%;}.elementor-4797 .elementor-element.elementor-element-727f2458{--width:80%;}.elementor-4797 .elementor-element.elementor-element-47025bd7{--width:30%;}.elementor-4797 .elementor-element.elementor-element-267db53f{--width:80%;}.elementor-4797 .elementor-element.elementor-element-2befbfa6{--width:30%;}.elementor-4797 .elementor-element.elementor-element-3cbbf9d6{--width:80%;}.elementor-4797 .elementor-element.elementor-element-629a233d{--width:30%;}.elementor-4797 .elementor-element.elementor-element-20b7ea9f{--width:80%;}.elementor-4797 .elementor-element.elementor-element-6cb3ee6e{--width:30%;}.elementor-4797 .elementor-element.elementor-element-3b3df87d{--width:80%;}.elementor-4797 .elementor-element.elementor-element-52ce634d{--content-width:24%;}.elementor-4797 .elementor-element.elementor-element-583d63ae{--width:100%;}.elementor-4797 .elementor-element.elementor-element-130e45ba{--width:70%;}.elementor-4797 .elementor-element.elementor-element-4ab9bb4b{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4797 .elementor-element.elementor-element-1c847fa6{--content-width:100%;}.elementor-4797 .elementor-element.elementor-element-f607c49{--width:15%;}.elementor-4797 .elementor-element.elementor-element-6a2447b{--width:85%;}.elementor-4797 .elementor-element.elementor-element-43059820{--width:50%;}.elementor-4797 .elementor-element.elementor-element-727f2458{--width:74%;}.elementor-4797 .elementor-element.elementor-element-47025bd7{--width:50%;}.elementor-4797 .elementor-element.elementor-element-267db53f{--width:74%;}.elementor-4797 .elementor-element.elementor-element-2befbfa6{--width:50%;}.elementor-4797 .elementor-element.elementor-element-3cbbf9d6{--width:74%;}.elementor-4797 .elementor-element.elementor-element-629a233d{--width:50%;}.elementor-4797 .elementor-element.elementor-element-20b7ea9f{--width:74%;}.elementor-4797 .elementor-element.elementor-element-6cb3ee6e{--width:50%;}.elementor-4797 .elementor-element.elementor-element-3b3df87d{--width:74%;}.elementor-4797 .elementor-element.elementor-element-52ce634d{--content-width:35%;}}@media(max-width:1024px){.elementor-4797 .elementor-element.elementor-element-1c847fa6{--min-height:58px;--padding-top:0%;--padding-bottom:0%;--padding-left:02%;--padding-right:2%;}.elementor-4797 .elementor-element.elementor-element-40811ac9 img{height:27px;}.elementor-4797 .elementor-element.elementor-element-604390e9{--border-radius:20px 20px 20px 20px;}.elementor-4797 .elementor-element.elementor-element-7816594a{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-4797 .elementor-element.elementor-element-7cb4a043 .elementor-heading-title{font-size:12px;}.elementor-4797 .elementor-element.elementor-element-75531cde{--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-4797 .elementor-element.elementor-element-43059820{--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-4797 .elementor-element.elementor-element-43059820.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-263880d4 .elementor-icon{font-size:13px;}.elementor-4797 .elementor-element.elementor-element-263880d4 .elementor-icon svg{height:13px;}.elementor-4797 .elementor-element.elementor-element-727f2458{--justify-content:center;}.elementor-4797 .elementor-element.elementor-element-446e0a7e .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-34c5b5f2{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-47025bd7{--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-4797 .elementor-element.elementor-element-47025bd7.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-1aa2887e .elementor-icon{font-size:13px;}.elementor-4797 .elementor-element.elementor-element-1aa2887e .elementor-icon svg{height:13px;}.elementor-4797 .elementor-element.elementor-element-267db53f{--justify-content:center;}.elementor-4797 .elementor-element.elementor-element-1ec40fea .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-34ff4c5b{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-2befbfa6{--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-4797 .elementor-element.elementor-element-2befbfa6.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-1935868b .elementor-icon{font-size:13px;}.elementor-4797 .elementor-element.elementor-element-1935868b .elementor-icon svg{height:13px;}.elementor-4797 .elementor-element.elementor-element-3cbbf9d6{--justify-content:center;}.elementor-4797 .elementor-element.elementor-element-54a09a8a .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-28ff5e4e{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-2329fd95 .elementor-button{font-size:10px;}.elementor-4797 .elementor-element.elementor-element-2193314{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-4797 .elementor-element.elementor-element-4d07469b .elementor-heading-title{font-size:12px;}.elementor-4797 .elementor-element.elementor-element-24d2c399{--gap:3px 3px;--row-gap:3px;--column-gap:3px;--flex-wrap:wrap;}.elementor-4797 .elementor-element.elementor-element-629a233d{--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-4797 .elementor-element.elementor-element-629a233d.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-690f0e98 .elementor-icon{font-size:13px;}.elementor-4797 .elementor-element.elementor-element-690f0e98 .elementor-icon svg{height:13px;}.elementor-4797 .elementor-element.elementor-element-20b7ea9f{--justify-content:center;}.elementor-4797 .elementor-element.elementor-element-4db5ebd6 .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-40b0a612{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-52fc7bf7 .elementor-button{font-size:10px;}.elementor-4797 .elementor-element.elementor-element-1902965e{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-4797 .elementor-element.elementor-element-4ed39278 .elementor-heading-title{font-size:12px;}.elementor-4797 .elementor-element.elementor-element-b517163{--gap:3px 3px;--row-gap:3px;--column-gap:3px;--flex-wrap:wrap;}.elementor-4797 .elementor-element.elementor-element-6cb3ee6e{--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-4797 .elementor-element.elementor-element-6cb3ee6e.e-con{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-47380573 .elementor-icon{font-size:13px;}.elementor-4797 .elementor-element.elementor-element-47380573 .elementor-icon svg{height:13px;}.elementor-4797 .elementor-element.elementor-element-3b3df87d{--justify-content:center;}.elementor-4797 .elementor-element.elementor-element-152dd5f8 .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-669f5d78{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-c1ab1ff .elementor-button{font-size:10px;}.elementor-4797 .elementor-element.elementor-element-7932f2ae{padding:0px 0px 0px 0px;--n-tabs-heading-width:149px;--n-tabs-title-font-size:11px;}.elementor-4797 .elementor-element.elementor-element-52ce634d{--padding-top:0px;--padding-bottom:0px;--padding-left:0200px;--padding-right:0px;}.elementor-4797 .elementor-element.elementor-element-583d63ae{--border-radius:20px 20px 20px 20px;}.elementor-4797 .elementor-element.elementor-element-8dcfebb .elementor-icon{font-size:13px;}.elementor-4797 .elementor-element.elementor-element-8dcfebb .elementor-icon svg{height:13px;}.elementor-4797 .elementor-element.elementor-element-5a5a4edb .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-16a0d315 .elementor-heading-title{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-f2e8c43 .elementor-icon{font-size:12px;}.elementor-4797 .elementor-element.elementor-element-f2e8c43 .elementor-icon svg{height:12px;}.elementor-4797 .elementor-element.elementor-element-1c55be40 .elementor-heading-title{font-size:11px;}.elementor-4797 .elementor-element.elementor-element-4dff8edc .elementor-heading-title{font-size:9px;}.elementor-4797 .elementor-element.elementor-element-2d368f4f{--n-menu-title-font-size:9px;--n-menu-title-padding:4px 4px 4px 4px;--n-menu-icon-size:11px;}.elementor-4797 .elementor-element.elementor-element-4e77f75b{margin:0px -35px calc(var(--kit-widget-spacing, 0px) + -5px) -31px;}.elementor-4797 .elementor-element.elementor-element-4e77f75b .ekit_navsearch-button :is(i, svg){font-size:13px;}.elementor-4797 .elementor-element.elementor-element-4e77f75b .ekit_navsearch-button{margin:0px 0px 0px 0px;}.elementor-4797 .elementor-element.elementor-element-362d23d8 .elementor-button{font-size:10px;border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d .elementor-button{font-size:10px;border-radius:6px 6px 6px 6px;padding:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-4797 .elementor-element.elementor-element-1c847fa6{--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-4797 .elementor-element.elementor-element-f607c49{--width:38%;--min-height:61px;}.elementor-4797 .elementor-element.elementor-element-40811ac9 img{width:583px;max-width:100%;height:26px;}.elementor-4797 .elementor-element.elementor-element-6a2447b{--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-4797 .elementor-element.elementor-element-4e77f75b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 0px 0px;}.elementor-4797 .elementor-element.elementor-element-4e77f75b .ekit_navsearch-button :is(i, svg){font-size:17px;}.elementor-4797 .elementor-element.elementor-element-65df2370{padding:4px 0px 0px 0px;}.elementor-4797 .elementor-element.elementor-element-65df2370 .elementor-icon{font-size:18px;}.elementor-4797 .elementor-element.elementor-element-65df2370 .elementor-icon svg{height:18px;}.elementor-4797 .elementor-element.elementor-element-2255036a{--e-off-canvas-justify-content:flex-start;--e-off-canvas-width:75%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;}.elementor-4797 .elementor-element.elementor-element-146bb3a3{--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-4797 .elementor-element.elementor-element-79d5456f{--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-4797 .elementor-element.elementor-element-5a34724f{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-4797 .elementor-element.elementor-element-5a34724f img{width:77%;}.elementor-4797 .elementor-element.elementor-element-6ee18735{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-6ee18735.elementor-element{--align-self:center;}.elementor-4797 .elementor-element.elementor-element-6ee18735 .elementor-icon-wrapper{text-align:end;}.elementor-4797 .elementor-element.elementor-element-6ee18735 .elementor-icon{font-size:21px;}.elementor-4797 .elementor-element.elementor-element-6ee18735 .elementor-icon svg{height:21px;}.elementor-4797 .elementor-element.elementor-element-2f7797d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) -14px;}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown .elementor-item, .elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-4797 .elementor-element.elementor-element-2f7797d8 .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-4797 .elementor-element.elementor-element-362d23d8{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-362d23d8.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-4797 .elementor-element.elementor-element-362d23d8 .elementor-button{font-size:14px;padding:9px 9px 9px 9px;}.elementor-4797 .elementor-element.elementor-element-445e896d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;--e-icon-list-icon-size:15px;}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4797 .elementor-element.elementor-element-445e896d .elementor-icon-list-item > a{font-size:12px;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d{width:auto;max-width:auto;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-4797 .elementor-element.elementor-element-7a49eb3d .elementor-button{padding:9px 9px 9px 9px;}}/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43059820 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-43059820 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820 .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-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-43059820:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47025bd7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-47025bd7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7 .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-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-47025bd7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2befbfa6 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6 .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-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-2befbfa6:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629a233d *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-629a233d .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d .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-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-629a233d:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb3ee6e *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e .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-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-6cb3ee6e:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f67ae7 *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7 .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-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-19f67ae7:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ccaae *//* 1. Base style untuk elemen ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .astranova-icon i,
.elementor-4797 .elementor-element.elementor-element-228ccaae .astranova-icon svg {
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* 3. Efek Glow Biru di bawah ikon */
.elementor-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae .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-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon {
    transform: translateY(-3px) scale(1.08);
}

/* Efek Glow menjadi lebih terang dan menyebar saat kontainer di-hover */
.elementor-4797 .elementor-element.elementor-element-228ccaae:hover .astranova-icon::before {
    opacity: 1;
    filter: blur(20px);
    bottom: -14px;
    width: 32px;
}/* End custom CSS */