.elementor-11863 .elementor-element.elementor-element-73616c8:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-73616c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-73616c8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-73616c8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-15472d7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-82e68f4:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-82e68f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3EE;}.elementor-11863 .elementor-element.elementor-element-82e68f4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:88px 60px 10px 60px;}.elementor-11863 .elementor-element.elementor-element-82e68f4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-5c3e06c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-11863 .elementor-element.elementor-element-5c3e06c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-5c3e06c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11863 .elementor-element.elementor-element-5c3e06c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:13px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-5c3e06c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-82209ec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11863 .elementor-element.elementor-element-7c50976:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-7c50976 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3EE;}.elementor-11863 .elementor-element.elementor-element-7c50976{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:88px 60px 0px 60px;}.elementor-11863 .elementor-element.elementor-element-7c50976 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-32b0db9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-11863 .elementor-element.elementor-element-32b0db9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-32b0db9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11863 .elementor-element.elementor-element-32b0db9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:13px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-32b0db9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-23d275c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11863 .elementor-element.elementor-element-0cade00:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-0cade00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3EE;}.elementor-11863 .elementor-element.elementor-element-0cade00{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 60px 10px 60px;}.elementor-11863 .elementor-element.elementor-element-0cade00 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-810e863:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-11863 .elementor-element.elementor-element-810e863 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-810e863.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11863 .elementor-element.elementor-element-810e863 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:13px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-810e863 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-75d8644.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11863 .elementor-element.elementor-element-adf11fb:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-adf11fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );background-image:url("https://ncco.sa/wp-content/uploads/2026/06/8663_new.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11863 .elementor-element.elementor-element-adf11fb > .elementor-background-overlay{background-color:#061A14;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-adf11fb > .elementor-container{min-height:720px;}.elementor-11863 .elementor-element.elementor-element-adf11fb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-4a5f50b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-ff5a367{text-align:center;}.elementor-11863 .elementor-element.elementor-element-ff5a367 .elementor-heading-title{font-size:44px;font-weight:600;color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-8cdde34{text-align:center;font-size:23px;color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-d70118f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-11863 .elementor-element.elementor-element-c613306 .elementor-image-box-wrapper{text-align:center;}.elementor-11863 .elementor-element.elementor-element-c613306.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-c613306.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-11863 .elementor-element.elementor-element-c613306.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-c613306 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-11863 .elementor-element.elementor-element-c613306 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11863 .elementor-element.elementor-element-c613306 .elementor-image-box-title{color:var( --e-global-color-border );}.elementor-11863 .elementor-element.elementor-element-4315088 .elementor-image-box-wrapper{text-align:center;}.elementor-11863 .elementor-element.elementor-element-4315088.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-4315088.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-11863 .elementor-element.elementor-element-4315088.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-4315088 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-11863 .elementor-element.elementor-element-4315088 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11863 .elementor-element.elementor-element-4315088 .elementor-image-box-title{color:var( --e-global-color-border );}.elementor-11863 .elementor-element.elementor-element-12aa862.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-11863 .elementor-element.elementor-element-12aa862.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-11863 .elementor-element.elementor-element-12aa862.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-11863 .elementor-element.elementor-element-12aa862 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-11863 .elementor-element.elementor-element-12aa862 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11863 .elementor-element.elementor-element-12aa862 .elementor-image-box-title{color:var( --e-global-color-border );}.elementor-11863 .elementor-element.elementor-element-87cb890.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-87cb890.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-11863 .elementor-element.elementor-element-87cb890.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-87cb890 .elementor-image-box-wrapper .elementor-image-box-img{width:90%;}.elementor-11863 .elementor-element.elementor-element-87cb890 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11863 .elementor-element.elementor-element-87cb890 .elementor-image-box-title{color:var( --e-global-color-border );}.elementor-11863 .elementor-element.elementor-element-5f7d59f:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-5f7d59f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3EE;}.elementor-11863 .elementor-element.elementor-element-5f7d59f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:10px 60px 70px 60px;}.elementor-11863 .elementor-element.elementor-element-5f7d59f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-b512055:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-11863 .elementor-element.elementor-element-b512055 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-b512055.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11863 .elementor-element.elementor-element-b512055 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:13px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-b512055 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-d21b49a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11863 .elementor-element.elementor-element-282179e:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-282179e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-282179e > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-282179e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-282179e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-6a2a771 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-6a2a771 > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-cb5ff83{--spacer-size:31px;}.elementor-11863 .elementor-element.elementor-element-04bf555:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-04bf555 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-04bf555 > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-04bf555{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-04bf555 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-887307e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-887307e > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-d6bb585{text-align:center;}.elementor-11863 .elementor-element.elementor-element-d6bb585 .elementor-heading-title{font-size:44px;font-weight:600;line-height:48px;color:#0E4A43;}.elementor-11863 .elementor-element.elementor-element-48753f7{--divider-border-style:solid;--divider-color:#0D6B3F;--divider-border-width:2.9px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11863 .elementor-element.elementor-element-48753f7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11863 .elementor-element.elementor-element-48753f7 .elementor-divider-separator{width:184px;margin:0 auto;margin-center:0;}.elementor-11863 .elementor-element.elementor-element-48753f7 .elementor-divider{text-align:center;padding-block-start:17px;padding-block-end:17px;}.elementor-11863 .elementor-element.elementor-element-b0376b4:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-b0376b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-b0376b4 > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-b0376b4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-b0376b4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-6b679d9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-6b679d9 > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-5a36f5e{--spacer-size:20px;}.elementor-11863 .elementor-element.elementor-element-ec0897b:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-ec0897b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-ec0897b > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-ec0897b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-ec0897b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-5901387 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-5901387 > .elementor-element-populated{margin:0px 20px 100px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-106f8aa:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-106f8aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-106f8aa > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-106f8aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-106f8aa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-1dcfb3b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-1dcfb3b > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-c0a35c5{--spacer-size:20px;}.elementor-11863 .elementor-element.elementor-element-d85afd7:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-d85afd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-d85afd7 > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-d85afd7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-d85afd7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-68225f7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-68225f7 > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-d27f6ff{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-11863 .elementor-element.elementor-element-d27f6ff .elementor-heading-title{font-size:44px;font-weight:600;line-height:48px;color:#0E4A43;}.elementor-11863 .elementor-element.elementor-element-932313f{--divider-border-style:solid;--divider-color:#0D6B3F;--divider-border-width:2.9px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11863 .elementor-element.elementor-element-932313f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11863 .elementor-element.elementor-element-932313f .elementor-divider-separator{width:184px;margin:0 auto;margin-center:0;}.elementor-11863 .elementor-element.elementor-element-932313f .elementor-divider{text-align:center;padding-block-start:17px;padding-block-end:17px;}.elementor-11863 .elementor-element.elementor-element-ee0f8e8:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-ee0f8e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-ee0f8e8 > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-ee0f8e8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-ee0f8e8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-74da57c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-74da57c > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-0d05292{--spacer-size:20px;}.elementor-11863 .elementor-element.elementor-element-91fc283:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-91fc283 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-91fc283 > .elementor-container{min-height:200px;}.elementor-11863 .elementor-element.elementor-element-91fc283{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-91fc283 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-d07ec1a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-071b083{padding:0px 0px 30px 0px;}.elementor-11863 .elementor-element.elementor-element-071b083 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-11863 .elementor-element.elementor-element-071b083 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-11863 .elementor-element.elementor-element-071b083 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-11863 .elementor-element.elementor-element-071b083 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-11863 .elementor-element.elementor-element-fe0258c:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-fe0258c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-fe0258c > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-fe0258c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-fe0258c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-4964ace > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-4964ace > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-f6e7416{--spacer-size:100px;}.elementor-11863 .elementor-element.elementor-element-e044dab:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-e044dab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ncco.sa/wp-content/uploads/2026/07/232-scaled.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-11863 .elementor-element.elementor-element-e044dab > .elementor-container{min-height:450px;}.elementor-11863 .elementor-element.elementor-element-e044dab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:144px 40px 30px 40px;}.elementor-11863 .elementor-element.elementor-element-e044dab > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-66adcdc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-11863 .elementor-element.elementor-element-66adcdc .elementor-heading-title{font-size:50px;line-height:1.2em;letter-spacing:5px;color:#FFFFFF;}.elementor-11863 .elementor-element.elementor-element-d5d386d .elementor-button{background-color:var( --e-global-color-primary_hover );fill:var( --e-global-color-lighter );color:var( --e-global-color-lighter );}.elementor-11863 .elementor-element.elementor-element-d5d386d .elementor-button:hover, .elementor-11863 .elementor-element.elementor-element-d5d386d .elementor-button:focus{background-color:var( --e-global-color-594a97c );color:#FFFFFF;}.elementor-11863 .elementor-element.elementor-element-d5d386d .elementor-button:hover svg, .elementor-11863 .elementor-element.elementor-element-d5d386d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-11863 .elementor-element.elementor-element-d5d386d.button-style-skyview2-yes .elementor-button:before{background-color:var( --e-global-color-594a97c );}.elementor-11863 .elementor-element.elementor-element-4767afe:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-4767afe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF3EE;}.elementor-11863 .elementor-element.elementor-element-4767afe > .elementor-container{max-width:1440px;}.elementor-11863 .elementor-element.elementor-element-4767afe{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-4767afe > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11863 .elementor-element.elementor-element-eaa95fd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11863 .elementor-element.elementor-element-eaa95fd > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-11863 .elementor-element.elementor-element-9be47d1{--spacer-size:101px;}@media(max-width:1366px){.elementor-11863 .elementor-element.elementor-element-d70118f{--grid-auto-flow:row;}.elementor-11863 .elementor-element.elementor-element-48753f7{width:var( --container-widget-width, 1146px );max-width:1146px;--container-widget-width:1146px;--container-widget-flex-grow:0;}.elementor-11863 .elementor-element.elementor-element-932313f{width:var( --container-widget-width, 1146px );max-width:1146px;--container-widget-width:1146px;--container-widget-flex-grow:0;}}@media(max-width:1200px){.elementor-11863 .elementor-element.elementor-element-d70118f{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-11863 .elementor-element.elementor-element-73616c8{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-82e68f4{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-7c50976{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-0cade00{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-adf11fb > .elementor-container{min-height:400px;}.elementor-11863 .elementor-element.elementor-element-adf11fb{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-d70118f{--grid-auto-flow:row;}.elementor-11863 .elementor-element.elementor-element-5f7d59f{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-282179e{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-6a2a771 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-04bf555{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-887307e > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-48753f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-11863 .elementor-element.elementor-element-b0376b4{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-6b679d9 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-ec0897b{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-5901387 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-106f8aa{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-1dcfb3b > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-d85afd7{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-68225f7 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-932313f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-11863 .elementor-element.elementor-element-ee0f8e8{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-74da57c > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-91fc283 > .elementor-container{min-height:400px;}.elementor-11863 .elementor-element.elementor-element-91fc283{margin-top:0px;margin-bottom:80px;}.elementor-11863 .elementor-element.elementor-element-fe0258c{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-4964ace > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-11863 .elementor-element.elementor-element-e044dab{margin-top:0px;margin-bottom:80px;padding:80px 30px 80px 30px;}.elementor-11863 .elementor-element.elementor-element-66adcdc .elementor-heading-title{font-size:42px;}.elementor-11863 .elementor-element.elementor-element-4767afe{margin-top:0px;margin-bottom:80px;padding:0px 20px 0px 20px;}.elementor-11863 .elementor-element.elementor-element-eaa95fd > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}@media(max-width:880px){.elementor-11863 .elementor-element.elementor-element-d70118f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-11863 .elementor-element.elementor-element-73616c8{margin-top:0px;margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-82e68f4{margin-top:0px;margin-bottom:0px;padding:29px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-5c3e06c{width:100%;}.elementor-11863 .elementor-element.elementor-element-5c3e06c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-82209ec{width:var( --container-widget-width, 218px );max-width:218px;--container-widget-width:218px;--container-widget-flex-grow:0;}.elementor-11863 .elementor-element.elementor-element-7c50976{margin-top:0px;margin-bottom:0px;padding:29px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-32b0db9{width:100%;}.elementor-11863 .elementor-element.elementor-element-32b0db9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-23d275c{width:var( --container-widget-width, 218px );max-width:218px;--container-widget-width:218px;--container-widget-flex-grow:0;}.elementor-11863 .elementor-element.elementor-element-0cade00{margin-top:0px;margin-bottom:0px;padding:29px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-810e863{width:100%;}.elementor-11863 .elementor-element.elementor-element-810e863 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-75d8644{width:var( --container-widget-width, 218px );max-width:218px;--container-widget-width:218px;--container-widget-flex-grow:0;}.elementor-11863 .elementor-element.elementor-element-adf11fb{margin-top:0px;margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-ff5a367 .elementor-heading-title{font-size:32px;}.elementor-11863 .elementor-element.elementor-element-d70118f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11863 .elementor-element.elementor-element-c613306 .elementor-image-box-img{margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-c613306 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-11863 .elementor-element.elementor-element-4315088 .elementor-image-box-img{margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-4315088 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-11863 .elementor-element.elementor-element-12aa862 .elementor-image-box-img{margin-bottom:2px;}.elementor-11863 .elementor-element.elementor-element-12aa862 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-11863 .elementor-element.elementor-element-87cb890 .elementor-image-box-img{margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-87cb890 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-11863 .elementor-element.elementor-element-5f7d59f{margin-top:0px;margin-bottom:0px;padding:29px 0px 0px 0px;}.elementor-11863 .elementor-element.elementor-element-b512055{width:100%;}.elementor-11863 .elementor-element.elementor-element-b512055 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-d21b49a{width:var( --container-widget-width, 218px );max-width:218px;--container-widget-width:218px;--container-widget-flex-grow:0;}.elementor-11863 .elementor-element.elementor-element-282179e{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-6a2a771 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-cb5ff83{--spacer-size:0px;}.elementor-11863 .elementor-element.elementor-element-04bf555{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-887307e > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-d6bb585 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-11863 .elementor-element.elementor-element-48753f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11863 .elementor-element.elementor-element-48753f7 .elementor-divider-separator{width:0px;}.elementor-11863 .elementor-element.elementor-element-b0376b4{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-6b679d9 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-ec0897b{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-5901387 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-106f8aa{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-1dcfb3b > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-d85afd7{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-68225f7 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-d27f6ff .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-11863 .elementor-element.elementor-element-932313f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11863 .elementor-element.elementor-element-ee0f8e8{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-74da57c > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-91fc283{margin-top:0px;margin-bottom:0px;}.elementor-11863 .elementor-element.elementor-element-fe0258c{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-4964ace > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11863 .elementor-element.elementor-element-f6e7416{--spacer-size:0px;}.elementor-11863 .elementor-element.elementor-element-e044dab{margin-top:0px;margin-bottom:0px;padding:55px 15px 60px 15px;}.elementor-11863 .elementor-element.elementor-element-4767afe{margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-11863 .elementor-element.elementor-element-eaa95fd > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-11863 .elementor-element.elementor-element-5c3e06c{width:100%;}.elementor-11863 .elementor-element.elementor-element-32b0db9{width:100%;}.elementor-11863 .elementor-element.elementor-element-810e863{width:100%;}}@media(min-width:1367px){.elementor-11863 .elementor-element.elementor-element-adf11fb:not(.elementor-motion-effects-element-type-background), .elementor-11863 .elementor-element.elementor-element-adf11fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-82209ec */.ncco-simple-home-slider{
  position:relative;
  width:100%;
  background:#EAF3EE;
  padding:70px 90px 80px;
  overflow:hidden !important;
  box-sizing:border-box;
}

