.elementor-500 .elementor-element.elementor-element-19f2d684{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-500 .elementor-element.elementor-element-19f2d684:not(.elementor-motion-effects-element-type-background), .elementor-500 .elementor-element.elementor-element-19f2d684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-500 .elementor-element.elementor-element-60b6093a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-500 .elementor-element.elementor-element-489468a7{text-align:center;}.elementor-500 .elementor-element.elementor-element-489468a7 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:64px;font-weight:500;line-height:1.15em;-webkit-text-stroke-color:#000;stroke:#000;color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-13676e94{padding:0px 250px 0px 250px;text-align:center;color:rgba(26, 26, 28, 0.7);}.elementor-500 .elementor-element.elementor-element-3046bad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-500 .elementor-element.elementor-element-3c5d5689{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-500 .elementor-element.elementor-element-3c0ef6ab{text-align:center;}.elementor-500 .elementor-element.elementor-element-3c0ef6ab .elementor-heading-title{color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-79761cfe{--display:flex;--position:relative;--overflow:hidden;top:0px;}body:not(.rtl) .elementor-500 .elementor-element.elementor-element-79761cfe{left:0px;}body.rtl .elementor-500 .elementor-element.elementor-element-79761cfe{right:0px;}.elementor-500 .elementor-element.elementor-element-18f9a271{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;}.elementor-500 .elementor-element.elementor-element-2aefdf42{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-500 .elementor-element.elementor-element-2aefdf42:not(.elementor-motion-effects-element-type-background), .elementor-500 .elementor-element.elementor-element-2aefdf42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-500 .elementor-element.elementor-element-633e6c19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-37c99c2a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-500 .elementor-element.elementor-element-1bfe1a99{text-align:center;}.elementor-500 .elementor-element.elementor-element-1bfe1a99 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:600;color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-64a6ad84{text-align:center;font-family:"Inter Tight", Sans-serif;font-size:18px;color:rgba(26, 26, 28, 0.6);}.elementor-500 .elementor-element.elementor-element-3387c792{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-500 .elementor-element.elementor-element-3e6f3fa5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-3e6f3fa5 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-18588d89{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-500 .elementor-element.elementor-element-26e1cd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-26e1cd7.e-con{--align-self:center;}.elementor-500 .elementor-element.elementor-element-4d9dcaa0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-6b4db58d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-500 .elementor-element.elementor-element-3adef337{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--flex-wrap:nowrap;}.elementor-500 .elementor-element.elementor-element-7ed03fb2{padding:0px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-c9adb6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-500 .elementor-element.elementor-element-a8e2e22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-a8e2e22.e-con{--align-self:center;}.elementor-500 .elementor-element.elementor-element-6a408ef1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-29d2b193.elementor-element{--align-self:flex-start;}.elementor-500 .elementor-element.elementor-element-29d2b193 .elementor-button:hover, .elementor-500 .elementor-element.elementor-element-29d2b193 .elementor-button:focus{color:#FFFFFF;}.elementor-500 .elementor-element.elementor-element-29d2b193 .elementor-button:hover svg, .elementor-500 .elementor-element.elementor-element-29d2b193 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-500 .elementor-element.elementor-element-3ddabb7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-10de55ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-54d9c87b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-54d9c87b.e-con{--align-self:center;}.elementor-500 .elementor-element.elementor-element-369b8338{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-4f582d6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-500 .elementor-element.elementor-element-7847c8c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-500 .elementor-element.elementor-element-6fb25e9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-63699772{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-32de7ab8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-500 .elementor-element.elementor-element-368ad50d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-500 .elementor-element.elementor-element-3fd40ee0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-3fd40ee0.e-con{--align-self:center;}.elementor-500 .elementor-element.elementor-element-41956a3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-4adb21cd.elementor-element{--align-self:flex-start;}.elementor-500 .elementor-element.elementor-element-4c448bc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-27f87fad{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-500 .elementor-element.elementor-element-4aaad0a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-500 .elementor-element.elementor-element-42c2373a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-500 .elementor-element.elementor-element-42c2373a:not(.elementor-motion-effects-element-type-background), .elementor-500 .elementor-element.elementor-element-42c2373a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-500 .elementor-element.elementor-element-4848467{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-500 .elementor-element.elementor-element-3d539a82{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-500 .elementor-element.elementor-element-3941a10f{text-align:center;}.elementor-500 .elementor-element.elementor-element-3941a10f .elementor-heading-title{color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-6d39c3c3{text-align:center;color:rgba(26, 26, 28, 0.6);}.elementor-500 .elementor-element.elementor-element-f136db2{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--border-radius:20px 20px 20px 20px;--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-500 .elementor-element.elementor-element-f136db2:not(.elementor-motion-effects-element-type-background), .elementor-500 .elementor-element.elementor-element-f136db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-6474c684{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-500 .elementor-element.elementor-element-842270e{--display:flex;}.elementor-500 .elementor-element.elementor-element-7334b5f{width:var( --container-widget-width, 50% );max-width:50%;background-color:#C6F56F;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:05px 0px 5px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;}.elementor-500 .elementor-element.elementor-element-7334b5f.elementor-element{--align-self:center;}.elementor-500 .elementor-element.elementor-element-7334b5f .elementor-icon-wrapper{text-align:center;}.elementor-500 .elementor-element.elementor-element-7334b5f.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-500 .elementor-element.elementor-element-7334b5f.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-7334b5f.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-500 .elementor-element.elementor-element-7334b5f.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-7334b5f.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-500 .elementor-element.elementor-element-7334b5f .elementor-icon{font-size:30px;}.elementor-500 .elementor-element.elementor-element-7334b5f .elementor-icon svg{height:30px;}.elementor-500 .elementor-element.elementor-element-b12a10e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-500 .elementor-element.elementor-element-3f94453{background-color:#C6F56F;text-align:center;}.elementor-500 .elementor-element.elementor-element-3f94453 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:500;}.elementor-500 .elementor-element.elementor-element-31096782{text-align:center;color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-77aedcae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-500 .elementor-element.elementor-element-0b5a4fd{--display:flex;}.elementor-500 .elementor-element.elementor-element-51dcfc3{width:var( --container-widget-width, 50% );max-width:50%;background-color:#C6F56F;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:05px 0px 5px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;}.elementor-500 .elementor-element.elementor-element-51dcfc3.elementor-element{--align-self:center;}.elementor-500 .elementor-element.elementor-element-51dcfc3 .elementor-icon-wrapper{text-align:center;}.elementor-500 .elementor-element.elementor-element-51dcfc3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-500 .elementor-element.elementor-element-51dcfc3.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-51dcfc3.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-500 .elementor-element.elementor-element-51dcfc3.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-51dcfc3.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-500 .elementor-element.elementor-element-51dcfc3 .elementor-icon{font-size:30px;}.elementor-500 .elementor-element.elementor-element-51dcfc3 .elementor-icon svg{height:30px;}.elementor-500 .elementor-element.elementor-element-f202695{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-500 .elementor-element.elementor-element-126dc8d{background-color:#C6F56F;text-align:center;}.elementor-500 .elementor-element.elementor-element-126dc8d .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:500;}.elementor-500 .elementor-element.elementor-element-29ef3533{text-align:center;}.elementor-500 .elementor-element.elementor-element-7e419435{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-500 .elementor-element.elementor-element-e0184fd{--display:flex;}.elementor-500 .elementor-element.elementor-element-a3a0962{width:var( --container-widget-width, 50% );max-width:50%;background-color:#C6F56F;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:05px 0px 5px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;}.elementor-500 .elementor-element.elementor-element-a3a0962.elementor-element{--align-self:center;}.elementor-500 .elementor-element.elementor-element-a3a0962 .elementor-icon-wrapper{text-align:center;}.elementor-500 .elementor-element.elementor-element-a3a0962.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-500 .elementor-element.elementor-element-a3a0962.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-a3a0962.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-500 .elementor-element.elementor-element-a3a0962.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-a3a0962.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-500 .elementor-element.elementor-element-a3a0962 .elementor-icon{font-size:30px;}.elementor-500 .elementor-element.elementor-element-a3a0962 .elementor-icon svg{height:30px;}.elementor-500 .elementor-element.elementor-element-e64b528{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-500 .elementor-element.elementor-element-1601c167{background-color:#C6F56F;text-align:center;}.elementor-500 .elementor-element.elementor-element-1601c167 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:500;}.elementor-500 .elementor-element.elementor-element-4ad1db5b{text-align:center;color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-675e0f3b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-500 .elementor-element.elementor-element-badbbb4{--display:flex;}.elementor-500 .elementor-element.elementor-element-fb2f5e9{width:var( --container-widget-width, 50% );max-width:50%;background-color:#C6F56F;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:05px 0px 5px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;}.elementor-500 .elementor-element.elementor-element-fb2f5e9.elementor-element{--align-self:center;}.elementor-500 .elementor-element.elementor-element-fb2f5e9 .elementor-icon-wrapper{text-align:center;}.elementor-500 .elementor-element.elementor-element-fb2f5e9.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-500 .elementor-element.elementor-element-fb2f5e9.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-fb2f5e9.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-500 .elementor-element.elementor-element-fb2f5e9.elementor-view-framed .elementor-icon, .elementor-500 .elementor-element.elementor-element-fb2f5e9.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-500 .elementor-element.elementor-element-fb2f5e9 .elementor-icon{font-size:30px;}.elementor-500 .elementor-element.elementor-element-fb2f5e9 .elementor-icon svg{height:30px;}.elementor-500 .elementor-element.elementor-element-2d2afb0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-500 .elementor-element.elementor-element-262ea2cf{background-color:#C6F56F;text-align:center;}.elementor-500 .elementor-element.elementor-element-262ea2cf .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:500;}.elementor-500 .elementor-element.elementor-element-72ab0c62{text-align:center;color:#1A1A1C;}.elementor-500 .elementor-element.elementor-element-6d7e090{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-500 .elementor-element.elementor-element-f136db2{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-500 .elementor-element.elementor-element-f136db2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//**
 * NextSaaS Success Stories Page CSS
 * Matches: https://next-sass-html.vercel.app/app-development-success-stories.html
 * Version: 2.0.0
 */

/* ==========================================================================
   CSS Variables
   ========================================================================== */
:root {
  --ns-ss-primary: #fff;
  --ns-ss-primary-light: #A77FFF;
  --ns-ss-text: #1A1A1C;
  --ns-ss-text-secondary: rgba(26, 26, 28, 0.7);
  --ns-ss-text-muted: rgba(26, 26, 28, 0.6);
  --ns-ss-text-light: rgba(26, 26, 28, 0.5);
  --ns-ss-white: #FFFFFF;
  --ns-ss-gray: #f4f5f8;
  --ns-ss-border: #E5E7EB;
  --ns-ss-border-light: #DFE4EB;
  --ns-ss-font: 'Inter Tight', sans-serif;
  --ns-ss-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --ns-ss-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --ns-ss-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --ns-ss-shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.1);
  --ns-ss-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   Base Elementor Overrides
   ========================================================================== */
.ns-ss-hero .elementor-widget,
.ns-ss-companies .elementor-widget,
.ns-ss-spotlight .elementor-widget,
.ns-ss-highlight .elementor-widget,
.ns-ss-empowering .elementor-widget {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   Hero Section
   ========================================================================== */
.ns-ss-hero {
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.ns-ss-hero::before {
  content: '';
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  height: 1000px;
  background: radial-gradient(circle, rgba(134, 79, 254, 0.05) 0%, rgba(134, 79, 254, 0) 70%);
  pointer-events: none;
}

.ns-ss-hero-content {
  position: relative;
  z-index: 1;
  animation: nssFadeInUp 0.8s ease-out;
}

.ns-ss-hero-title,
.ns-ss-hero-title .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
  background: linear-gradient(135deg, var(--ns-ss-text) 0%, #4A4A4C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ns-ss-hero-desc {
  font-family: var(--ns-ss-font) !important;
  max-width: 600px;
  margin: 0 auto;
  opacity: 0;
  animation: nssFadeInUp 0.8s ease-out 0.2s forwards;
}

/* ==========================================================================
   Companies Section
   ========================================================================== */
.ns-ss-companies {
  position: relative;
}

.ns-ss-companies-title,
.ns-ss-companies-title .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
  max-width: 700px;
  margin: 0 auto;
}

.ns-ss-logos-grid {
  width: 100%;
  max-width: 1100px;
}

.ns-ss-logo {
  opacity: 0.5;
  transition: var(--ns-ss-transition);
  filter: grayscale(100%);
  width: 100px;
}

.ns-ss-logo:hover {
  opacity: 1;
  filter: grayscale(0%);
  transform: scale(1.08);
}

.ns-ss-logo img {
  width: 100%;
  height: auto;
}

/* Logo grid stagger animation */
.ns-ss-logos-grid .ns-ss-logo {
  opacity: 0;
  animation: nssFadeIn 0.5s ease-out forwards;
}

.ns-ss-logos-grid .ns-ss-logo:nth-child(1) { animation-delay: 0.05s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(2) { animation-delay: 0.1s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(3) { animation-delay: 0.15s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(4) { animation-delay: 0.2s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(5) { animation-delay: 0.25s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(6) { animation-delay: 0.3s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(7) { animation-delay: 0.35s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(8) { animation-delay: 0.4s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(9) { animation-delay: 0.45s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(10) { animation-delay: 0.5s; }
.ns-ss-logos-grid .ns-ss-logo:nth-child(11) { animation-delay: 0.55s; }

/* ==========================================================================
   Spotlight Section
   ========================================================================== */
.ns-ss-spotlight {
  position: relative;
}

.ns-ss-section-title,
.ns-ss-section-title .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
}

.ns-ss-section-subtitle {
  font-family: var(--ns-ss-font) !important;
}

/* Buttons */
.ns-ss-cta-wrap {
  margin-top: 8px;
}

.ns-ss-btn-primary,
.ns-ss-btn-primary .elementor-button {
  font-family: var(--ns-ss-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 100px !important;
  background-color: var(--ns-ss-text) !important;
  color: var(--ns-ss-white) !important;
  border: 1px solid var(--ns-ss-text) !important;
  transition: var(--ns-ss-transition) !important;
  text-decoration: none !important;
  box-shadow: var(--ns-ss-shadow-sm) !important;
}

.ns-ss-btn-primary:hover,
.ns-ss-btn-primary .elementor-button:hover {
  background-color: #0A0A0A !important;
  transform: translateY(-2px);
  box-shadow: var(--ns-ss-shadow-md) !important;
}

.ns-ss-button-secondary,
.ns-ss-button-secondary .elementor-button {
  font-family: var(--ns-ss-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 100px !important;
  background-color: #fff !important;
  color: var(--ns-ss-text) !important;
  border: 1px solid var(--ns-ss-border-light) !important;
  transition: var(--ns-ss-transition) !important;
  text-decoration: none !important;
}

.ns-ss-button-secondary:hover,
.ns-ss-button-secondary .elementor-button:hover {
  color: #000 !important;
  transform: translateY(-2px);
  box-shadow: var(--ns-ss-shadow-md) !important;
}

/* ==========================================================================
   Bento Grid Layout - 4 Column Masonry Style
   ========================================================================== */
.ns-ss-testimonials-grid {
  width: 100%;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

/* Grid Column Container */
.ns-ss-grid-column {
  flex: 0 0 auto !important;
  width: 316px !important;
  max-width: 316px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Fallback for direct children */
.ns-ss-testimonials-grid > .e-con:not(.ns-ss-grid-column) {
  flex: 1 !important;
  max-width: 316px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Base Card Styles */
.ns-ss-card {
  transition: var(--ns-ss-transition);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 12px !important;
  background-color: var(--ns-ss-gray) !important;
  border: none !important;
}

.ns-ss-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ns-ss-shadow-lg);
}

/* Card stagger animation */
.ns-ss-testimonials-grid .ns-ss-card {
  opacity: 0;
  animation: nssFadeInUp 0.6s ease-out forwards;
}

.ns-ss-testimonials-grid .ns-ss-card:nth-child(1) { animation-delay: 0.1s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(2) { animation-delay: 0.15s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(3) { animation-delay: 0.2s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(4) { animation-delay: 0.25s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(5) { animation-delay: 0.3s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(6) { animation-delay: 0.35s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(7) { animation-delay: 0.4s; }
.ns-ss-testimonials-grid .ns-ss-card:nth-child(8) { animation-delay: 0.45s; }

/* ==========================================================================
   Testimonial Card (Light Gray Background)
   ========================================================================== */
.ns-ss-card-testimonial {
  background-color: var(--ns-ss-gray) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: auto !important;
}

.ns-ss-card-icon {
  flex-shrink: 0;
  margin-bottom: 0;
}

.ns-ss-card-icon img {
max-width: 100%;
display: block;
    height: auto;
}

.ns-ss-card-quote {
  font-family: var(--ns-ss-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--ns-ss-text) !important;
  margin: 0 !important;
  padding-top: 34px !important;
  padding-bottom: 32px !important;
}

.ns-ss-card-author {
  width: 100%;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 0 !important;
}

.ns-ss-avatar {
  flex-shrink: 0;
}

.ns-ss-avatar img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 100px;
  object-fit: cover;
}

.ns-ss-author-info {
  flex: 1;
}

.ns-ss-author-name,
.ns-ss-author-name .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
  font-size: 16px !important;
  font-weight: 600 !important;

  color: var(--ns-ss-text) !important;
  margin: 0 !important;
}

.ns-ss-author-role {
  font-family: var(--ns-ss-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(26, 26, 28, 0.6) !important;
  margin: 0 !important;
}

/* ==========================================================================
   Case Study Card (Light Gray with Badge)
   ========================================================================== */
.ns-ss-card-case {
  background-color: var(--ns-ss-gray) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Dark variant for case study */
.ns-ss-card-case-dark {
  background-color: var(--ns-ss-text) !important;
}

.ns-ss-card-case-dark .ns-ss-case-badge {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--ns-ss-white) !important;
}

.ns-ss-card-case-dark .ns-ss-case-title {
  color: var(--ns-ss-white) !important;
}

.ns-ss-case-badge {
  display: inline-flex !important;
  align-items: center;
  padding: 6px 20px !important;
  background-color: #E8F5E9 !important;
  border-radius: 100px;
  font-family: var(--ns-ss-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ns-ss-text) !important;
  width: fit-content !important;
  margin-bottom: 0 !important;
}

.ns-ss-case-title {
  font-family: var(--ns-ss-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--ns-ss-text) !important;
  margin: 0 !important;
  padding-top: 40px !important;
  padding-bottom: 22px !important;
}

.ns-ss-case-link,
.ns-ss-case-link .elementor-button {
  font-family: var(--ns-ss-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 12px 24px !important;
  background: var(--ns-ss-text) !important;
  border: 1px solid var(--ns-ss-text) !important;
  border-radius: 100px !important;
  color: var(--ns-ss-white) !important;
  transition: var(--ns-ss-transition) !important;
  box-shadow: none !important;
  width: fit-content !important;
  display: inline-flex !important;
  text-decoration: none !important;
}

.ns-ss-case-link:hover,
.ns-ss-case-link .elementor-button:hover {
  background: #0A0A0A !important;
  transform: translateY(-2px);
}

/* White button for dark card */
.ns-ss-card-case-dark .ns-ss-case-link,
.ns-ss-card-case-dark .ns-ss-case-link .elementor-button {
  background: var(--ns-ss-white) !important;
  border-color: var(--ns-ss-white) !important;
  color: var(--ns-ss-text) !important;
}

/* ==========================================================================
   Stat Card (Lime Green - 50%)
   ========================================================================== */
.ns-ss-card-stat {
  background-color: #D4F57A !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.ns-ss-stat-big,
.ns-ss-stat-big .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
  font-size: 72px !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  color: var(--ns-ss-text) !important;
  margin: 0 !important;
}

.ns-ss-stat-desc {
  font-family: var(--ns-ss-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: rgba(26, 26, 28, 0.6) !important;
  margin: 0 !important;

}

/* ==========================================================================
   Quote Card (Simple - with short quote)
   ========================================================================== */
.ns-ss-card-quote-simple {
  background-color: var(--ns-ss-gray) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.ns-ss-card-quote-simple .ns-ss-card-quote {
  font-size: 16px !important;
  padding-top: 50px !important;
  padding-bottom: 32px !important;
}

/* ==========================================================================
   Highlight Section (50% stat)
   ========================================================================== */
.ns-ss-highlight {
  position: relative;
  overflow: hidden;
}

.ns-ss-highlight::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(134, 79, 254, 0.08) 0%, rgba(134, 79, 254, 0) 70%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ns-ss-highlight-inner {
  position: relative;
  z-index: 1;
}

.ns-ss-highlight-num,
.ns-ss-highlight-num .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
  background: linear-gradient(135deg, var(--ns-ss-primary) 0%, var(--ns-ss-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 !important;
  animation: nssPulseGlow 3s ease-in-out infinite;
}

.ns-ss-highlight-text {
  font-family: var(--ns-ss-font) !important;
  max-width: 700px;
  margin: 0 auto;
}

/* ==========================================================================
   Empowering Section (Stats Grid)
   ========================================================================== */
.ns-ss-empowering {
  position: relative;
}

.ns-ss-stats-grid {
  width: 100%;
}

.ns-ss-stat-card {
  transition: var(--ns-ss-transition);

  position: relative;
  overflow: hidden;
}

.ns-ss-stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ns-ss-primary) 0%, var(--ns-ss-primary-light) 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
}

.ns-ss-stat-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--ns-ss-shadow-lg);

}

.ns-ss-stat-card:hover::before {
  transform: scaleX(1);
}

/* Stats stagger animation */
.ns-ss-stats-grid .ns-ss-stat-card {
  opacity: 0;
  animation: nssFadeInUp 0.6s ease-out forwards;
}

.ns-ss-stats-grid .ns-ss-stat-card:nth-child(1) { animation-delay: 0.1s; }
.ns-ss-stats-grid .ns-ss-stat-card:nth-child(2) { animation-delay: 0.2s; }
.ns-ss-stats-grid .ns-ss-stat-card:nth-child(3) { animation-delay: 0.3s; }
.ns-ss-stats-grid .ns-ss-stat-card:nth-child(4) { animation-delay: 0.4s; }

.ns-ss-stat-num,
.ns-ss-stat-num .elementor-heading-title {
  font-family: var(--ns-ss-font) !important;
  background: linear-gradient(135deg, var(--ns-ss-primary) 0%, var(--ns-ss-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 !important;
}

.ns-ss-stat-label {
  color: #fff!important;
  font-family: var(--ns-ss-font) !important;
  margin: 0 !important;
}

/* ==========================================================================
   Animations
   ========================================================================== */
@keyframes nssFadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes nssFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}

@keyframes nssPulseGlow {
  0%, 100% {
    filter: drop-shadow(0 0 20px rgba(134, 79, 254, 0.3));
  }
  50% {
    filter: drop-shadow(0 0 40px rgba(134, 79, 254, 0.5));
  }
}

@keyframes nssSlideInLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes nssSlideInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes nssScaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes nssFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes nssShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* ==========================================================================
   Logo Marquee / Carousel Animation
   ========================================================================== */
.ns-ss-logos-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask: linear-gradient(90deg, transparent, #fff 15%, #fff 85%, transparent);
  mask: linear-gradient(90deg, transparent, #fff 15%, #fff 85%, transparent);
}

.ns-ss-logos-track {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 56px !important;
  width: max-content !important;
  animation: nssMarqueeScroll 40s linear infinite !important;
  will-change: transform;
}

.ns-ss-logos-track:hover {
  animation-play-state: paused !important;
}

@keyframes nssMarqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 28px));
  }
}

/* Logo items in marquee */
.ns-ss-logo-item {
  flex-shrink: 0 !important;
  width: 120px !important;
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.5;
  filter: grayscale(100%);
  transition: var(--ns-ss-transition);
}

.ns-ss-logo-item:hover {
  opacity: 1;
  filter: grayscale(0%);
  transform: scale(1.1);
}

.ns-ss-logo-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Fade edges for marquee */
.ns-ss-logos-fade-left,
.ns-ss-logos-fade-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  pointer-events: none;
  z-index: 2;
}

.ns-ss-logos-fade-left {
  left: 0;
  background: linear-gradient(90deg, var(--ns-ss-white) 0%, transparent 100%);
}

.ns-ss-logos-fade-right {
  right: 0;
  background: linear-gradient(90deg, transparent 0%, var(--ns-ss-white) 100%);
}

/* ==========================================================================
   Enhanced Card Animations
   ========================================================================== */
/* Staggered fade-in for cards in columns */
.ns-ss-grid-column .ns-ss-card {
  opacity: 0;
  animation: nssFadeInUp 0.6s ease-out forwards;
}

.ns-ss-grid-column:nth-child(1) .ns-ss-card:nth-child(1) { animation-delay: 0.1s; }
.ns-ss-grid-column:nth-child(1) .ns-ss-card:nth-child(2) { animation-delay: 0.2s; }
.ns-ss-grid-column:nth-child(2) .ns-ss-card:nth-child(1) { animation-delay: 0.15s; }
.ns-ss-grid-column:nth-child(2) .ns-ss-card:nth-child(2) { animation-delay: 0.25s; }
.ns-ss-grid-column:nth-child(3) .ns-ss-card:nth-child(1) { animation-delay: 0.2s; }
.ns-ss-grid-column:nth-child(3) .ns-ss-card:nth-child(2) { animation-delay: 0.3s; }
.ns-ss-grid-column:nth-child(4) .ns-ss-card:nth-child(1) { animation-delay: 0.25s; }
.ns-ss-grid-column:nth-child(4) .ns-ss-card:nth-child(2) { animation-delay: 0.35s; }

/* Card hover effects */
.ns-ss-card {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
              box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ns-ss-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* Icon hover animation */
.ns-ss-card-icon {
  transition: transform 0.3s ease;
}

.ns-ss-card:hover .ns-ss-card-icon {
  transform: scale(1.1);
}

/* Quote text animation on hover */
.ns-ss-card-quote {
  transition: color 0.3s ease;
}

.ns-ss-card:hover .ns-ss-card-quote {
  color: var(--ns-ss-text) !important;
}

/* Avatar pulse on hover */
.ns-ss-avatar img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ns-ss-card:hover .ns-ss-avatar img {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Stat card number animation */
.ns-ss-stat-big {
  transition: transform 0.3s ease;
}

.ns-ss-card-stat:hover .ns-ss-stat-big {
  transform: scale(1.05);
}

/* Case study button slide effect */
.ns-ss-case-link .elementor-button {
  position: relative;
  overflow: hidden;
}

.ns-ss-case-link .elementor-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.ns-ss-card:hover .ns-ss-case-link .elementor-button::before {
  left: 100%;
}

/* ==========================================================================
   Section Entry Animations (Intersection Observer based)
   ========================================================================== */
.ns-ss-hero-content {
  animation: nssFadeInUp 0.8s ease-out;
}

.ns-ss-hero-title {
  animation: nssFadeInUp 0.8s ease-out 0.1s both;
}

.ns-ss-hero-desc {
  animation: nssFadeInUp 0.8s ease-out 0.2s both;
}

.ns-ss-cta-wrap {
  animation: nssFadeInUp 0.8s ease-out 0.3s both;
}

/* Companies section animations */
.ns-ss-companies-title {
  animation: nssFadeInUp 0.6s ease-out both;
}

/* Stat cards in empowering section */
.ns-ss-stats-grid .ns-ss-stat-card {
  opacity: 0;
  animation: nssScaleIn 0.5s ease-out forwards;
}

.ns-ss-stats-grid .ns-ss-stat-card:nth-child(1) { animation-delay: 0.1s; }
.ns-ss-stats-grid .ns-ss-stat-card:nth-child(2) { animation-delay: 0.2s; }
.ns-ss-stats-grid .ns-ss-stat-card:nth-child(3) { animation-delay: 0.3s; }
.ns-ss-stats-grid .ns-ss-stat-card:nth-child(4) { animation-delay: 0.4s; }

/* Highlight number counter effect */
.ns-ss-highlight-num {
  animation: nssPulseGlow 3s ease-in-out infinite;
}

/* ==========================================================================
   Loading Skeleton Animation (for async content)
   ========================================================================== */
.ns-ss-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: nssShimmer 1.5s infinite;
  border-radius: 8px;
}

/* ==========================================================================
   Reduced Motion Accessibility
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .ns-ss-logos-track {
    animation: none !important;
  }
  
  .ns-ss-card,
  .ns-ss-stat-card,
  .ns-ss-logo {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ==========================================================================
   Responsive - Tablet (1024px)
   ========================================================================== */
@media (max-width: 1024px) {
  .ns-ss-hero-title,
  .ns-ss-hero-title .elementor-heading-title {
    font-size: 48px !important;
  }

  .ns-ss-section-title,
  .ns-ss-section-title.elementor-heading-title {
    font-size: 40px !important;
  }

  .ns-ss-highlight-num,
  .ns-ss-highlight-num .elementor-heading-title {
    font-size: 96px !important;
  }

  .ns-ss-highlight-text {
    font-size: 28px !important;
  }

  /* Bento grid - 2 columns on tablet */
  .ns-ss-testimonials-grid {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .ns-ss-grid-column,
  .ns-ss-testimonials-grid > .e-con {
    max-width: 48% !important;
    flex: 0 0 48% !important;
    width: 48% !important;
  }

  .ns-ss-stat-big,
  .ns-ss-stat-big.elementor-heading-title {
    font-size: 56px !important;
  }

  .ns-ss-stat-card {
    width: 48% !important;
  }

  .ns-ss-logos-grid {
    gap: 32px !important;
  }

  .ns-ss-logo {
    width: 90px !important;
  }

  /* Logo marquee tablet */
  .ns-ss-logos-track {
    gap: 40px !important;
  }

  .ns-ss-logo-item {
    width: 100px !important;
  }

  .ns-ss-companies-title,
  .ns-ss-companies-title .elementor-heading-title {
    font-size: 28px !important;
  }
}

/* ==========================================================================
   Responsive - Mobile (767px)
   ========================================================================== */
@media (max-width: 767px) {
  .ns-ss-hero {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
  }

  .ns-ss-hero-title,
  .ns-ss-hero-title .elementor-heading-title {
    font-size: 36px !important;
  }

  .ns-ss-hero-desc {
    font-size: 16px !important;
  }

  .ns-ss-section-title,
  .ns-ss-section-title.elementor-heading-title {
    font-size: 32px !important;
  }

  .ns-ss-highlight-num,
  .ns-ss-highlight-num.elementor-heading-title {
    font-size: 64px !important;
  }

  .ns-ss-highlight-text {
    font-size: 20px !important;
  }

  .ns-ss-cta-wrap {
    flex-direction: column !important;
    width: 100%;
  }

  .ns-ss-btn-primary,
  .ns-ss-btn-primary .elementor-button,
  .ns-ss-btn-secondary,
  .ns-ss-btn-secondary .elementor-button {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Bento grid - single column on mobile */
  .ns-ss-testimonials-grid {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .ns-ss-grid-column,
  .ns-ss-testimonials-grid > .e-con {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .ns-ss-card {
    width: 100% !important;
  }

  .ns-ss-card-testimonial,
  .ns-ss-card-case,
  .ns-ss-card-stat,
  .ns-ss-card-quote-simple {
    padding: 20px !important;
  }

  .ns-ss-card-quote {
    padding-top: 40px !important;
    padding-bottom: 24px !important;
  }

  .ns-ss-case-title {
    padding-top: 40px !important;
    padding-bottom: 24px !important;
  }

  .ns-ss-stat-big,
  .ns-ss-stat-big.elementor-heading-title {
    font-size: 48px !important;
  }

  .ns-ss-stat-card {
    width: 100% !important;
  }

  .ns-ss-stat-num,
  .ns-ss-stat-num.elementor-heading-title {
    font-size: 36px !important;
  }

  .ns-ss-stat-label {
    font-size: 16px !important;
  }

  .ns-ss-logos-grid {
    gap: 20px !important;
  }

  .ns-ss-logo {
    width: 70px !important;
  }

  /* Logo marquee mobile */
  .ns-ss-logos-marquee {
    -webkit-mask: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent);
    mask: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent);
  }

  .ns-ss-logos-track {
    gap: 32px !important;
    animation-duration: 25s !important;
  }

  .ns-ss-logo-item {
    width: 80px !important;
    height: 35px !important;
  }

  .ns-ss-logos-fade-left,
  .ns-ss-logos-fade-right {
    width: 60px;
  }

  .ns-ss-companies-title,
  .ns-ss-companies-title .elementor-heading-title {
    font-size: 24px !important;
    padding: 0 10px;
  }

  .ns-ss-companies,
  .ns-ss-spotlight,
  .ns-ss-highlight,
  .ns-ss-empowering {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .ns-ss-testimonials-grid,
  .ns-ss-stats-grid {
    gap: 16px !important;
  }

  /* Disable hover effects on mobile */
  .ns-ss-card:hover {
    transform: none !important;
  }

  .ns-ss-card:active {
    transform: scale(0.98) !important;
  }
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */
.ns-ss-text-gradient {
  background: linear-gradient(135deg, var(--ns-ss-primary) 0%, var(--ns-ss-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ns-ss-hover-lift {
  transition: var(--ns-ss-transition);
}

.ns-ss-hover-lift:hover {
  transform: translateY(-4px);
}

/* ==========================================================================
   JavaScript-Enhanced Animation Classes (Optional)
   These classes work with nextsaas-success-stories.js
   ========================================================================== */
/* Elements waiting for scroll trigger */
.ns-ss-animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
}

/* Elements that have been animated */
.ns-ss-animate-on-scroll.ns-ss-animated {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Staggered delays for animated elements */
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(1) { transition-delay: 0.1s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(2) { transition-delay: 0.15s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(3) { transition-delay: 0.2s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(4) { transition-delay: 0.25s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(5) { transition-delay: 0.3s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(6) { transition-delay: 0.35s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(7) { transition-delay: 0.4s; }
.ns-ss-animate-on-scroll.ns-ss-animated:nth-child(8) { transition-delay: 0.45s; }

/* Touch feedback for mobile */
.ns-ss-touch-active {
  transform: scale(0.98) !important;
  opacity: 0.9;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}/* End custom CSS */