.elementor-59 .elementor-element.elementor-element-5f5449b{--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-59 .elementor-element.elementor-element-5f5449b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-92c3711 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-59 .elementor-element.elementor-element-5d9f1cb{--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-59 .elementor-element.elementor-element-5d9f1cb:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-5d9f1cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-59 .elementor-element.elementor-element-5d9f1cb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-26fb1f2 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-59 .elementor-element.elementor-element-067ece6{--display:flex;--min-height:200px;--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-59 .elementor-element.elementor-element-067ece6:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-067ece6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://satechuniverse.com/wp-content/uploads/2025/11/bg.jpg");background-size:cover;}.elementor-59 .elementor-element.elementor-element-9ea033c{--display:flex;--min-height:111px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-8596843{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-8596843 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:38px;font-weight:600;color:#FFECD6;}.elementor-59 .elementor-element.elementor-element-d793fcc{margin:-90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-0ed5ab9{--display:flex;--min-height:200px;--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-59 .elementor-element.elementor-element-0ed5ab9:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-0ed5ab9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://satechuniverse.com/wp-content/uploads/2025/11/bg.jpg");background-size:cover;}.elementor-59 .elementor-element.elementor-element-71277d9{--display:flex;--min-height:111px;}.elementor-59 .elementor-element.elementor-element-342a749{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-342a749 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:38px;font-weight:600;color:#FFECD6;}.elementor-59 .elementor-element.elementor-element-ff53537{margin:-90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-a55261c{--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-59 .elementor-element.elementor-element-a55261c:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-a55261c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-0e5888c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-d7e5059{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-59 .elementor-element.elementor-element-36c9c09{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 7px;}.elementor-59 .elementor-element.elementor-element-e70ee19{--display:flex;}.elementor-59 .elementor-element.elementor-element-24290b4{margin:0px 11px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;padding:0px 24px 0px -18px;text-align:left;}.elementor-59 .elementor-element.elementor-element-24290b4 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:33px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-13bdd8c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;text-align:left;font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-13bdd8c p{margin-block-end:14px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-59 .elementor-element.elementor-element-4d57543 .elementor-button{background-color:#2B703400;font-family:"Raleway", Sans-serif;font-size:19px;font-weight:500;fill:#000000;color:#000000;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-59 .elementor-element.elementor-element-4d57543 .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-4d57543 .elementor-button:focus{background-color:#50CF6700;border-color:#FFF2D9;}.elementor-59 .elementor-element.elementor-element-4d57543{width:var( --container-widget-width, 98.52% );max-width:98.52%;margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:98.52%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-4d57543.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-4d57543:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-43b284c{--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-59 .elementor-element.elementor-element-43b284c:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-43b284c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-5ea2d07{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-3daea24{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:0px;}.elementor-59 .elementor-element.elementor-element-b83e9fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 7px;}.elementor-59 .elementor-element.elementor-element-e0ff8cc{--display:flex;}.elementor-59 .elementor-element.elementor-element-6e1ba86{margin:0px 11px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;padding:0px 24px 0px -18px;text-align:left;}.elementor-59 .elementor-element.elementor-element-6e1ba86 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:33px;font-weight:600;color:#000000;}.elementor-59 .elementor-element.elementor-element-7dc501e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Raleway", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-7dc501e p{margin-block-end:14px;}.elementor-59 .elementor-element.elementor-element-fa1b2bd .elementor-button{background-color:#2B703400;font-family:"Raleway", Sans-serif;font-size:19px;font-weight:500;fill:#000000;color:#000000;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-59 .elementor-element.elementor-element-fa1b2bd .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-fa1b2bd .elementor-button:focus{background-color:#50CF6700;border-color:#FFF2D9;}.elementor-59 .elementor-element.elementor-element-fa1b2bd{width:var( --container-widget-width, 98.52% );max-width:98.52%;margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:98.52%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-fa1b2bd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-fa1b2bd:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-63258df{--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-59 .elementor-element.elementor-element-63258df:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-63258df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://satechuniverse.com/wp-content/uploads/2025/11/bg.jpg");background-position:center center;background-size:cover;}.elementor-59 .elementor-element.elementor-element-21fbf73{--display:flex;}.elementor-59 .elementor-element.elementor-element-08e4918{text-align:center;}.elementor-59 .elementor-element.elementor-element-08e4918 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:51px;font-weight:600;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-99d3e7b{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:26px 40px;--row-gap:26px;--column-gap:40px;--grid-auto-flow:row;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-59 .elementor-element.elementor-element-418d4e3{--display:flex;--border-radius:19px 19px 19px 19px;}.elementor-59 .elementor-element.elementor-element-418d4e3:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-418d4e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-59 .elementor-element.elementor-element-418d4e3:hover{box-shadow:0px 0px 10px 0px #FCECCC;}.elementor-59 .elementor-element.elementor-element-4bd8ede{margin:-46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-4bd8ede .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:600;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-be5a5ab{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Sans-serif;font-size:11px;font-weight:400;letter-spacing:0.5px;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-6f9e541 .elementor-button{background-color:#2B703400;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-59 .elementor-element.elementor-element-6f9e541 .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-6f9e541 .elementor-button:focus{background-color:#50CF6700;border-color:#FFF2D9;}.elementor-59 .elementor-element.elementor-element-6f9e541{width:var( --container-widget-width, 98.52% );max-width:98.52%;margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:98.52%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-6f9e541.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-59 .elementor-element.elementor-element-6f9e541:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFF2D9;border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-5bb7e6c{--display:flex;--border-radius:19px 19px 19px 19px;}.elementor-59 .elementor-element.elementor-element-5bb7e6c:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-5bb7e6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-59 .elementor-element.elementor-element-5bb7e6c:hover{box-shadow:0px 0px 10px 0px #FCECCC;}.elementor-59 .elementor-element.elementor-element-8caf0d0{margin:-46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-8caf0d0 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:600;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-cfe9382{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Sans-serif;font-size:11px;font-weight:400;letter-spacing:0.5px;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-3abc68f .elementor-button{background-color:#2B703400;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-59 .elementor-element.elementor-element-3abc68f .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-3abc68f .elementor-button:focus{background-color:#50CF6700;border-color:#FFF2D9;}.elementor-59 .elementor-element.elementor-element-3abc68f{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-59 .elementor-element.elementor-element-3abc68f:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFF2D9;border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-6228aac{--display:flex;--border-radius:19px 19px 19px 19px;}.elementor-59 .elementor-element.elementor-element-6228aac:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-6228aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-59 .elementor-element.elementor-element-6228aac:hover{box-shadow:0px 0px 10px 0px #FCECCC;}.elementor-59 .elementor-element.elementor-element-a8f8177{margin:-46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-a8f8177 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:600;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-538a391{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Sans-serif;font-size:13px;font-weight:400;letter-spacing:0.5px;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-1e4411c .elementor-button{background-color:#2B703400;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-59 .elementor-element.elementor-element-1e4411c .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-1e4411c .elementor-button:focus{background-color:#50CF6700;border-color:#FFF2D9;}.elementor-59 .elementor-element.elementor-element-1e4411c{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-59 .elementor-element.elementor-element-1e4411c:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFF2D9;border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-5e8a457{--display:flex;--border-radius:19px 19px 19px 19px;}.elementor-59 .elementor-element.elementor-element-5e8a457:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-5e8a457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-59 .elementor-element.elementor-element-5e8a457:hover{box-shadow:0px 0px 10px 0px #FCECCC;}.elementor-59 .elementor-element.elementor-element-b235048{margin:-46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-b235048 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:600;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-b6292b5{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Sans-serif;font-size:13px;font-weight:400;letter-spacing:0.5px;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-2ee0ac5 .elementor-button{background-color:#2B703400;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-59 .elementor-element.elementor-element-2ee0ac5 .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-2ee0ac5 .elementor-button:focus{background-color:#50CF6700;border-color:#FFF2D9;}.elementor-59 .elementor-element.elementor-element-2ee0ac5{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-59 .elementor-element.elementor-element-2ee0ac5:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFF2D9;border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-1e7a72b{--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-59 .elementor-element.elementor-element-1e7a72b:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-1e7a72b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-a3d9c8a{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 6px 0px 28px;}.elementor-59 .elementor-element.elementor-element-a3d9c8a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:600;color:#000000;}.elementor-59 .elementor-element.elementor-element-8b08385{--display:flex;}.elementor-59 .elementor-element.elementor-element-6dc6f92{font-family:"Raleway", Sans-serif;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-2a13ab4{--display:flex;}.elementor-59 .elementor-element.elementor-element-1dfeda6{font-family:"Raleway", Sans-serif;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-2a06071{--display:flex;}.elementor-59 .elementor-element.elementor-element-80f7562{font-family:"Raleway", Sans-serif;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-3e66e1a{--display:flex;}.elementor-59 .elementor-element.elementor-element-ffeb3e9{font-family:"Raleway", Sans-serif;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-027adb7{--display:flex;}.elementor-59 .elementor-element.elementor-element-9f33e40{font-family:"Raleway", Sans-serif;font-weight:400;color:#000000;}.elementor-59 .elementor-element.elementor-element-053aea0{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-59 .elementor-element.elementor-element-99db8e1{--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;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-59 .elementor-element.elementor-element-99db8e1:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-99db8e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://satechuniverse.com/wp-content/uploads/2025/11/bg.jpg");background-position:center center;background-size:cover;}.elementor-59 .elementor-element.elementor-element-830c79c{--display:flex;}.elementor-59 .elementor-element.elementor-element-610bc63{text-align:center;}.elementor-59 .elementor-element.elementor-element-610bc63 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:600;color:#FCECCC;}.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-weight:var( --e-global-typography-text-font-weight );}.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-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-secondary-font-weight );}.elementor-59 .elementor-element.elementor-element-95b470a .elementor-swiper-button{font-size:20px;}.elementor-59 .elementor-element.elementor-element-95b470a .elementor-testimonial__text{color:#FCECCC;font-family:"Raleway", Sans-serif;font-size:12px;font-weight:400;}.elementor-59 .elementor-element.elementor-element-95b470a .elementor-testimonial__name{color:#FCECCC;font-family:"Playfair Display", Sans-serif;font-size:17px;font-weight:600;}.elementor-59 .elementor-element.elementor-element-95b470a .elementor-testimonial__title{color:#FCECCC;font-family:"Raleway", Sans-serif;font-size:12px;font-weight:400;}.elementor-59 .elementor-element.elementor-element-43732a3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-59 .elementor-element.elementor-element-43732a3:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-43732a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-5abf5ff{border-radius:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-5abf5ff:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-59 .elementor-element.elementor-element-c7765bb:hover{border-radius:1px 1px 1px 1px;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-59 .elementor-element.elementor-element-c7765bb .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-59 .elementor-element.elementor-element-c7765bb .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-59 .elementor-element.elementor-element-c7765bb .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group > label, .elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-subgroup label{color:#000000;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group > label{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-type-html{padding-bottom:0px;color:#000000;font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group .elementor-field{color:#7A7A7A94;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group .elementor-field, .elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-subgroup label{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-59 .elementor-element.elementor-element-c7765bb .e-form__buttons__wrapper__button-next{background-color:#FFFFFF00;color:#000000;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-button[type="submit"]{background-color:#FFFFFF00;color:#000000;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-59 .elementor-element.elementor-element-c7765bb .e-form__buttons__wrapper__button-previous{background-color:#FFFFFF00;color:#000000;}.elementor-59 .elementor-element.elementor-element-c7765bb .e-form__buttons__wrapper__button-next:hover{background-color:#000000;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-button[type="submit"]:hover{background-color:#000000;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-button[type="submit"]:hover svg *{fill:#FCECCC;}.elementor-59 .elementor-element.elementor-element-c7765bb .e-form__buttons__wrapper__button-previous:hover{background-color:#000000;color:#FCECCC;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-button{border-radius:9px 9px 9px 9px;}.elementor-59 .elementor-element.elementor-element-c7765bb .elementor-message.elementor-message-success{color:#164D14;}.elementor-59 .elementor-element.elementor-element-c7765bb{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-59 .elementor-element.elementor-element-0e5888c{--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-5ea2d07{--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-99d3e7b{--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-43732a3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-59 .elementor-element.elementor-element-5f5449b{--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-59 .elementor-element.elementor-element-92c3711{width:100%;max-width:100%;}.elementor-59 .elementor-element.elementor-element-5d9f1cb{--width:362px;--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-59 .elementor-element.elementor-element-26fb1f2{width:100%;max-width:100%;}.elementor-59 .elementor-element.elementor-element-067ece6{--margin-top:4px;--margin-bottom:-51px;--margin-left:0px;--margin-right:0px;--padding-top:-31px;--padding-bottom:-27px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-9ea033c{--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-38px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-8596843{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-59 .elementor-element.elementor-element-d793fcc.elementor-element{--flex-grow:19;--flex-shrink:14;}.elementor-59 .elementor-element.elementor-element-0ed5ab9{--min-height:270px;--margin-top:4px;--margin-bottom:-51px;--margin-left:0px;--margin-right:0px;--padding-top:-31px;--padding-bottom:-27px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-71277d9{--justify-content:center;--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-38px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-71277d9.e-con{--align-self:center;}.elementor-59 .elementor-element.elementor-element-342a749{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-342a749 .elementor-heading-title{font-size:30px;}.elementor-59 .elementor-element.elementor-element-ff53537.elementor-element{--flex-grow:19;--flex-shrink:14;}.elementor-59 .elementor-element.elementor-element-0e5888c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-24290b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-24290b4 .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-59 .elementor-element.elementor-element-13bdd8c{margin:-3px -3px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;text-align:justify;}.elementor-59 .elementor-element.elementor-element-5ea2d07{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-6e1ba86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-59 .elementor-element.elementor-element-7dc501e{margin:-3px -3px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;text-align:justify;}.elementor-59 .elementor-element.elementor-element-21fbf73{--content-width:500px;}.elementor-59 .elementor-element.elementor-element-99d3e7b{--content-width:500px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-59 .elementor-element.elementor-element-99db8e1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-16px;--padding-bottom:-11px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-95b470a{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + -48px) 0px;padding:0px 0px 28px 0px;}.elementor-59 .elementor-element.elementor-element-43732a3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-9ea033c *//* --- Horizontal Scrollable Image Row --- */
.elementor-59 .elementor-element.elementor-element-9ea033c {
  display: flex;
  flex-wrap: nowrap; /* all images in one line */
  gap: 30px; /* space between logos */
  overflow-x: auto; /* enable horizontal scroll */
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory; /* optional - makes scroll smooth per logo */
  padding: 10px 0;
  justify-content: flex-start;
  max-width: calc(120px * 5 + 30px * 4); /* show 5 logos visible at once */
  margin: 0 auto; /* center the row */
}

/* --- Hide Scrollbar --- */
.elementor-59 .elementor-element.elementor-element-9ea033c::-webkit-scrollbar {
  display: none;
}

/* --- Logo Image Styling --- */
.elementor-59 .elementor-element.elementor-element-9ea033c img {
  width: 120px; /* thumbnail size */
  height: auto;
  flex-shrink: 0;
  scroll-snap-align: start;
  border-radius: 6px; /* optional rounded corners */
  transition: transform 0.3s ease;
}

/* --- Hover effect (optional) --- */
.elementor-59 .elementor-element.elementor-element-9ea033c img:hover {
  transform: scale(1.05);
}

/* --- Responsive for Mobile (show 3 logos) --- */
@media (max-width: 767px) {
  .elementor-59 .elementor-element.elementor-element-9ea033c {
    gap: 20px;
    max-width: calc(90px * 3 + 20px * 2); /* show 3 logos on mobile */
  }
  .elementor-59 .elementor-element.elementor-element-9ea033c img {
    width: 90px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d793fcc */.logo-slider {
  overflow: hidden;
  background: transparent;
  padding: 20px 0;
}

.slide-track {
  display: flex;
  animation: scroll 25s linear infinite;
  width: calc(200px * 16); /* 16 slides total */
}

.slide {
  width: 200px;   /* controls size */
  padding: 0 20px;
}

.slide img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;  /* make logos clean */
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-200px * 8)); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-067ece6 */<div class="trusted-partners">
  <button class="logo-arrow prev" aria-label="Previous">&#10094;</button>

  <div class="logo-row-wrapper">
    <div class="logo-row">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-and-Gold-Elegant-Luxury-Spa-Salon-Logo-1.png" alt="Partner 1">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-Modern-Abstract-Logo-1.png" alt="Partner 2">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo.png" alt="Partner 3">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo-1.png" alt="Partner 4">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-Modern-Abstract-Logo-1.png" alt="Partner 5">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-Modern-Abstract-Logo-1.png" alt="Partner 6">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo.png" alt="Partner 7">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo-1.png" alt="Partner 8">
    </div>
  </div>

  <button class="logo-arrow next" aria-label="Next">&#10095;</button>
</div>

<style>
/* container: full-bleed inside Elementor */
.trusted-partners {
  position: relative;
  width: 100%;
  margin-left: calc(50% - 50vw); /* full-bleed hack */
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
  padding: 36px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  z-index: 1;
}

/* wrapper keeps side padding so logos aren't clipped by gutters */
.logo-row-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 0 48px; /* increase if theme gutters hide arrows */
  box-sizing: border-box;
}

/* the actual scrolling row */
.logo-row {
  display: flex;
  gap: 30px; /* change spacing */
  align-items: center;
  overflow-x: auto;      /* allow manual scroll (drag / touch / scrollbar) */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  /* hide native scrollbar visually (still accessible) */
}
.logo-row::-webkit-scrollbar { height: 8px; display: none; }
.logo-row { -ms-overflow-style: none; scrollbar-width: none; }

/* each logo stays same size so exactly four visible */
.logo-row img {
  flex: 0 0 calc((100% - 30px*3 - 96px) / 4);
  /* Explanation: 100% minus total gap (3 gaps between 4 items) minus wrapper padding adjustment.
     If you change padding/gap, recalc or replace with a fixed width like 180px */
  max-width: 220px;
  height: auto;
  object-fit: contain;
  scroll-snap-align: start;
  border-radius: 0;
  transition: transform .25s ease;
  display: block;
  background: transparent;
}

/* hover effect */
.logo-row img:hover { transform: scale(1.04); }

/* arrows */
.logo-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  border: none;
  cursor: pointer;
  padding: 10px 12px;
  border-radius: 50%;
  font-size: 26px;
  background: rgba(0,0,0,0.45);
  color: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.45);
  transition: transform .12s ease, background .12s ease;
}
.logo-arrow:hover { transform: translateY(-50%) scale(1.03); background: rgba(0,0,0,0.6); }