.ncco-simple-home-slider *,
.ncco-simple-home-slider *:before,
.ncco-simple-home-slider *:after{
  box-sizing:border-box;
}

.ncco-simple-home-slider-ar{
  direction:rtl;
}

.ncco-simple-home-slider .swiper-wrapper{
  align-items:stretch !important;
}

.ncco-simple-home-slider .swiper-slide{
  display:block !important;
  width:100% !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
}

.ncco-simple-slide{
  width:100% !important;
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
  direction:rtl;
}

.ncco-simple-slide h2{
  color:#0C3429;
  font-size:44px;
  font-weight:600;
  line-height:1.4;
  margin:0 0 24px;
}

.ncco-simple-slide p{
  width:100%;
  max-width:1050px;
  margin:0 auto 34px;
  color:#0C3429;
  font-size:20px;
  font-weight:400;
  line-height:1.9;
  text-align:center;
  direction:rtl;
}

.ncco-simple-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:230px;
  height:60px;
  padding:0 38px;

  border-radius:50px;

  background:#80C23F;
  color:#fff !important;
  border:2px solid #80C23F;

  font-size:17px;
  font-weight:700;
  text-decoration:none !important;

  box-shadow:0 14px 35px rgba(12,52,41,.10);
  transition:.3s ease;
}

.ncco-simple-btn:hover{
  background:#0C3429;
  border-color:#0C3429;
  color:#fff !important;

  transform:translateY(-3px);
  box-shadow:0 16px 35px rgba(12,52,41,.20);
}


/* =========================
   ARROWS
========================= */

