.elementor-48 .elementor-element.elementor-element-b9cb94e{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-48 .elementor-element.elementor-element-b9cb94e:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-b9cb94e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060A16;background-image:url("https://networkskenya.co.ke/wp-content/uploads/2026/08/sonicwalls-verified.png");}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-repeater-item-d937e0b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://networkskenya.co.ke/wp-content/uploads/2026/08/huawei-verified.png);background-size:cover;}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-repeater-item-ae93977 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://networkskenya.co.ke/wp-content/uploads/2026/08/fortinet.png);background-size:cover;}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-repeater-item-fc8bf02 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://networkskenya.co.ke/wp-content/uploads/2026/08/cisco.png);background-size:cover;}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-repeater-item-a5115e8 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://networkskenya.co.ke/wp-content/uploads/2026/08/aruba-verified.png);background-size:cover;}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-repeater-item-7d06b60 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://networkskenya.co.ke/wp-content/uploads/2026/08/sonicwalls-verified.png);background-size:cover;}.elementor-48 .elementor-element.elementor-element-07d80cc .swiper-slide{transition-duration:calc(5000ms*1.2);height:796px;}.elementor-48 .elementor-element.elementor-element-07d80cc{padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-07d80cc .swiper-slide-contents{max-width:100%;}.elementor-48 .elementor-element.elementor-element-07d80cc .swiper-slide-inner{text-align:center;}.elementor-48 .elementor-element.elementor-element-07d80cc .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:31px;}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-slide-heading{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-0c1a34b{--display:flex;--min-height:0px;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-48 .elementor-element.elementor-element-0c1a34b:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-0c1a34b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EFEF;}.elementor-48 .elementor-element.elementor-element-0c1a34b::before, .elementor-48 .elementor-element.elementor-element-0c1a34b > .elementor-background-video-container::before, .elementor-48 .elementor-element.elementor-element-0c1a34b > .e-con-inner > .elementor-background-video-container::before, .elementor-48 .elementor-element.elementor-element-0c1a34b > .elementor-background-slideshow::before, .elementor-48 .elementor-element.elementor-element-0c1a34b > .e-con-inner > .elementor-background-slideshow::before, .elementor-48 .elementor-element.elementor-element-0c1a34b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-48 .elementor-element.elementor-element-0c1a34b:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;}.elementor-48 .elementor-element.elementor-element-0c1a34b, .elementor-48 .elementor-element.elementor-element-0c1a34b::before{--border-transition:0.2s;}.elementor-48 .elementor-element.elementor-element-0c1a34b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-48 .elementor-element.elementor-element-9fbf612{padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-4a61150{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-48 .elementor-element.elementor-element-43e592b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-48 .elementor-element.elementor-element-90a789d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:11px 11px 11px 11px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-48 .elementor-element.elementor-element-90a789d:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-90a789d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EFEF;}.elementor-48 .elementor-element.elementor-element-90a789d:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;}.elementor-48 .elementor-element.elementor-element-90a789d, .elementor-48 .elementor-element.elementor-element-90a789d::before{--border-transition:0.3s;}.elementor-48 .elementor-element.elementor-element-4eb2180{width:initial;max-width:initial;}.elementor-48 .elementor-element.elementor-element-4eb2180.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-48 .elementor-element.elementor-element-286c2ba{--display:flex;--margin-top:41px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-48 .elementor-element.elementor-element-c249508{text-align:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-48 .elementor-element.elementor-element-7891405{--divider-border-style:double;--divider-color:#000;--divider-border-width:6.9px;}.elementor-48 .elementor-element.elementor-element-7891405 .elementor-divider-separator{width:12%;margin:0 auto;margin-center:0;}.elementor-48 .elementor-element.elementor-element-7891405 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-48 .elementor-element.elementor-element-7891405 .elementor-divider__text{color:#0762EB;}.elementor-48 .elementor-element.elementor-element-47892c6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:11px 11px 11px 11px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-48 .elementor-element.elementor-element-47892c6:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-47892c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EFEF;}.elementor-48 .elementor-element.elementor-element-47892c6:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;}.elementor-48 .elementor-element.elementor-element-47892c6, .elementor-48 .elementor-element.elementor-element-47892c6::before{--border-transition:0.3s;}.elementor-48 .elementor-element.elementor-element-cd7d559{--display:flex;--margin-top:2px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-48 .elementor-element.elementor-element-f70b29e{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-48 .elementor-element.elementor-element-87496db{--divider-border-style:double;--divider-color:#000;--divider-border-width:6.9px;}.elementor-48 .elementor-element.elementor-element-87496db .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-48 .elementor-element.elementor-element-87496db .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-48 .elementor-element.elementor-element-87496db .elementor-divider__text{color:#0B61E1;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-48 .elementor-element.elementor-element-d4342ac{background-color:var( --e-global-color-secondary );border-radius:23px 23px 23px 23px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-48 .elementor-element.elementor-element-d4342ac .elementor-swiper-button{font-size:20px;}.elementor-48 .elementor-element.elementor-element-d4342ac .elementor-testimonial__text{color:#000000;}.elementor-48 .elementor-element.elementor-element-d4342ac .elementor-testimonial__name{color:#003794;}.elementor-48 .elementor-element.elementor-element-7a9f2c3{--display:flex;--margin-top:2px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-b9076d6{margin:-77px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-48 .elementor-element.elementor-element-5105939{--divider-border-style:double;--divider-color:#000;--divider-border-width:6.9px;}.elementor-48 .elementor-element.elementor-element-5105939 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-48 .elementor-element.elementor-element-5105939 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-48 .elementor-element.elementor-element-5105939 .elementor-divider__text{color:#0965F0;}.elementor-48 .elementor-element.elementor-element-0ef442a{background-color:var( --e-global-color-secondary );margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 14px 14px 14px;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-48 .elementor-element.elementor-element-1e0b752{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-48 .elementor-element.elementor-element-1472fe0{--divider-border-style:double;--divider-color:#000;--divider-border-width:6.9px;margin:-41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-1472fe0 .elementor-divider-separator{width:18%;margin:0 auto;margin-center:0;}.elementor-48 .elementor-element.elementor-element-1472fe0 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-48 .elementor-element.elementor-element-1472fe0 .elementor-divider__text{color:#0F69EF;}.elementor-48 .elementor-element.elementor-element-434b3cc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;--border-radius:23px 23px 23px 23px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-48 .elementor-element.elementor-element-434b3cc:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-434b3cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FCF8F9 100%);}.elementor-48 .elementor-element.elementor-element-434b3cc::before, .elementor-48 .elementor-element.elementor-element-434b3cc > .elementor-background-video-container::before, .elementor-48 .elementor-element.elementor-element-434b3cc > .e-con-inner > .elementor-background-video-container::before, .elementor-48 .elementor-element.elementor-element-434b3cc > .elementor-background-slideshow::before, .elementor-48 .elementor-element.elementor-element-434b3cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-48 .elementor-element.elementor-element-434b3cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 12%, #FFFFFF 80%);}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-wrapper{gap:15px;}.elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-wrapper{gap:15px;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title{transition-duration:0s;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-wrapper{gap:15px;}.elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-ad688d9{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-57fb406{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:15px 15px 15px 15px;text-align:center;}.elementor-48 .elementor-element.elementor-element-c325d3d{--divider-border-style:double;--divider-color:#000;--divider-border-width:6.9px;}.elementor-48 .elementor-element.elementor-element-c325d3d .elementor-divider-separator{width:18%;margin:0 auto;margin-center:0;}.elementor-48 .elementor-element.elementor-element-c325d3d .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-48 .elementor-element.elementor-element-c325d3d .elementor-divider__text{color:#005DEA;}.elementor-48 .elementor-element.elementor-element-7baa53d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:23px 23px 23px 23px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-7baa53d:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-7baa53d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-48 .elementor-element.elementor-element-7baa53d::before, .elementor-48 .elementor-element.elementor-element-7baa53d > .elementor-background-video-container::before, .elementor-48 .elementor-element.elementor-element-7baa53d > .e-con-inner > .elementor-background-video-container::before, .elementor-48 .elementor-element.elementor-element-7baa53d > .elementor-background-slideshow::before, .elementor-48 .elementor-element.elementor-element-7baa53d > .e-con-inner > .elementor-background-slideshow::before, .elementor-48 .elementor-element.elementor-element-7baa53d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-48 .elementor-element.elementor-element-72170ca{border-radius:15px 15px 15px 15px;}.elementor-48 .elementor-element.elementor-element-72170ca .elementor-counter-number-wrapper{color:var( --e-global-color-14ef391 );}.elementor-48 .elementor-element.elementor-element-72170ca .elementor-counter-title{color:#040607;}.elementor-48 .elementor-element.elementor-element-448c806{border-radius:15px 15px 15px 15px;}.elementor-48 .elementor-element.elementor-element-448c806 .elementor-counter-number-wrapper{color:var( --e-global-color-14ef391 );}.elementor-48 .elementor-element.elementor-element-448c806 .elementor-counter-title{color:#080909;}.elementor-48 .elementor-element.elementor-element-0ec4312{border-radius:15px 15px 15px 15px;}.elementor-48 .elementor-element.elementor-element-0ec4312 .elementor-counter-number-wrapper{color:var( --e-global-color-14ef391 );}.elementor-48 .elementor-element.elementor-element-0ec4312 .elementor-counter-title{color:#040607;}.elementor-48 .elementor-element.elementor-element-518ab44{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-48 .elementor-element.elementor-element-7cb8cfc{margin:79px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-48 .elementor-element.elementor-element-7cb8cfc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-1cf2f3c > .elementor-widget-container{border-radius:6px 6px 6px 6px;}@media(min-width:768px){.elementor-48 .elementor-element.elementor-element-0c1a34b{--content-width:1429px;}.elementor-48 .elementor-element.elementor-element-7baa53d{--width:100%;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-slide-heading{font-size:45px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-48 .elementor-element.elementor-element-434b3cc{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-title a{font-size:45px;}.elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-description{font-size:14px;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title a{font-size:45px;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-description{font-size:14px;}.elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-title a{font-size:45px;}.elementor-48 .elementor-element.elementor-element-7baa53d{--grid-auto-flow:row;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-48 .elementor-element.elementor-element-518ab44{--grid-auto-flow:row;}.elementor-48 .elementor-element.elementor-element-7cb8cfc .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-48 .elementor-element.elementor-element-07d80cc .elementor-slide-heading{font-size:28px;line-height:1.1em;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-48 .elementor-element.elementor-element-434b3cc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-4e8a959 .elementor-icon-box-title a{font-size:28px;line-height:1.1em;}.elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-2dfb794 .elementor-icon-box-title a{font-size:28px;line-height:1.1em;}.elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-title, .elementor-48 .elementor-element.elementor-element-ed89798 .elementor-icon-box-title a{font-size:28px;line-height:1.1em;}.elementor-48 .elementor-element.elementor-element-7baa53d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-48 .elementor-element.elementor-element-518ab44{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-48 .elementor-element.elementor-element-7cb8cfc .elementor-heading-title{font-size:28px;line-height:1.1em;}}/* Start custom CSS for slides, class: .elementor-element-07d80cc *//* ========================================================
   1. WOOCOMMERCE PRODUCT GRID STYLES
   ======================================================== */

