.elementor-4203 .elementor-element.elementor-element-f6393cf{--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;--align-items:center;--overlay-opacity:0.5;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-4203 .elementor-element.elementor-element-f6393cf:not(.elementor-motion-effects-element-type-background), .elementor-4203 .elementor-element.elementor-element-f6393cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121319;}.elementor-4203 .elementor-element.elementor-element-f6393cf::before, .elementor-4203 .elementor-element.elementor-element-f6393cf > .elementor-background-video-container::before, .elementor-4203 .elementor-element.elementor-element-f6393cf > .e-con-inner > .elementor-background-video-container::before, .elementor-4203 .elementor-element.elementor-element-f6393cf > .elementor-background-slideshow::before, .elementor-4203 .elementor-element.elementor-element-f6393cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-4203 .elementor-element.elementor-element-f6393cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4203 .elementor-element.elementor-element-4bcba7f{--display:flex;}.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-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-icon i{color:#117EAC;transition:color 0.3s;}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-icon svg{fill:#117EAC;transition:fill 0.3s;}.elementor-4203 .elementor-element.elementor-element-04ffee9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-text{color:#DEDEDE;transition:color 0.3s;}.elementor-widget-theme-post-title .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-4203 .elementor-element.elementor-element-e6aacb8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:600;color:#00BBBD;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4203 .elementor-element.elementor-element-8d05761 .elementor-icon-list-icon i{color:#00BBBD;font-size:14px;}.elementor-4203 .elementor-element.elementor-element-8d05761 .elementor-icon-list-icon svg{fill:#00BBBD;--e-icon-list-icon-size:14px;}.elementor-4203 .elementor-element.elementor-element-8d05761 .elementor-icon-list-icon{width:14px;}.elementor-4203 .elementor-element.elementor-element-8d05761 .elementor-icon-list-text, .elementor-4203 .elementor-element.elementor-element-8d05761 .elementor-icon-list-text a{color:#DEDEDE;}.elementor-4203 .elementor-element.elementor-element-8d05761 .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4203 .elementor-element.elementor-element-4266134{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4203 .elementor-element.elementor-element-cfd8ea2 img{max-width:100%;}.elementor-4203 .elementor-element.elementor-element-59e6759{--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;--padding-top:6%;--padding-bottom:6%;--padding-left:10%;--padding-right:10%;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4203 .elementor-element.elementor-element-11afe11{color:#000000;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}@media(max-width:1024px){.elementor-4203 .elementor-element.elementor-element-f6393cf{--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:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-4203 .elementor-element.elementor-element-e6aacb8{text-align:center;}.elementor-4203 .elementor-element.elementor-element-cfd8ea2{text-align:center;}.elementor-4203 .elementor-element.elementor-element-59e6759{--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}}@media(max-width:767px){.elementor-4203 .elementor-element.elementor-element-4bcba7f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-4203 .elementor-element.elementor-element-04ffee9{--e-icon-list-icon-size:10px;}.elementor-4203 .elementor-element.elementor-element-e6aacb8 .elementor-heading-title{font-size:24px;}.elementor-4203 .elementor-element.elementor-element-59e6759{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-4203 .elementor-element.elementor-element-11afe11{font-size:14px;}}/* Start custom CSS for icon-list, class: .elementor-element-04ffee9 */.elementor-4203 .elementor-element.elementor-element-04ffee9 a{
    color:white;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6393cf */.hero-animated-bg{
            width: 100%;
            height: 100%;
            background-color: black; 
             background-image: url('https://www.apiconnects.co.nz/wp-content/uploads/2024/10/grid-gray.png');


            background-size: 360px;
            position: relative;
            overflow: hidden;
            border: 2px solid black;
        }

        .hero-animated-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('https://www.apiconnects.co.nz/wp-content/uploads/2024/10/grid-blue-1.png');
            background-size: 360px;
            opacity: 0; /* Hide the blue grid by default */
            pointer-events: none; /* Prevent blue layer from blocking mouse events */
            transition: opacity 0.3s ease;
            mask-image: radial-gradient(circle, rgba(0, 0, 255, 1) 30%, rgba(0, 0, 255, 0) 80%);
            mask-size: var(--circle-size) var(--circle-size);
            mask-position: var(--x) var(--y);
            mask-repeat: no-repeat;
        }

        .hero-animated-bg:hover::before {
            opacity: 1; /* Show the blue grid on hover */
        }/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-11afe11 */.elementor-4203 .elementor-element.elementor-element-11afe11 h2 {
    font-size: 2rem;
    margin-top: 2rem;
}

.elementor-4203 .elementor-element.elementor-element-11afe11 h3 {
    font-size: 1.7rem;
    margin-top: 1.7rem;
}

.elementor-4203 .elementor-element.elementor-element-11afe11 h4 {
    font-size: 1.4rem;
    margin-top: 1.4rem;
}

.elementor-4203 .elementor-element.elementor-element-11afe11 a {
    color:#2995CD;
}/* End custom CSS */