.logo-arrow.prev { left: 12px; }
.logo-arrow.next { right: 12px; }

/* responsive: show 3 logos on medium, 2 on small */
@media (max-width: 1100px) {
  .logo-row img { flex: 0 0 calc((100% - 30px*2 - 96px) / 3); }
}
@media (max-width: 700px) {
  .logo-row img { flex: 0 0 calc((100% - 30px*1 - 48px) / 2); max-width: 140px; }
  .trusted-partners { padding: 20px 0; }
  .logo-row-wrapper { padding: 0 24px; }
  .logo-arrow { font-size: 20px; padding: 8px; }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function () {
  const row = document.querySelector('.logo-row');
  const prev = document.querySelector('.logo-arrow.prev');
  const next = document.querySelector('.logo-arrow.next');

  if (!row) return;

  // compute scroll step = width of one item + gap
  function getStep() {
    const first = row.querySelector('img');
    const gap = parseFloat(getComputedStyle(row).gap) || 30;
    const w = first ? first.getBoundingClientRect().width : row.clientWidth / 4;
    return w + gap;
  }

  // arrow click scroll
  prev.addEventListener('click', () => {
    row.scrollBy({ left: -getStep(), behavior: 'smooth' });
  });
  next.addEventListener('click', () => {
    row.scrollBy({ left: getStep(), behavior: 'smooth' });
  });

  // Auto-scroll logic (loops back to start)
  let autoTimer = null;
  const AUTO_DELAY = 3000; // ms between moves

  function startAuto() {
    stopAuto();
    autoTimer = setInterval(() => {
      // if near end, smoothly go back to start
      if (Math.abs(row.scrollLeft + row.clientWidth - row.scrollWidth) < 2) {
        row.scrollTo({ left: 0, behavior: 'smooth' });
      } else {
        row.scrollBy({ left: getStep(), behavior: 'smooth' });
      }
    }, AUTO_DELAY);
  }
  function stopAuto() { if (autoTimer) { clearInterval(autoTimer); autoTimer = null; } }

  // pause auto on hover / touch
  row.addEventListener('mouseenter', stopAuto);
  row.addEventListener('mouseleave', startAuto);
  row.addEventListener('touchstart', stopAuto, {passive: true});
  row.addEventListener('touchend', startAuto);

  // allow dragging with mouse (desktop) - native scroll is fine; this keeps it smooth
  let isDown = false, startX, scrollLeft;
  row.addEventListener('mousedown', (e) => {
    isDown = true;
    row.classList.add('dragging');
    startX = e.pageX - row.offsetLeft;
    scrollLeft = row.scrollLeft;
    stopAuto();
  });
  window.addEventListener('mouseup', () => {
    if (isDown) { isDown = false; row.classList.remove('dragging'); startAuto(); }
  });
  row.addEventListener('mousemove', (e) => {
    if (!isDown) return;
    e.preventDefault();
    const x = e.pageX - row.offsetLeft;
    const walk = (x - startX) * 1; // scroll-fast multiplier
    row.scrollLeft = scrollLeft - walk;
  });

  // recalc step on resize
  window.addEventListener('resize', () => { /* small delay */ setTimeout(()=>{}, 50); });

  // init
  startAuto();
});
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71277d9 *//* --- Horizontal Scrollable Image Row --- */
.elementor-59 .elementor-element.elementor-element-71277d9 {
  display: flex;
  flex-wrap: nowrap; /* all images in one line */
  gap: 30px; /* space between logos */
  overflow-x: auto; /* enable horizontal scroll */
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory; /* optional - makes scroll smooth per logo */
  padding: 10px 0;
  justify-content: flex-start;
  max-width: calc(120px * 5 + 30px * 4); /* show 5 logos visible at once */
  margin: 0 auto; /* center the row */
}