/* Reset container to align to the left and wrap */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Base Style: Default to a grid for Desktops (5 items) */
.woocommerce ul.products li.product {
    width: calc(20% - 16px) !important;
    flex: 0 0 calc(20% - 16px) !important;
    margin: 0 !important;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box !important;
    transition: all 0.3s ease;
}

/* TABLET BREAKPOINT: Switch to 3 items per row on medium screens */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        width: calc(33.33% - 14px) !important;
        flex: 0 0 calc(33.33% - 14px) !important;
    }
}

/* MOBILE BREAKPOINT: Switch to 1 or 2 items per row on small screens */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
    }
}

/* SMALL MOBILE BREAKPOINT: 1 item per row for very narrow screens */
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Hover effects */
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

/* Updated: Violet/Magenta Gradient buttons for Homepage */
.home .woocommerce ul.products li.product a.button,
.home .woocommerce a.button {
    background: linear-gradient(135deg, #8B5CF6 0%, #D946EF 100%) !important;
    color: #ffffff !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Hover state: Darker gradient */
.home .woocommerce ul.products li.product a.button:hover,
.home .woocommerce a.button:hover {
    background: linear-gradient(135deg, #7C3AED 0%, #C026D3 100%) !important;
    color: #ffffff !important;
}


/* ========================================================
   2. CUSTOM FLOATING PRODUCT BOXES
   ======================================================== */
.my-product-box {
    border: 1px solid rgba(14, 165, 233, 0.2) !important; 
    border-radius: 12px !important;
    /* FIX: This forces the background to respect the rounded corners */
    overflow: hidden !important; 
    
    /* NEGATIVE MARGIN PULLS THE BOXES UP INTO THE SLIDER */
    margin-top: -45px !important; 
    margin-bottom: 0 !important;
    
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    
    /* Ensure the boxes sit on top of the slider */
    position: relative !important;
    z-index: 99 !important;
    
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    background-color: #ffffff !important;
}

/* Hover effect */
.my-product-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.12) !important; 
    border-color: #0EA5E9 !important; 
}

/* Clean text styling */
.my-product-box h3, 
.my-product-box p {
    color: #0F172A !important;
    margin: 0 !important; 
}


/* ========================================================
   3. ELEMENTOR SLIDES PROPORTIONAL ACCURACY FIX
   ======================================================== */

/* Forces the slider container to maintain an ideal aspect ratio dynamically */
.elementor-widget-slides.slides .elementor-slides {
    height: auto !important;
    min-height: 340px !important;
}

/* OVERRIDE: Forces Elementor to render the background scale perfectly sharp and uncropped */
.elementor-widget-slides.slides .elementor-slide-image,
.elementor-widget-slides.slides .swiper-slide-bg,
.elementor-widget-slides.slides .elementor-slides-slide {
    height: 100% !important;
    min-height: 340px !important;
    background-size: cover !important;        
    background-repeat: no-repeat !important;  
    background-position: center center !important;   
}

/* Fixes any custom content boxes trying to conflict inside the inner slides wrapper */
.elementor-widget-slides.slides .swiper-slide-inner {
    padding-bottom: 50px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9cb94e *//* ========================================================
   1. WOOCOMMERCE PRODUCT GRID STYLES
   ======================================================== */

/* Reset container to align to the left and wrap */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Base Style: Default to a grid for Desktops (5 items) */
.woocommerce ul.products li.product {
    width: calc(20% - 16px) !important;
    flex: 0 0 calc(20% - 16px) !important;
    margin: 0 !important;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box !important;
    transition: all 0.3s ease;
}

/* TABLET BREAKPOINT: Switch to 3 items per row on medium screens */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        width: calc(33.33% - 14px) !important;
        flex: 0 0 calc(33.33% - 14px) !important;
    }
}