.ncco-simple-prev,
.ncco-simple-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);

  width:48px;
  height:60px;

  background:transparent !important;
  border:0;
  border-radius:0;

  color:#0C3429;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  z-index:20;

  font-size:48px;
  line-height:1;
  font-weight:300;

  box-shadow:none !important;
  transition:all .3s ease;
}


/* RTL */
.ncco-simple-prev{
  right:28px;
  left:auto;
}

.ncco-simple-next{
  left:28px;
  right:auto;
}

.ncco-simple-prev:hover,
.ncco-simple-next:hover{
  background:transparent !important;
  color:#80C23F;
  transform:translateY(-50%) scale(1.12);
}


/* =========================
   PAGINATION
========================= */

.ncco-simple-pagination{
  position:relative !important;
  text-align:center;
  margin-top:42px;
  direction:ltr;
}

.ncco-simple-pagination .swiper-pagination-bullet{
  width:48px;
  height:5px;

  border-radius:0;
  background:#929598;
  opacity:.45;

  margin:0 10px !important;
}

.ncco-simple-pagination .swiper-pagination-bullet-active{
  background:#80C23F;
  opacity:1;
}


/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .ncco-simple-home-slider{
    width:100vw !important;
    max-width:100vw !important;

    margin-right:50% !important;
    margin-left:0 !important;
    transform:translateX(50%) !important;

    padding:45px 18px 55px !important;
    overflow:hidden !important;
  }

  .ncco-simple-home-slider .swiper-wrapper,
  .ncco-simple-home-slider .swiper-slide{
    width:100% !important;
    max-width:100% !important;
  }

  .ncco-simple-home-slider .swiper-slide{
    flex:0 0 100% !important;
  }

  .ncco-simple-slide{
    width:100% !important;
    max-width:100% !important;

    padding:0 12px !important;
    margin:0 auto !important;
  }

  .ncco-simple-slide h2{
    font-size:32px !important;
    line-height:1.4 !important;
  }

  .ncco-simple-slide p{
    width:100% !important;
    max-width:360px !important;

    margin:0 auto 28px !important;

    text-align:center !important;

    font-size:16px !important;
    line-height:1.9 !important;
  }

  .ncco-simple-btn{
    min-width:200px;
    height:55px;
    font-size:16px;
  }

  .ncco-simple-prev,
  .ncco-simple-next{
    display:none !important;
  }

  .ncco-simple-pagination{
    margin-top:32px;
  }

  .ncco-simple-pagination .swiper-pagination-bullet{
    width:36px;
    margin:0 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-82e68f4 *//* مسافة بين الكروت */
.ncco-cards-sec .elementor-column{
    padding:0 18px;
    box-sizing:border-box;
}

/* حتى ما يطلع الكرت ملزق */
.ncco-cards-sec .elementor-widget-wrap{
    height:100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23d275c *//* =====================================================
   NCCO AT A GLANCE - FULL WIDTH + ARABIC RTL
===================================================== */

.ncco-glance{
    position:relative;

    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    transform:none !important;

    min-height:760px;

    padding:110px 30px 90px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(121,193,67,.20),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(121,193,67,.10),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #0A302C 0%,
            #124D45 55%,
            #082A27 100%
        );

    overflow:hidden;

    color:#fff;

    direction:rtl;
    text-align:right;

    box-sizing:border-box;
}


/* Make sure Elementor does not clip it */

.elementor-widget-html:has(.ncco-glance),
.elementor-widget-html:has(.ncco-glance) > .elementor-widget-container{
    overflow:visible !important;
}


/* =====================================================
   BACKGROUND MOTION
===================================================== */

.ncco-glance-bg{
    position:absolute;
    inset:0;

    pointer-events:none;

    overflow:hidden;
}


/* circles */

.ncco-glance-orb{
    position:absolute;

    border:1px solid rgba(255,255,255,.10);

    border-radius:50%;

    animation:nccoFloat 14s ease-in-out infinite;
}


.orb-1{
    width:520px;
    height:520px;

    left:-190px;
    top:-140px;
}


.orb-2{
    width:350px;
    height:350px;

    right:8%;
    top:60px;

    border-color:rgba(121,193,67,.25);

    animation-delay:-4s;
}


.orb-3{
    width:650px;
    height:650px;

    right:-280px;
    bottom:-340px;

    animation-delay:-8s;
}


/* glowing moving lines */

.ncco-glance-line{
    position:absolute;

    width:1px;
    height:150%;

    background:
        linear-gradient(
            transparent,
            rgba(121,193,67,.38),
            transparent
        );

    transform:rotate(25deg);
}


.line-1{
    left:30%;
    top:-20%;

    animation:nccoLineMove 12s linear infinite;
}


.line-2{
    right:26%;
    top:-25%;

    animation:nccoLineMove 16s linear infinite reverse;
}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes nccoFloat{

    0%,100%{
        transform:translate3d(0,0,0) scale(1);
    }

    50%{
        transform:translate3d(30px,-25px,0) scale(1.06);
    }

}


@keyframes nccoLineMove{

    0%{
        transform:
            translateY(-8%)
            rotate(25deg);
    }

    50%{
        transform:
            translateY(8%)
            rotate(25deg);
    }

    100%{
        transform:
            translateY(-8%)
            rotate(25deg);
    }

}


/* =====================================================
   CONTAINER
===================================================== */

.ncco-glance-inner{
    position:relative;

    z-index:2;

    width:100%;
    max-width:1280px;

    margin:0 auto;
}


/* =====================================================
   INTRO
===================================================== */

.ncco-glance-intro{
    max-width:880px;

    margin-right:0;
    margin-left:auto;

    margin-bottom:75px;
}


.ncco-glance-eyebrow{
    display:block;

    margin-bottom:22px;

    color:#79C143;

    font-size:18px;
    font-weight:700;

    letter-spacing:0;
}


.ncco-glance-intro h2{
    margin:0 0 25px;

    color:#fff;

    font-size:58px;
    font-weight:400;

    line-height:1.35;

    letter-spacing:0;
}


.ncco-glance-intro h2 strong{
    display:block;

    color:#79C143;

    font-weight:600;
}


.ncco-glance-intro p{
    max-width:760px;

    margin-right:0;
    margin-left:auto;

    color:rgba(255,255,255,.72);

    font-size:20px;

    line-height:1.9;
}


/* =====================================================
   MAIN GRID
===================================================== */

.ncco-glance-main{
    display:grid;

    grid-template-columns:
        minmax(500px,1.35fr)
        minmax(300px,.8fr);

    gap:80px;

    align-items:center;

    direction:rtl;
}


/* =====================================================
   NUMBER
===================================================== */

.ncco-glance-number{
    display:flex;

    align-items:flex-end;

    justify-content:flex-start;

    gap:24px;

    direction:rtl;
}


.ncco-big-number{
    position:relative;
}


.ncco-big-number:before{
    content:"";

    position:absolute;

    width:135px;
    height:135px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    background:rgba(121,193,67,.12);

    border-radius:50%;

    filter:blur(2px);
}


.ncco-counter{
    position:relative;

    z-index:2;

    display:block;

    color:#fff;

    font-size:170px;

    font-weight:300;

    line-height:.82;

    letter-spacing:-12px;

    direction:ltr;

    unicode-bidi:isolate;
}


.ncco-number-label{
    margin-bottom:12px;

    color:#79C143;

    font-size:19px;

    font-weight:700;

    letter-spacing:0;

    line-height:1.6;

    text-align:right;
}


/* =====================================================
   SECTORS
===================================================== */

.ncco-glance-sectors{
    border-top:1px solid rgba(255,255,255,.15);
}


.ncco-sector{
    position:relative;

    display:grid;

    grid-template-columns:65px 1fr;

    gap:22px;

    align-items:start;

    padding:28px 0;

    border-bottom:1px solid rgba(255,255,255,.15);

    direction:rtl;

    text-align:right;

    transition:
        padding-right .4s ease,
        background .4s ease;
}


.ncco-sector:before{
    content:"";

    position:absolute;

    right:0;
    left:auto;

    bottom:-1px;

    width:0;
    height:2px;

    background:#79C143;

    transition:width .5s ease;
}


.ncco-sector:hover{
    padding-right:18px;
}


.ncco-sector:hover:before{
    width:100%;
}


.sector-number{
    color:#79C143;

    font-size:19px;

    font-weight:700;

    letter-spacing:1px;

    direction:ltr;

    unicode-bidi:isolate;
}


.ncco-sector h3{
    margin:0 0 8px;

    color:#fff;

    font-size:30px;

    font-weight:500;

    line-height:1.5;
}


.ncco-sector p{
    max-width:530px;

    margin-right:0;
    margin-left:auto;

    color:rgba(255,255,255,.65);

    font-size:17px;

    line-height:1.8;
}


/* =====================================================
   BOTTOM
===================================================== */

.ncco-glance-bottom{
    margin-top:80px;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:25px;

    color:rgba(255,255,255,.45);

    font-size:16px;

    font-weight:700;

    letter-spacing:0;

    direction:rtl;
}


.ncco-glance-bottom i{
    display:block;

    width:45px;
    height:1px;

    background:rgba(121,193,67,.55);
}


/* =====================================================
   SCROLL REVEAL
===================================================== */

.ncco-reveal{
    opacity:1 !important;
    transform:none !important;
}


/* stagger */



/* =====================================================
   TABLET
===================================================== */

@media(max-width:1024px){

    .ncco-glance{
        padding:90px 35px 80px;
    }


    .ncco-glance-intro h2{
        font-size:48px;
    }


    .ncco-glance-main{
        grid-template-columns:1fr;

        gap:55px;
    }


    .ncco-counter{
        font-size:140px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

    .ncco-glance{
        width:100vw !important;
        max-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;

        min-height:auto;

        padding:75px 22px 65px;
    }


    .ncco-glance-intro{
        margin-bottom:55px;
    }


    .ncco-glance-eyebrow{
        margin-bottom:18px;

        font-size:12px;

        letter-spacing:0;
    }


    .ncco-glance-intro h2{
        font-size:38px;

        line-height:1.4;
    }


    .ncco-glance-intro p{
        font-size:17px;

        line-height:1.9;
    }


    .ncco-glance-main{
        grid-template-columns:1fr;

        gap:45px;
    }


    .ncco-glance-number{
        justify-content:flex-start;
    }


    .ncco-counter{
        font-size:115px;

        letter-spacing:-7px;
    }


    .ncco-number-label{
        font-size:13px;
    }


    .ncco-sector{
        grid-template-columns:48px 1fr;

        gap:15px;

        padding:24px 0;
    }


    .ncco-sector:hover{
        padding-right:10px;
    }


    .ncco-sector h3{
        font-size:25px;

        line-height:1.5;
    }


    .ncco-sector p{
        font-size:15px;

        line-height:1.8;
    }


    .ncco-glance-bottom{
        margin-top:55px;

        flex-wrap:wrap;

        justify-content:flex-start;

        gap:12px 16px;

        font-size:10px;
    }


    .ncco-glance-bottom i{
        width:20px;
    }


    .orb-1{
        width:300px;
        height:300px;

        left:-180px;
    }


    .orb-2{
        width:230px;
        height:230px;

        right:-100px;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7c50976 *//* مسافة بين الكروت */
.ncco-cards-sec .elementor-column{
    padding:0 18px;
    box-sizing:border-box;
}

/* حتى ما يطلع الكرت ملزق */
.ncco-cards-sec .elementor-widget-wrap{
    height:100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75d8644 *//* =====================================================
   FROM WASTE TO VALUE - ARABIC RTL
===================================================== */

.ncco-value-flow{
    position:relative;

    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    transform:none !important;

    padding:120px 30px 130px;

    background:#EAF3EE;

    overflow:hidden;

    box-sizing:border-box;

    direction:rtl;
    text-align:right;
}


.elementor-widget-html:has(.ncco-value-flow),
.elementor-widget-html:has(.ncco-value-flow) > .elementor-widget-container{
    overflow:visible !important;
}


.ncco-value-inner{
    position:relative;

    z-index:2;

    width:100%;
    max-width:1280px;

    margin:0 auto;
}


/* =====================================================
   BIG BACKGROUND WORD
===================================================== */

.ncco-value-bg-word{
    position:absolute;

    left:-30px;
    right:auto;

    top:120px;

    font-size:190px;
    font-weight:700;

    line-height:1;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(18,77,69,.07);

    letter-spacing:0;

    pointer-events:none;

    transform:rotate(-90deg);

    transform-origin:left top;

    white-space:nowrap;
}


/* =====================================================
   HEADER
===================================================== */

.ncco-value-head{
    max-width:800px;

    margin-right:0;
    margin-left:auto;

    margin-bottom:100px;
}

 
.ncco-value-head > span{
    display:block;

    margin-bottom:18px;

    color:#79C143;

    font-size:18px;
    font-weight:700;

    letter-spacing:0;
}


.ncco-value-head h2{
    margin:0 0 26px;

    color:#124D45;

    font-size:58px;
    font-weight:400;

    line-height:1.35;

    letter-spacing:0;
}


.ncco-value-head h2 strong{
    display:block;

    color:#79C143;

    font-weight:600;
}


.ncco-value-head p{
    max-width:720px;

    margin:0;

    color:#5E716D;

    font-size:19px;

    line-height:1.9;
}


/* =====================================================
   PATH
===================================================== */

.ncco-value-path{
    position:relative;

    max-width:1050px;

    margin:0 auto;
}


/* BASE LINE */

.ncco-value-line{
    position:absolute;

    left:50%;
    top:0;
    bottom:0;

    width:2px;

    background:rgba(18,77,69,.13);

    transform:translateX(-50%);
}


.ncco-value-progress{
    display:block;

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:0;

    background:
        linear-gradient(
            to bottom,
            #79C143,
            #124D45
        );

    transition:height .15s linear;
}


/* =====================================================
   STEP
===================================================== */

.ncco-value-step{
    position:relative;

    min-height:230px;

    display:grid;

    grid-template-columns:1fr 110px 1fr;

    align-items:center;

    opacity:.34;

    transition:
        opacity .6s ease,
        transform .6s ease;
}


/* Arabic alternating layout */

.ncco-value-step:nth-child(even) .ncco-value-copy{
    grid-column:3;
    grid-row:1;

    padding-left:70px;
    padding-right:0;

    text-align:right;
}


.ncco-value-step:nth-child(even) .ncco-value-dot{
    grid-column:2;
    grid-row:1;
}


.ncco-value-step:nth-child(odd) .ncco-value-copy{
    grid-column:1;
    grid-row:1;

    padding-right:70px;
    padding-left:0;

    text-align:right;
}


.ncco-value-step:nth-child(odd) .ncco-value-dot{
    grid-column:2;
    grid-row:1;
}


/* ACTIVE STEP */

.ncco-value-step.is-active{
    opacity:1;
}


/* =====================================================
   DOT
===================================================== */

.ncco-value-dot{
    position:relative;

    z-index:3;

    width:84px;
    height:84px;

    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#F3F7F4;

    border:2px solid rgba(18,77,69,.22);

    border-radius:50%;

    transition:
        transform .5s ease,
        background .5s ease,
        border-color .5s ease,
        box-shadow .5s ease;
}


.ncco-value-dot:before{
    content:"";

    position:absolute;

    inset:-12px;

    border:
        1px solid rgba(121,193,67,.15);

    border-radius:50%;

    transform:scale(.7);

    opacity:0;

    transition:.5s ease;
}


.ncco-value-dot span{
    position:relative;

    z-index:2;

    color:#124D45;

    font-size:16px;
    font-weight:700;

    letter-spacing:1px;

    direction:ltr;

    unicode-bidi:isolate;
}


/* ACTIVE DOT */

.ncco-value-step.is-active .ncco-value-dot{
    background:#124D45;

    border-color:#124D45;

    transform:scale(1.08);

    box-shadow:
        0 18px 45px rgba(18,77,69,.18);
}


.ncco-value-step.is-active .ncco-value-dot span{
    color:#fff;
}


.ncco-value-step.is-active .ncco-value-dot:before{
    opacity:1;

    transform:scale(1);
}


/* =====================================================
   COPY
===================================================== */

.ncco-value-copy{
    direction:rtl;
}


.ncco-value-copy small{
    display:block;

    margin-bottom:8px;

    color:#79C143;

    font-size:16px;
    font-weight:700;

    letter-spacing:0;
}


.ncco-value-copy h3{
    margin:0 0 12px;

    color:#124D45;

    font-size:32px;

    font-weight:600;

    line-height:1.5;
}


.ncco-value-copy p{
    margin:0;

    color:#667773;

    font-size:16px;

    line-height:1.85;
}


/* =====================================================
   FINAL MESSAGE
===================================================== */

.ncco-value-end{
    margin-top:110px;

    max-width:750px;

    margin-left:auto;
    margin-right:auto;

    text-align:center;
}


.ncco-value-end > span{
    display:block;

    margin-bottom:15px;

    color:#79C143;

    font-size:16px;
    font-weight:700;

    letter-spacing:0;
}


.ncco-value-end h3{
    margin:0;

    color:#124D45;

    font-size:50px;

    font-weight:400;

    line-height:1.4;
}


.ncco-value-end h3 strong{
    display:block;

    color:#79C143;

    font-weight:600;
}


/* =====================================================
   REVEAL
===================================================== */

.ncco-value-reveal{
    opacity:0;

    transform:translateY(45px);

    transition:
        opacity .9s ease,
        transform .9s cubic-bezier(.22,.61,.36,1);
}


.ncco-value-reveal.is-visible{
    opacity:1;

    transform:translateY(0);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1024px){

    .ncco-value-flow{
        padding:95px 35px 105px;
    }


    .ncco-value-head h2{
        font-size:48px;
    }


    .ncco-value-step{
        grid-template-columns:
            1fr 90px 1fr;
    }


    .ncco-value-step:nth-child(even)
    .ncco-value-copy{
        padding-left:40px;
    }


    .ncco-value-step:nth-child(odd)
    .ncco-value-copy{
        padding-right:40px;
    }


    .ncco-value-bg-word{
        font-size:150px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

    .ncco-value-flow{
        width:100vw !important;
        max-width:100vw !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

        padding:75px 22px 85px;
    }


    .ncco-value-head{
        margin-bottom:60px;
    }


    .ncco-value-head h2{
        font-size:38px;

        line-height:1.4;
    }


    .ncco-value-head p{
        font-size:16px;

        line-height:1.9;
    }


    /* RTL timeline */

    .ncco-value-path{
        padding-right:48px;
        padding-left:0;
    }


    .ncco-value-line{
        right:22px;
        left:auto;

        transform:none;
    }


    .ncco-value-step{
        min-height:auto;

        display:block;

        margin-bottom:55px;

        opacity:.45;
    }


    .ncco-value-step:nth-child(even)
    .ncco-value-copy,
    .ncco-value-step:nth-child(odd)
    .ncco-value-copy{

        padding:0;

        text-align:right;
    }


    .ncco-value-dot{
        position:absolute;

        right:-67px;
        left:auto;

        top:2px;

        width:48px;
        height:48px;
    }


    .ncco-value-dot span{
        font-size:11px;
    }


    .ncco-value-copy h3{
        font-size:25px;
    }


    .ncco-value-copy p{
        font-size:15px;

        line-height:1.8;
    }


    .ncco-value-end{
        margin-top:75px;

        text-align:right;
    }


    .ncco-value-end h3{
        font-size:36px;

        line-height:1.45;
    }


    .ncco-value-bg-word{
        left:-20px;
        right:auto;

        top:160px;

        font-size:100px;
    }

}

.ncco-value-bg-word{
    display:none !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0cade00 *//* مسافة بين الكروت */
.ncco-cards-sec .elementor-column{
    padding:0 18px;
    box-sizing:border-box;
}

/* حتى ما يطلع الكرت ملزق */
.ncco-cards-sec .elementor-widget-wrap{
    height:100%;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c613306 */.service-box{
    text-align:center;
}

.service-box img{
    
     
    transition:.4s;
   
}

.service-box:hover img{
   
    transform:translateY(-10px) rotate(5deg);
}

.service-box h3{
    color:#fff;
    font-size:22px;
    font-weight:600;
    line-height:1.35;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-adf11fb *//* =========================================
   NCCO SERVICES - PREMIUM CINEMATIC SECTION
========================================= */

.ncco-services-premium{
    position:relative;
    overflow:hidden !important;
    min-height:720px;
    isolation:isolate;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}

/* Create moving background layer */
.ncco-services-premium:before{
    content:"";
    position:absolute;
    inset:-5%;
    z-index:0;

    background-image:inherit;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

    animation:nccoBgCinematic 18s ease-in-out infinite alternate;

    transform-origin:center center;
    will-change:transform;
}

/* Premium dark overlay over FULL section */
.ncco-services-premium:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(3,18,14,.80) 0%,
            rgba(3,18,14,.62) 38%,
            rgba(3,18,14,.38) 68%,
            rgba(3,18,14,.48) 100%
        );
}

/* Keep Elementor content above background */
.ncco-services-premium > .elementor-container{
    position:relative;
    z-index:2;
}

/* Slow cinematic background movement */
@keyframes nccoBgCinematic{
    0%{
        transform:scale(1.02) translate3d(0,0,0);
    }

    50%{
        transform:scale(1.07) translate3d(-1.2%, -.6%, 0);
    }

    100%{
        transform:scale(1.11) translate3d(1%, .6%, 0);
    }
}


/* =========================================
   MAIN TITLE
========================================= */

.ncco-services-premium .elementor-heading-title{
    text-shadow:0 8px 30px rgba(0,0,0,.25);
}


/* =========================================
   SERVICE ITEMS
========================================= */

.ncco-services-premium .elementor-image-box-wrapper{
    position:relative;
    padding:24px 22px;

    transition:
        transform .45s ease,
        background .45s ease,
        box-shadow .45s ease;

    border-radius:18px;
}

.ncco-services-premium .elementor-image-box-wrapper:hover{
    transform:translateY(-10px);

    background:rgba(255,255,255,.07);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.18);
}


/* icon */
.ncco-services-premium .elementor-image-box-img{
    transition:transform .45s ease;
}

.ncco-services-premium .elementor-image-box-wrapper:hover
.elementor-image-box-img{
    transform:translateY(-5px) scale(1.04);
}


/* service titles */
.ncco-services-premium .elementor-image-box-title{
    transition:transform .4s ease;
}


/* green line below service */
.ncco-services-premium .elementor-image-box-wrapper:after{
    content:"";
    position:absolute;

    left:22px;
    bottom:10px;

    width:0;
    height:3px;

    background:#79C143;

    transition:width .45s ease;
}

.ncco-services-premium .elementor-image-box-wrapper:hover:after{
    width:55px;
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .ncco-services-premium{
        min-height:auto;
        padding-top:75px;
        padding-bottom:75px;
    }

    .ncco-services-premium:before{
        inset:-10%;
        animation-duration:22s;
    }

    .ncco-services-premium:after{
        background:
            linear-gradient(
                180deg,
                rgba(3,18,14,.72) 0%,
                rgba(3,18,14,.62) 45%,
                rgba(3,18,14,.82) 100%
            );
    }

    .ncco-services-premium .elementor-image-box-wrapper{
        padding:20px 15px;
    }
}


/* Respect accessibility preferences */
@media(prefers-reduced-motion:reduce){

    .ncco-services-premium:before{
        animation:none;
        transform:scale(1.04);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d21b49a *//* =====================================================
   NCCO INDUSTRIES - ARABIC RTL
===================================================== */

.ncco-industries{

  position:relative;

  width:100vw !important;
  max-width:100vw !important;

  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  transform:none !important;

  padding:90px 0 95px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(128,194,63,.10),
      transparent 32%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(12,52,41,.06),
      transparent 32%
    );

  overflow:hidden;

  direction:rtl;

  box-sizing:border-box;
}


/* =====================================================
   HEADING
===================================================== */

.ncco-industries-head{

  max-width:1100px;

  margin:0 auto 55px;

  padding:0 25px;

  text-align:center;
}


.ncco-industries-head h2{

  color:#0C3429;

  font-size:44px;

  font-weight:600;

  line-height:1.35;

  margin:0 0 25px;
}


.ncco-industries-head p{

  max-width:950px;

  margin:0 auto;

  color:#0C3429;

  font-size:20px;

  font-weight:400;

  line-height:1.9;
}


/* =====================================================
   SLIDER
===================================================== */

.ncco-industries-slider-wrap{

  position:relative;

  width:100%;

  max-width:1600px;

  margin:0 auto;

  padding:20px 90px 45px;
}


.ncco-industries-slider{

  overflow:visible !important;

  padding:35px 0 50px;
}


.ncco-industries-slider .swiper-wrapper{

  align-items:center;
}


.ncco-industries-slider .swiper-slide{

  height:auto;

  display:flex;

  opacity:.48;

  transform:scale(.90);

  transition:
    transform .6s cubic-bezier(.22,.61,.36,1),
    opacity .6s ease,
    filter .6s ease;

  filter:saturate(.75);
}


/* ACTIVE CARD */

.ncco-industries-slider .swiper-slide-active{

  opacity:1;

  transform:scale(1.04);

  filter:none;
}


/* SIDE CARDS */

.ncco-industries-slider .swiper-slide-prev,
.ncco-industries-slider .swiper-slide-next{

  opacity:.70;

  transform:scale(.94);
}


/* =====================================================
   CARD
===================================================== */

.ncco-industry-card{

  position:relative;

  width:100%;

  min-height:410px;

  padding:34px 32px 32px;

  display:flex;

  flex-direction:column;

  background:rgba(255,255,255,.70);

  border-radius:28px;

  border:1px solid rgba(12,52,41,.07);

  box-shadow:
    0 20px 50px rgba(12,52,41,.07);

  overflow:hidden;

  direction:rtl;

  text-align:right;

  transition:
    background .6s ease,
    box-shadow .6s ease,
    transform .6s ease;
}


.ncco-industries-slider
.swiper-slide-active
.ncco-industry-card{

  background:#fff;

  box-shadow:
    0 32px 80px rgba(12,52,41,.16);

  transform:translateY(-10px);
}


/* REMOVE CARD BACKGROUND CIRCLE */

.ncco-industry-card::after{

  content:none !important;
}


/* =====================================================
   NUMBER
===================================================== */

.ncco-card-number{

  width:58px;

  height:58px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-bottom:28px;

  border-radius:17px;

  background:rgba(12,52,41,.08);

  color:#0C3429;

  font-size:15px;

  font-weight:700;

  direction:ltr;

  unicode-bidi:isolate;

  transition:.5s ease;
}


.ncco-industries-slider
.swiper-slide-active
.ncco-card-number{

  color:#fff;

  background:
    linear-gradient(
      135deg,
      #0C3429,
      #80C23F
    );

  box-shadow:
    0 12px 28px rgba(128,194,63,.22);
}


/* =====================================================
   TITLE
===================================================== */

.ncco-industry-content h3{

  margin:0 0 17px;

  color:#0C3429;

  font-size:24px;

  font-weight:700;

  line-height:1.5;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.ncco-industry-content p{

  margin:0;

  color:#687575;

  font-size:16px;

  line-height:1.85;
}


/* =====================================================
   LINK
===================================================== */

.ncco-industry-link{

  position:relative;

  z-index:3;

  margin-top:auto;

  padding-top:30px;

  width:max-content;

  max-width:100%;

  display:inline-flex;

  align-items:center;

  gap:8px;

  color:#0C3429 !important;

  font-size:15px;

  font-weight:700;

  text-decoration:none !important;

  direction:rtl;

  transition:.3s ease;
}


.ncco-industry-link span{

  color:#80C23F;

  font-size:20px;

  transition:
    transform .3s ease,
    color .3s ease;
}


.ncco-industry-link:hover{

  color:#F27720 !important;
}


.ncco-industry-link:hover span{

  color:#F27720;

  transform:translateX(-7px);
}


/* =====================================================
   ARROWS
===================================================== */

.ncco-industries-prev,
.ncco-industries-next{

  position:absolute;

  top:50%;

  transform:translateY(-50%);

  z-index:30;

  width:55px;

  height:70px;

  padding:0;

  border:0 !important;

  background:transparent !important;

  box-shadow:none !important;

  color:#0C3429;

  display:flex;

  align-items:center;

  justify-content:center;

  cursor:pointer;

  transition:
    transform .3s ease,
    color .3s ease,
    opacity .3s ease;
}


/* RTL positions */

.ncco-industries-prev{

  right:20px;

  left:auto;
}


.ncco-industries-next{

  left:20px;

  right:auto;
}


.ncco-industries-prev span,
.ncco-industries-next span{

  font-size:42px;

  font-weight:300;

  line-height:1;
}


.ncco-industries-prev:hover,
.ncco-industries-next:hover{

  color:#80C23F;

  transform:
    translateY(-50%)
    scale(1.15);
}


.ncco-industries-prev.swiper-button-disabled,
.ncco-industries-next.swiper-button-disabled{

  opacity:.25;
}


/* =====================================================
   PAGINATION
===================================================== */

.ncco-industries-pagination{

  position:relative !important;

  margin-top:5px;

  text-align:center;

  direction:ltr;
}


.ncco-industries-pagination
.swiper-pagination-bullet{

  width:7px;

  height:7px;

  margin:0 6px !important;

  background:#929598;

  opacity:.30;

  transition:.35s ease;
}


.ncco-industries-pagination
.swiper-pagination-bullet-active{

  width:32px;

  border-radius:20px;

  background:#80C23F;

  opacity:1;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1099px){

  .ncco-industries-slider-wrap{

    padding-left:55px;

    padding-right:55px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

  .ncco-industries{

    padding:70px 0 80px;
  }


  .ncco-industries-head{

    margin-bottom:35px;

    padding:0 22px;
  }


  .ncco-industries-head h2{

    font-size:34px;

    line-height:1.4;
  }


  .ncco-industries-head p{

    font-size:16px;

    line-height:1.9;
  }


  .ncco-industries-slider-wrap{

    padding:10px 0 30px;
  }


  .ncco-industries-slider{

    overflow:visible !important;

    padding:30px 0 35px;
  }


  .ncco-industries-slider .swiper-slide{

    opacity:.38;

    transform:scale(.91);
  }


  .ncco-industries-slider .swiper-slide-active{

    opacity:1;

    transform:scale(1);
  }


  .ncco-industries-slider .swiper-slide-prev,
  .ncco-industries-slider .swiper-slide-next{

    opacity:.52;

    transform:scale(.94);
  }


  .ncco-industry-card{

    min-height:380px;

    padding:28px 24px;

    border-radius:24px;
  }


  .ncco-industries-slider
  .swiper-slide-active
  .ncco-industry-card{

    transform:none;
  }


  .ncco-industry-content h3{

    font-size:23px;

    line-height:1.5;
  }


  .ncco-industry-content p{

    font-size:15px;

    line-height:1.8;
  }


  /* Hide arrows on mobile */

  .ncco-industries-prev,
  .ncco-industries-next{

    display:none !important;
  }


  .ncco-industries-pagination{

    margin-top:20px;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5f7d59f *//* مسافة بين الكروت */
.ncco-cards-sec .elementor-column{
    padding:0 18px;
    box-sizing:border-box;
}

/* حتى ما يطلع الكرت ملزق */
.ncco-cards-sec .elementor-widget-wrap{
    height:100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83d552b *//* =====================================================
   NCCO ACTIVITY SLIDER - ARABIC RTL
===================================================== */

.ncco-activity-slider{
    display:flex;

    gap:35px;

    width:100%;

    height:680px;

    align-items:stretch;

    direction:rtl;
}


/* =====================================================
   ITEM
===================================================== */

.ncco-activity-item{
    position:relative;

    flex:.18;

    border-radius:48px;

    overflow:hidden;

    background-size:cover;

    background-position:center;

    cursor:pointer;

    transition:
        flex .75s cubic-bezier(.22,.61,.36,1),
        transform .4s ease,
        box-shadow .4s ease;

    box-shadow:
        0 25px 70px rgba(0,0,0,.16);
}


/* =====================================================
   DEFAULT ACTIVE ITEM
===================================================== */

/* أول صورة مفتوحة قبل الهوفر */

.ncco-activity-slider:not(:hover)
.ncco-activity-item.active{

    flex:1;
}


/* =====================================================
   HOVER
===================================================== */

.ncco-activity-item:hover{

    flex:1;

    transform:translateY(-8px);

    box-shadow:
        0 40px 90px rgba(0,0,0,.28);
}


/* عند الهوفر على صورة ثانية، الأولى ترجع صغيرة */

.ncco-activity-slider:hover
.ncco-activity-item.active:not(:hover){

    flex:.18;
}


/* =====================================================
   OVERLAY
===================================================== */

.ncco-activity-item:before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05) 0%,
            rgba(0,0,0,.25) 45%,
            rgba(0,0,0,.78) 100%
        );

    z-index:1;
}


/* =====================================================
   CONTENT
===================================================== */

.ncco-activity-content{

    position:absolute;

    left:55px;
    right:55px;

    bottom:55px;

    z-index:2;

    text-align:center;

    direction:rtl;

    color:#fff;

    opacity:0;

    transform:translateY(28px);

    transition:
        opacity .45s ease,
        transform .45s ease;
}


/* show content */

.ncco-activity-item:hover
.ncco-activity-content,

.ncco-activity-slider:not(:hover)
.ncco-activity-item.active
.ncco-activity-content{

    opacity:1;

    transform:translateY(0);
}


/* =====================================================
   TITLE
===================================================== */

.ncco-activity-content h3{

    margin:0 0 12px;

    color:#fff;

    font-size:46px;

    font-weight:600;

    line-height:1.4;
}


/* =====================================================
   TEXT
===================================================== */

.ncco-activity-content p{

    max-width:720px;

    margin:0 auto 28px;

    color:#fff;

    font-size:24px;

    line-height:1.65;
}


/* =====================================================
   BUTTON
===================================================== */

.ncco-activity-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#fff;

    color:#124D45 !important;

    padding:15px 48px;

    border:
        1px solid rgba(255,255,255,.85);

    border-radius:50px;

    font-size:22px;

    font-weight:600;

    text-decoration:none !important;

    box-shadow:
        0 12px 32px rgba(0,0,0,.16);

    transition:
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        transform .35s ease,
        box-shadow .35s ease;
}


.ncco-activity-content a:hover{

    background:#79C143;

    color:#fff !important;

    border-color:#79C143;

    transform:translateY(-3px);

    box-shadow:
        0 18px 38px rgba(18,77,69,.28);
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px){

    .ncco-activity-slider{

        flex-direction:column;

        height:auto;

        gap:22px;
    }


    .ncco-activity-item{

        flex:auto !important;

        height:180px;

        border-radius:28px;

        transform:none !important;

        transition:
            height .6s cubic-bezier(.22,.61,.36,1),
            box-shadow .4s ease;
    }


    /* first item open by default */

    .ncco-activity-item.active{

        height:520px;
    }


    /* open tapped/focused item */

    .ncco-activity-item:hover,
    .ncco-activity-item:focus,
    .ncco-activity-item:focus-within{

        height:520px;

        flex:auto !important;
    }


    /* show content */

    .ncco-activity-item:hover
    .ncco-activity-content,

    .ncco-activity-item:focus
    .ncco-activity-content,

    .ncco-activity-item:focus-within
    .ncco-activity-content,

    .ncco-activity-item.active
    .ncco-activity-content{

        opacity:1;

        transform:translateY(0);
    }


    .ncco-activity-content{

        left:25px;

        right:25px;

        bottom:35px;
    }


    .ncco-activity-content h3{

        font-size:34px;

        line-height:1.4;
    }


    .ncco-activity-content p{

        font-size:18px;

        line-height:1.65;
    }


    .ncco-activity-content a{

        font-size:17px;

        padding:13px 32px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cdbd1b *//* =====================================================
   NCCO MOTION SECTION
===================================================== */

.ncco-glance-section{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate;
    min-height:650px;
}
/* =====================================================
   ELEMENTOR STRUCTURE FIX
===================================================== */
.ncco-glance-section > .elementor-container,
.ncco-glance-section > .elementor-container > .elementor-column,
.ncco-glance-section .elementor-widget-wrap{
    position:relative;
}
/* HTML Widget يغطي السكشن كامل */
.ncco-glance-section .ncco-motion-host{
    position:absolute !important;
    inset:0 !important;
width:100% !important;
height:100% !important;

margin:0 !important;
padding:0 !important;

z-index:1 !important;

pointer-events:none !important;
}
/* Elementor container inside widget */
.ncco-glance-section .ncco-motion-host .elementor-widget-container{
    position:absolute !important;
    inset:0 !important;
width:100% !important;
height:100% !important;

overflow:visible !important;
}
/* =====================================================
   MOTION LAYER
===================================================== */
.ncco-motion-layer{
    position:absolute !important;
inset:-10% -5% !important;

width:110% !important;
height:120% !important;

overflow:hidden;

pointer-events:none;
}
/* =====================================================
   KEEP REAL CONTENT ABOVE ANIMATION
===================================================== */
.ncco-glance-section .elementor-widget-heading,
.ncco-glance-section .elementor-widget-button,
.ncco-glance-section .elementor-widget-text-editor,
.ncco-glance-section .elementor-inner-section{
    position:relative !important;
    z-index:5 !important;
}
/* =====================================================
   IMPORTANT: REMOVE HTML WIDGET FROM NORMAL FLOW
===================================================== */
.ncco-glance-section .ncco-motion-host{
    min-height:0 !important;
}
.ncco-glance-section .ncco-motion-host .elementor-widget-container{
    min-height:100% !important;
}
/* =====================================================
   GLOW
===================================================== */
.ncco-glow{
position:absolute;

border-radius:50%;

filter:blur(80px);

will-change:transform;
}
.glow-one{
width:500px;
height:500px;

left:-150px;
top:5%;

background:rgba(128,194,63,.35);

animation:
    nccoGlow1 10s
    ease-in-out
    infinite alternate;
}
.glow-two{
width:400px;
height:400px;

right:-120px;
bottom:-100px;

background:rgba(242,119,32,.17);

animation:
    nccoGlow2 13s
    ease-in-out
    infinite alternate;
}
@keyframes nccoGlow1{
0%{
    transform:
        translate3d(0,0,0)
        scale(1);
}

100%{
    transform:
        translate3d(220px,70px,0)
        scale(1.3);
}
}
@keyframes nccoGlow2{
0%{
    transform:
        translate3d(0,0,0)
        scale(1);
}

100%{
    transform:
        translate3d(-180px,-80px,0)
        scale(1.25);
}
}
/* =====================================================
   BIG ORBIT CIRCLES
===================================================== */
.ncco-circle{
position:absolute;

border-radius:50%;

border:
    1px solid
    rgba(128,194,63,.45);
}
.circle-one{
width:850px;
height:850px;

top:-530px;
left:-250px;

animation:
    circleRotate
    25s
    linear
    infinite;
}
.circle-two{
width:700px;
height:700px;

right:-290px;
bottom:-400px;

border-color:
    rgba(242,119,32,.28);

animation:
    circleRotateReverse
    32s
    linear
    infinite;
}
/* glowing dot moving with orbit */
.ncco-circle span{
position:absolute;

width:12px;
height:12px;

left:50%;
top:-6px;

border-radius:50%;

background:#80C23F;

box-shadow:
    0 0 10px #80C23F,
    0 0 30px #80C23F,
    0 0 55px rgba(128,194,63,.7);
}
.circle-two span{
background:#F27720;

box-shadow:
    0 0 10px #F27720,
    0 0 30px rgba(242,119,32,.8);
}
@keyframes circleRotate{
from{
    transform:rotate(0deg);
}

to{
    transform:rotate(360deg);
}
}
@keyframes circleRotateReverse{
from{
    transform:rotate(360deg);
}

to{
    transform:rotate(0deg);
}
}
/* =====================================================
   FLOATING PARTICLES
===================================================== */
.ncco-floating-dot{
position:absolute;

width:7px;
height:7px;

border-radius:50%;

background:#80C23F;

box-shadow:
    0 0 10px #80C23F,
    0 0 25px rgba(128,194,63,.65);
}
.dot-one{
left:18%;
top:65%;

animation:
    particleMove1 7s
    ease-in-out
    infinite alternate;
}
.dot-two{
left:42%;
top:25%;

animation:
    particleMove2 9s
    ease-in-out
    infinite alternate;
}
.dot-three{
right:25%;
top:40%;

width:5px;
height:5px;

animation:
    particleMove1 11s
    ease-in-out
    infinite alternate-reverse;
}
.dot-four{
right:12%;
bottom:20%;

background:#F27720;

box-shadow:
    0 0 10px #F27720,
    0 0 25px rgba(242,119,32,.6);

animation:
    particleMove2 8s
    ease-in-out
    infinite alternate;
}
@keyframes particleMove1{
from{
    transform:
        translate3d(0,0,0);

    opacity:.25;
}

to{
    transform:
        translate3d(100px,-80px,0);

    opacity:1;
}
}
@keyframes particleMove2{
from{
    transform:
        translate3d(0,0,0);

    opacity:.3;
}

to{
    transform:
        translate3d(-70px,100px,0);

    opacity:1;
}
}
/* =====================================================
   FLOWING LINES
===================================================== */
.ncco-flow-lines{
position:absolute;

left:-5%;
bottom:-5%;

width:110%;
height:65%;

overflow:visible;

animation:
    waveMove
    10s
    ease-in-out
    infinite alternate;
}
.flow{
fill:none;

stroke-width:1.5;

vector-effect:
    non-scaling-stroke;
}
.flow.green{
stroke:
    rgba(128,194,63,.65);

stroke-dasharray:
    5 13;

animation:
    dashMove
    12s
    linear
    infinite;
}
.flow.orange{
stroke:
    rgba(242,119,32,.38);

stroke-dasharray:
    2 17;

animation:
    dashMoveReverse
    18s
    linear
    infinite;
}
@keyframes dashMove{
from{
    stroke-dashoffset:0;
}

to{
    stroke-dashoffset:-400;
}
}
@keyframes dashMoveReverse{
from{
    stroke-dashoffset:0;
}

to{
    stroke-dashoffset:400;
}
}
@keyframes waveMove{
from{
    transform:
        translate3d(-30px,10px,0);
}

to{
    transform:
        translate3d(40px,-20px,0);
}
}
/* =====================================================
   MOBILE
===================================================== */
@media(max-width:767px){
.circle-one{

    width:500px;
    height:500px;

    left:-310px;
    top:-250px;

}

.circle-two{

    width:450px;
    height:450px;

    right:-280px;
    bottom:-200px;

}

.glow-one{

    width:330px;
    height:330px;

}

.glow-two{

    width:280px;
    height:280px;

}
}
.ncco-glance-section .elementor-column,
.ncco-glance-section .elementor-widget-wrap{
    position:static !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d5d386d */.elementor-element-d5d386d .elementor-button{
    background:#79C143;
    color:#fff;
    border-radius:999px;
    padding:18px 48px;
    font-size:18px;
    font-weight:600;
    transition:.35s ease;
    box-shadow:0 12px 35px rgba(121,193,67,.35);
}

.elementor-element-d5d386d .elementor-button:hover{
    background:#F2A62B;
    transform:translateY(-4px);
    box-shadow:0 20px 45px rgba(242,166,43,.35);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e044dab *//* =====================================================
   NCCO PREMIUM MOTION BACKGROUND
===================================================== */

.ncco-glance-section{

    position:relative !important;
    overflow:hidden !important;

    isolation:isolate;

    background-color:#0C3429;
}


/* =====================================================
   CONTENT
===================================================== */

.ncco-glance-section > *:not(.elementor-widget-html){
    position:relative;
    z-index:5;
}


/* =====================================================
   MOTION LAYER
===================================================== */

.ncco-motion-layer{

    position:absolute;

    inset:-8%;

    width:116%;
    height:116%;

    pointer-events:none;

    overflow:hidden;

    z-index:1;

    transform:
        translate3d(
            var(--ncco-x,0px),
            var(--ncco-y,0px),
            0
        );

    transition:transform .4s ease-out;
}


/* =====================================================
   SOFT DARK OVERLAY
===================================================== */

.ncco-glance-section::after{

    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    z-index:2;

    background:

        linear-gradient(
            90deg,
            rgba(12,52,41,.16),
            rgba(17,38,59,.06) 50%,
            rgba(17,38,59,.18)
        );

}


/* =====================================================
   GREEN GLOWS
===================================================== */

.ncco-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(75px);

    opacity:.20;

    will-change:transform;
}


.ncco-glow-1{

    width:480px;
    height:480px;

    left:-130px;
    top:5%;

    background:#80C23F;

    animation:
        nccoGlowOne 13s
        ease-in-out
        infinite alternate;
}


.ncco-glow-2{

    width:400px;
    height:400px;

    right:-100px;
    bottom:-120px;

    background:#F27720;

    opacity:.09;

    animation:
        nccoGlowTwo 17s
        ease-in-out
        infinite alternate;
}


/* =====================================================
   ORBITS
===================================================== */

.ncco-orbit{

    position:absolute;

    border:

        1px solid
        rgba(128,194,63,.28);

    border-radius:50%;

    will-change:transform;
}


.ncco-orbit-1{

    width:820px;
    height:820px;

    left:-280px;
    top:-380px;

    animation:
        nccoOrbitRotate 38s
        linear
        infinite;
}


.ncco-orbit-2{

    width:680px;
    height:680px;

    right:-240px;
    bottom:-300px;

    border-color:
        rgba(242,119,32,.18);

    animation:
        nccoOrbitRotateReverse 46s
        linear
        infinite;
}


/* moving dot */

.ncco-orbit-dot{

    position:absolute;

    width:9px;
    height:9px;

    left:50%;
    top:-5px;

    border-radius:50%;

    background:#80C23F;

    box-shadow:

        0 0 8px #80C23F,
        0 0 24px rgba(128,194,63,.7);

}


.ncco-orbit-2 .ncco-orbit-dot{

    background:#F27720;

    box-shadow:

        0 0 8px #F27720,
        0 0 22px rgba(242,119,32,.55);

}


/* =====================================================
   NCCO INSPIRED RINGS
===================================================== */

.ncco-ring{

    position:absolute;

    border-radius:

        110px 110px
        110px 110px;

    border:

        22px solid
        rgba(128,194,63,.06);

    opacity:.75;

}


.ncco-ring-1{

    width:310px;
    height:310px;

    left:4%;
    top:15%;

    border-right-color:transparent;
    border-bottom-color:transparent;

    transform:rotate(35deg);

    animation:
        nccoRingFloatOne 16s
        ease-in-out
        infinite alternate;

}


.ncco-ring-2{

    width:390px;
    height:390px;

    right:1%;
    bottom:0;

    border-color:
        rgba(17,38,59,.18);

    border-top-color:
        rgba(128,194,63,.08);

    transform:rotate(-45deg);

    animation:
        nccoRingFloatTwo 20s
        ease-in-out
        infinite alternate;

}


/* =====================================================
   PARTICLES
===================================================== */

.ncco-particle{

    position:absolute;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#80C23F;

    opacity:.8;

    box-shadow:

        0 0 8px rgba(128,194,63,.85),
        0 0 22px rgba(128,194,63,.45);

}


.ncco-p1{
    left:14%;
    top:70%;

    animation:
        nccoParticle 9s
        ease-in-out
        infinite alternate;
}


.ncco-p2{
    left:34%;
    top:30%;

    animation:
        nccoParticle 12s
        ease-in-out
        infinite alternate-reverse;
}


.ncco-p3{

    right:31%;
    top:25%;

    width:4px;
    height:4px;

    animation:
        nccoParticle 11s
        ease-in-out
        infinite alternate;

}


.ncco-p4{

    right:15%;
    top:60%;

    background:#F27720;

    box-shadow:

        0 0 10px rgba(242,119,32,.8),
        0 0 25px rgba(242,119,32,.38);

    animation:
        nccoParticle 14s
        ease-in-out
        infinite alternate-reverse;

}


.ncco-p5{

    left:58%;
    bottom:12%;

    animation:
        nccoParticle 10s
        ease-in-out
        infinite alternate;

}


/* =====================================================
   WAVE
===================================================== */

.ncco-wave{

    position:absolute;

    width:110%;
    height:58%;

    left:-5%;
    bottom:-8%;

    overflow:visible;

    opacity:.5;

    animation:
        nccoWaveFloat 12s
        ease-in-out
        infinite alternate;

}


.ncco-wave-line{

    fill:none;

    stroke-width:1.2;

    vector-effect:
        non-scaling-stroke;

}


.ncco-wave-line-1{

    stroke:
        rgba(128,194,63,.45);

    stroke-dasharray:
        5 11;

    animation:
        nccoDash 18s
        linear
        infinite;

}


.ncco-wave-line-2{

    stroke:
        rgba(255,190,0,.22);

    stroke-dasharray:
        2 15;

    animation:
        nccoDashReverse 24s
        linear
        infinite;

}


/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes nccoGlowOne{

    0%{

        transform:
            translate3d(
                0,
                0,
                0
            )
            scale(1);

    }

    100%{

        transform:
            translate3d(
                160px,
                80px,
                0
            )
            scale(1.18);

    }

}


@keyframes nccoGlowTwo{

    0%{

        transform:
            translate3d(
                0,
                0,
                0
            )
            scale(1);

    }

    100%{

        transform:
            translate3d(
                -120px,
                -80px,
                0
            )
            scale(1.16);

    }

}


@keyframes nccoOrbitRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


@keyframes nccoOrbitRotateReverse{

    from{
        transform:rotate(360deg);
    }

    to{
        transform:rotate(0deg);
    }

}


@keyframes nccoRingFloatOne{

    0%{

        transform:
            translate3d(
                0,
                0,
                0
            )
            rotate(35deg);

    }

    100%{

        transform:
            translate3d(
                60px,
                35px,
                0
            )
            rotate(48deg);

    }

}


@keyframes nccoRingFloatTwo{

    0%{

        transform:
            translate3d(
                0,
                0,
                0
            )
            rotate(-45deg);

    }

    100%{

        transform:
            translate3d(
                -55px,
                -30px,
                0
            )
            rotate(-32deg);

    }

}


@keyframes nccoParticle{

    0%{

        transform:
            translate3d(
                0,
                0,
                0
            );

        opacity:.25;

    }

    50%{

        opacity:1;

    }

    100%{

        transform:
            translate3d(
                45px,
                -55px,
                0
            );

        opacity:.45;

    }

}


@keyframes nccoWaveFloat{

    0%{

        transform:
            translate3d(
                -15px,
                5px,
                0
            );

    }

    100%{

        transform:
            translate3d(
                35px,
                -15px,
                0
            );

    }

}


@keyframes nccoDash{

    to{
        stroke-dashoffset:-250;
    }

}


@keyframes nccoDashReverse{

    to{
        stroke-dashoffset:260;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

    .ncco-motion-layer{

        inset:-4%;

        width:108%;
        height:108%;

    }


    .ncco-glow-1{

        width:300px;
        height:300px;

        left:-120px;

    }


    .ncco-glow-2{

        width:260px;
        height:260px;

    }


    .ncco-orbit-1{

        width:470px;
        height:470px;

        left:-270px;
        top:-200px;

    }


    .ncco-orbit-2{

        width:400px;
        height:400px;

        right:-250px;
        bottom:-160px;

    }


    .ncco-ring-1{

        width:190px;
        height:190px;

        border-width:15px;

    }


    .ncco-ring-2{

        width:230px;
        height:230px;

        border-width:15px;

    }


    .ncco-wave{

        height:43%;
        bottom:0;

    }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){

    .ncco-motion-layer *,
    .ncco-motion-layer{

        animation:none !important;

    }

}/* End custom CSS */