/* --- Hide Scrollbar --- */
.elementor-59 .elementor-element.elementor-element-71277d9::-webkit-scrollbar {
  display: none;
}

/* --- Logo Image Styling --- */
.elementor-59 .elementor-element.elementor-element-71277d9 img {
  width: 120px; /* thumbnail size */
  height: auto;
  flex-shrink: 0;
  scroll-snap-align: start;
  border-radius: 6px; /* optional rounded corners */
  transition: transform 0.3s ease;
}

/* --- Hover effect (optional) --- */
.elementor-59 .elementor-element.elementor-element-71277d9 img:hover {
  transform: scale(1.05);
}

/* --- Responsive for Mobile (show 3 logos) --- */
@media (max-width: 767px) {
  .elementor-59 .elementor-element.elementor-element-71277d9 {
    gap: 20px;
    max-width: calc(90px * 3 + 20px * 2); /* show 3 logos on mobile */
  }
  .elementor-59 .elementor-element.elementor-element-71277d9 img {
    width: 90px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff53537 */.logo-slider {
  overflow: hidden;
  background: transparent;
  padding: 20px 0;
}

.slide-track {
  display: flex;
  animation: scroll 25s linear infinite;
  width: calc(180px * 16); /* 16 slides total */
}

.slide {
  width: 180px;   /* controls size */
  padding: 0 20px;
}

.slide img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;  /* make logos clean */
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-200px * 8)); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ed5ab9 */<div class="trusted-partners">
  <button class="logo-arrow prev" aria-label="Previous">&#10094;</button>

  <div class="logo-row-wrapper">
    <div class="logo-row">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-and-Gold-Elegant-Luxury-Spa-Salon-Logo-1.png" alt="Partner 1">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-Modern-Abstract-Logo-1.png" alt="Partner 2">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo.png" alt="Partner 3">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo-1.png" alt="Partner 4">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-Modern-Abstract-Logo-1.png" alt="Partner 5">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/Black-Modern-Abstract-Logo-1.png" alt="Partner 6">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo.png" alt="Partner 7">
      <img src="https://satechuniverse.com/wp-content/uploads/2025/11/marzeey-logo-1.png" alt="Partner 8">
    </div>
  </div>

  <button class="logo-arrow next" aria-label="Next">&#10095;</button>