/* MOBILE BREAKPOINT: Switch to 1 or 2 items per row on small screens */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
    }
}

/* SMALL MOBILE BREAKPOINT: 1 item per row for very narrow screens */
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Hover effects */
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

/* Updated: Violet/Magenta Gradient buttons for Homepage */
.home .woocommerce ul.products li.product a.button,
.home .woocommerce a.button {
    background: linear-gradient(135deg, #8B5CF6 0%, #D946EF 100%) !important;
    color: #ffffff !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Hover state: Darker gradient */
.home .woocommerce ul.products li.product a.button:hover,
.home .woocommerce a.button:hover {
    background: linear-gradient(135deg, #7C3AED 0%, #C026D3 100%) !important;
    color: #ffffff !important;
}


/* ========================================================
   2. CUSTOM FLOATING PRODUCT BOXES
   ======================================================== */
.my-product-box {
    border: 1px solid rgba(14, 165, 233, 0.2) !important; 
    border-radius: 12px !important;
    /* FIX: This forces the background to respect the rounded corners */
    overflow: hidden !important; 
    
    /* NEGATIVE MARGIN PULLS THE BOXES UP INTO THE SLIDER */
    margin-top: -60px !important; 
    margin-bottom: 0 !important;
    
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    
    /* Ensure the boxes sit on top of the slider */
    position: relative !important;
    z-index: 99 !important;
    
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    background-color: #ffffff !important;
}

/* Hover effect */
.my-product-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.12) !important; 
    border-color: #0EA5E9 !important; 
}

/* Clean text styling */
.my-product-box h3, 
.my-product-box p {
    color: #0F172A !important;
    margin: 0 !important; 
}


/* ========================================================
   3. FIXED HEIGHT & FULL EDGE-TO-EDGE WIDTH (DESKTOP)
   ======================================================== */

/* Strict 380px slider boundary limits for Desktop */
.elementor-widget-slides.slides .elementor-slides,
.elementor-widget-slides.slides .swiper-container,
.elementor-widget-slides.slides .swiper-slide {
    height: 380px !important;
}

/* Forces banners to hit the far left/right edges and locks desktop height */
.elementor-widget-slides.slides .elementor-slide-image,
.elementor-widget-slides.slides .swiper-slide-bg,
.elementor-widget-slides.slides .elementor-slides-slide {
    height: 380px !important;
    background-size: 100% 100% !important; 
    background-repeat: no-repeat !important;  
    background-position: center center !important;   
}


/* ========================================================
   4. MULTI-DEVICE RESPONSIVE BREAKPOINTS (TABLET & MOBILE)
   ======================================================== */

/* --- TABLET DEVICE STYLING --- */
@media (max-width: 1024px) {
    .elementor-widget-slides.slides .elementor-slides,
    .elementor-widget-slides.slides .swiper-container,
    .elementor-widget-slides.slides .swiper-slide,
    .elementor-widget-slides.slides .elementor-slide-image,
    .elementor-widget-slides.slides .swiper-slide-bg,
    .elementor-widget-slides.slides .elementor-slides-slide {
        height: 280px !important; /* Scale slider down slightly for iPads/tablets */
    }
    
    .my-product-box {
        margin-top: -40px !important; /* Pull product grids up slightly less on tablets */
    }
}

/* --- MOBILE PHONE STYLING --- */
@media (max-width: 768px) {
    .elementor-widget-slides.slides .elementor-slides,
    .elementor-widget-slides.slides .swiper-container,
    .elementor-widget-slides.slides .swiper-slide,
    .elementor-widget-slides.slides .elementor-slide-image,
    .elementor-widget-slides.slides .swiper-slide-bg,
    .elementor-widget-slides.slides .elementor-slides-slide {
        height: 180px !important; /* Scale down cleanly to stop images from getting squished on phone screens */
    }
    
    /* Make sure Elementor slider navigation arrows and buttons don't clip text areas on mobile views */
    .elementor-widget-slides.slides .swiper-button-next, 
    .elementor-widget-slides.slides .swiper-button-prev {
        display: none !important; /* Hide tiny layout arrows on mobile for cleaner screen space */
    }
    
    .my-product-box {
        margin-top: -20px !important; /* Gentle pull for a single-column layout on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9fbf612 *//* 1. Reset container to align to the left and wrap */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 2. Base Style: Default to a grid for Desktops (5 items) */
.woocommerce ul.products li.product {
    width: calc(20% - 16px) !important;
    flex: 0 0 calc(20% - 16px) !important;
    margin: 0 !important;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box !important;
    transition: all 0.3s ease;
}

/* 3. TABLET BREAKPOINT: Switch to 3 items per row on medium screens */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        width: calc(33.33% - 14px) !important;
        flex: 0 0 calc(33.33% - 14px) !important;
    }
}

/* 4. MOBILE BREAKPOINT: Switch to 1 or 2 items per row on small screens */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
    }
}