</div>

<style>
/* container: full-bleed inside Elementor */
.trusted-partners {
  position: relative;
  width: 100%;
  margin-left: calc(50% - 50vw); /* full-bleed hack */
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
  padding: 36px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  z-index: 1;
}

/* wrapper keeps side padding so logos aren't clipped by gutters */
.logo-row-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 0 48px; /* increase if theme gutters hide arrows */
  box-sizing: border-box;
}

/* the actual scrolling row */
.logo-row {
  display: flex;
  gap: 30px; /* change spacing */
  align-items: center;
  overflow-x: auto;      /* allow manual scroll (drag / touch / scrollbar) */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  /* hide native scrollbar visually (still accessible) */
}
.logo-row::-webkit-scrollbar { height: 8px; display: none; }
.logo-row { -ms-overflow-style: none; scrollbar-width: none; }

/* each logo stays same size so exactly four visible */
.logo-row img {
  flex: 0 0 calc((100% - 30px*3 - 96px) / 4);
  /* Explanation: 100% minus total gap (3 gaps between 4 items) minus wrapper padding adjustment.
     If you change padding/gap, recalc or replace with a fixed width like 180px */
  max-width: 220px;
  height: auto;
  object-fit: contain;
  scroll-snap-align: start;
  border-radius: 0;
  transition: transform .25s ease;
  display: block;
  background: transparent;
}