/* 5. SMALL MOBILE BREAKPOINT: 1 item per row for very narrow screens */
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Hover effects */
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

/* Updated: Violet/Magenta Gradient buttons for Homepage */
.home .woocommerce ul.products li.product a.button,
.home .woocommerce a.button {
    background: linear-gradient(135deg, #8B5CF6 0%, #D946EF 100%) !important;
    color: #ffffff !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Hover state: Darker gradient */
.home .woocommerce ul.products li.product a.button:hover,
.home .woocommerce a.button:hover {
    background: linear-gradient(135deg, #7C3AED 0%, #C026D3 100%) !important;
    color: #ffffff !important;
}

/* Strip away default flex/float settings to allow grid layout *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c1a34b *//* Styling for your Product Boxes - Professional Floating Effect */
.my-product-box {
    border: 1px solid rgba(14, 165, 233, 0.2) !important; 
    border-radius: 12px !important;
    /* FIX: This forces the background to respect the rounded corners */
    overflow: hidden !important; 
    
    /* NEGATIVE MARGIN PULLS THE BOXES UP INTO THE SLIDER */
    margin-top: -60px !important; 
    margin-bottom: 0 !important;
    
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    
    /* Ensure the boxes sit on top of the slider */
    position: relative !important;
    z-index: 99 !important;
    
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    background-color: #ffffff !important;
}

/* Hover effect */
.my-product-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.12) !important; 
    border-color: #0EA5E9 !important; 
}

/* Clean text styling */
.my-product-box h3, 
.my-product-box p {
    color: #0F172A !important;
    margin: 0 !important; 
}

/* Fix: Reduce the height of the Elementor Slides widget */
.elementor-widget-slides.slides .elementor-slides {
    height: 380px !important;
}

/* Ensure the background images scale nicely in the shorter space */
.elementor-widget-slides.slides .elementor-slide-image {
    height: 380px !important;
    background-size: cover !important;
    background-position: center !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4eb2180 *//* Styling for your Product Boxes - Corporate Fort Knox Theme */
.my-product-box {
    background-color: #ffffff !important; /* Clean white for the box itself */
    border: 1px solid #0EA5E9 !important; /* Electric Cyan border */
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.1) !important; /* Soft shadow */
    transition: transform 0.3s ease !important;
}

/* Hover effect for a "Cool" professional feel */
.my-product-box:hover {
    transform: translateY(-5px) !important;
    border-color: #0F172A !important; /* Switches to Navy on hover */
}

/* Ensure text inside the box is the Deep Navy Blue for readability */
.my-product-box h3, .my-product-box p {
    color: #0F172A !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90a789d *//* Styling for your Product Boxes - Corporate Fort Knox Theme */
.my-product-box2 {
    background-color: #ffffff !important; /* Clean white for the box itself */
    border: 1px solid #0EA5E9 !important; /* Electric Cyan border */
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.1) !important; /* Soft shadow */
    transition: transform 0.3s ease !important;
}

/* Hover effect for a "Cool" professional feel */
.my-product-box2:hover {
    transform: translateY(-5px) !important;
    border-color: #0F172A !important; /* Switches to Navy on hover */
}

/* Ensure text inside the box is the Deep Navy Blue for readability */
.my-product-box h3, .my-product-box p {
    color: #0F172A !important;
}

.my-product-box2 {
    /* Bright, clean slate-white base */
    background: #f8fafc !important;
    
    /* Soft, luminous color-bleeding from corners */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    
    
    color: #1e293b !important; /* Dark text for high contrast on light background */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47892c6 *//* Styling for your Product Boxes - Corporate Fort Knox Theme */
.my-product-box3 {
    background-color: #ffffff !important; /* Clean white for the box itself */
    border: 1px solid #0EA5E9 !important; /* Electric Cyan border */
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.1) !important; /* Soft shadow */
    transition: transform 0.3s ease !important;
}

/* Hover effect for a "Cool" professional feel */
.my-product-box3:hover {
    transform: translateY(-5px) !important;
    border-color: #0F172A !important; /* Switches to Navy on hover */
}

/* Ensure text inside the box is the Deep Navy Blue for readability */
.my-product-box3 h3, .my-product-box3 p {
    color: #0F172A !important;
}



.my-product-box3 {
    /* Bright, clean slate-white base */
    background: #f8fafc !important;
    
    /* Soft, luminous color-bleeding from corners */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    
    
    color: #1e293b !important; /* Dark text for high contrast on light background */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-87496db *//* Remove background and box, create an elegant underline */
.elementor-divider__text {
    background: none !important; /* Removes the bulky background */
    background-image: none !important;
    border: none !important;
    padding: 0 0 5px 0 !important; /* Keep a little space below the text */
    
    /* Creative Border */
    border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(to right, #0066FF, #d946ef) !important;
    border-image-slice: 1 !important;
    
    /* Text Styling */
    color: #1e293b !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.9em !important;
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-d4342ac *//* Vivid, Premium Hero Styling */
.testi {
     background: #f8fafc !important;
    
    /* Soft, luminous color-bleeding from corners */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
}

/* Crisp, high-visibility typography */
.testi h1, 
.testi h2, 
.testi p {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-0ef442a *//* Ensure the carousel slide keeps images aligned and sized correctly */
.swiper-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 15px; /* Comfortable space between logos */
}

/* Force logos to fit within a consistent height without shrinking them */
.swiper-slide img {
    max-height: 90px !important; /* Increase this if they are still too small */
    width: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s ease;
}

/* Optional: Slight hover lift only */
.swiper-slide img:hover {
    transform: scale(1.05);
}





/* Vivid, Premium Hero Styling */
.trusted {
     background: #f8fafc !important;
    
    /* Soft, luminous color-bleeding from corners */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e0b752 *//* Apply background and styling to Heading titles */
.elementor-heading-title {
    background: #f8fafc !important;
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    
    /* Layout styling */
    padding: 10px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    
    /* Text styling */
    color: #1e293b !important;
    display: inline-block !important; /* Makes it hug the text instead of full width */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e8a959 *//* 1. Target the specific wrapper to apply the background once */
.elementor-icon-box-wrapper {
    background: #f8fafc !important;
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    
    border-radius: 16px !important;
    padding: 25px !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    color: #1e293b !important;
    transition: all 0.3s ease !important;
}

/* 2. Force every single child element to have NO background 
      so they don't create those extra square shapes */
.elementor-icon-box-wrapper *,
.elementor-icon-box-wrapper .elementor-icon-box-icon,
.elementor-icon-box-wrapper .elementor-icon-box-content {
    background: transparent !important;
    background-image: none !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2dfb794 *//* Add a cleaner, more modern card look */
.elementor-icon-box-wrapper {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px; /* Softer, rounder corners */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Very soft shadow */
    transition: transform 0.3s ease;
}

/* Add a subtle hover interaction */
.elementor-icon-box-wrapper:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Ensure text is readable */
.elementor-icon-box-description {
    line-height: 1.6;
    color: #4a5568; /* Slightly darker grey for readability */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-434b3cc */.grid {
    /* Bright, clean slate-white base */
    background: #f8fafc !important;
    
    /* Soft, luminous color-bleeding from corners */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    
    
    color: #1e293b !important; /* Dark text for high contrast on light background */
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-0ec4312 */.perfomance{
    background-color:  slate-white;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.1) !important; /* Soft shadow */
    transition: transform 0.3s ease !important;
}
.perfomance {
    /* Bright, clean slate-white base */
    background: #f8fafc !important;
    
    /* Soft, luminous color-bleeding from corners */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 102, 255, 0.15), transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(217, 70, 239, 0.15), transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.1), transparent 50%) !important;
    
    
    color: #1e293b !important; /* Dark text for high contrast on light background */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baa53d *//* 1. Container Spacing (Pushes away from the footer) */
.performance-certified {
    margin-bottom: 60px !important; 
    /* Ensures the container has space */
}

/* 2. Styling for the cards inside the container */
/* We target the direct children (assuming they are elements inside your container) */
.performance-certified .elementor-widget-container,
.performance-certified .elementor-widget-wrap {
    background-color: #ffffff !important; 
    border: 1px solid #0EA5E9 !important; 
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.1) !important;
    transition: transform 0.3s ease !important;
}

/* Hover effect */
.performance-certified .elementor-widget-container:hover {
    transform: translateY(-5px) !important;
    border-color: #0F172A !important; 
}

/* Ensure text inside the box is the Deep Navy Blue */
.performance-certified h3, 
.performance-certified p {
    color: #0F172A !important;
}/* End custom CSS */