/* hover effect */
.logo-row img:hover { transform: scale(1.04); }

/* arrows */
.logo-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  border: none;
  cursor: pointer;
  padding: 10px 12px;
  border-radius: 50%;
  font-size: 26px;
  background: rgba(0,0,0,0.45);
  color: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.45);
  transition: transform .12s ease, background .12s ease;
}
.logo-arrow:hover { transform: translateY(-50%) scale(1.03); background: rgba(0,0,0,0.6); }

.logo-arrow.prev { left: 12px; }
.logo-arrow.next { right: 12px; }

/* responsive: show 3 logos on medium, 2 on small */
@media (max-width: 1100px) {
  .logo-row img { flex: 0 0 calc((100% - 30px*2 - 96px) / 3); }
}
@media (max-width: 700px) {
  .logo-row img { flex: 0 0 calc((100% - 30px*1 - 48px) / 2); max-width: 140px; }
  .trusted-partners { padding: 20px 0; }
  .logo-row-wrapper { padding: 0 24px; }
  .logo-arrow { font-size: 20px; padding: 8px; }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function () {
  const row = document.querySelector('.logo-row');
  const prev = document.querySelector('.logo-arrow.prev');
  const next = document.querySelector('.logo-arrow.next');

  if (!row) return;

  // compute scroll step = width of one item + gap
  function getStep() {
    const first = row.querySelector('img');
    const gap = parseFloat(getComputedStyle(row).gap) || 30;
    const w = first ? first.getBoundingClientRect().width : row.clientWidth / 4;
    return w + gap;
  }

  // arrow click scroll
  prev.addEventListener('click', () => {
    row.scrollBy({ left: -getStep(), behavior: 'smooth' });
  });
  next.addEventListener('click', () => {
    row.scrollBy({ left: getStep(), behavior: 'smooth' });
  });

  // Auto-scroll logic (loops back to start)
  let autoTimer = null;
  const AUTO_DELAY = 3000; // ms between moves

  function startAuto() {
    stopAuto();
    autoTimer = setInterval(() => {
      // if near end, smoothly go back to start
      if (Math.abs(row.scrollLeft + row.clientWidth - row.scrollWidth) < 2) {
        row.scrollTo({ left: 0, behavior: 'smooth' });
      } else {
        row.scrollBy({ left: getStep(), behavior: 'smooth' });
      }
    }, AUTO_DELAY);
  }
  function stopAuto() { if (autoTimer) { clearInterval(autoTimer); autoTimer = null; } }

  // pause auto on hover / touch
  row.addEventListener('mouseenter', stopAuto);
  row.addEventListener('mouseleave', startAuto);
  row.addEventListener('touchstart', stopAuto, {passive: true});
  row.addEventListener('touchend', startAuto);

  // allow dragging with mouse (desktop) - native scroll is fine; this keeps it smooth
  let isDown = false, startX, scrollLeft;
  row.addEventListener('mousedown', (e) => {
    isDown = true;
    row.classList.add('dragging');
    startX = e.pageX - row.offsetLeft;
    scrollLeft = row.scrollLeft;
    stopAuto();
  });
  window.addEventListener('mouseup', () => {
    if (isDown) { isDown = false; row.classList.remove('dragging'); startAuto(); }
  });
  row.addEventListener('mousemove', (e) => {
    if (!isDown) return;
    e.preventDefault();
    const x = e.pageX - row.offsetLeft;
    const walk = (x - startX) * 1; // scroll-fast multiplier
    row.scrollLeft = scrollLeft - walk;
  });

  // recalc step on resize
  window.addEventListener('resize', () => { /* small delay */ setTimeout(()=>{}, 50); });

  // init
  startAuto();
});
</script>/* End custom CSS */