.elementor-486 .elementor-element.elementor-element-d1a85cd{--display:flex;--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-d1a85cd::before, .elementor-486 .elementor-element.elementor-element-d1a85cd > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-d1a85cd > .e-con-inner > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-d1a85cd > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-d1a85cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-d1a85cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-486 .elementor-element.elementor-element-5fdc27f{--display:flex;--min-height:499px;--overlay-opacity:0.5;}.elementor-486 .elementor-element.elementor-element-5fdc27f:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-5fdc27f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-12_34_48-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-486 .elementor-element.elementor-element-5fdc27f::before, .elementor-486 .elementor-element.elementor-element-5fdc27f > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-5fdc27f > .e-con-inner > .elementor-background-video-container::before, .elementor-486 .elementor-element.elementor-element-5fdc27f > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-5fdc27f > .e-con-inner > .elementor-background-slideshow::before, .elementor-486 .elementor-element.elementor-element-5fdc27f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-486 .elementor-element.elementor-element-7c17794{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-7c17794:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-7c17794 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/f49e1617-1690-437d-878b-0420cc45b4d0.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-486 .elementor-element.elementor-element-5babbab{--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;}.elementor-486 .elementor-element.elementor-element-7ee45d1{--display:flex;}.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-486 .elementor-element.elementor-element-c679011 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:24px;font-weight:600;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-9a5aaa9 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.elementor-486 .elementor-element.elementor-element-b6e0daa .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.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-486 .elementor-element.elementor-element-80eb089{font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-486 .elementor-element.elementor-element-9ff2bf9{font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-486 .elementor-element.elementor-element-7f16d9c{font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.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-486 .elementor-element.elementor-element-d6c3b7d .elementor-button{background-color:#F5B900;font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:500;text-decoration:none;}.elementor-486 .elementor-element.elementor-element-02f7943{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-486 .elementor-element.elementor-element-419adbd img{height:404px;object-fit:cover;object-position:center center;border-style:none;border-radius:0px 7px 0px 0px;}.elementor-486 .elementor-element.elementor-element-dc9e997{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-dc9e997:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-dc9e997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/e3f74202-e065-496a-821a-c17f112b2220.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-486 .elementor-element.elementor-element-eebbd77 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:24px;font-weight:600;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-cd5e58c .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.elementor-486 .elementor-element.elementor-element-a53d2a1{text-align:center;font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-486 .elementor-element.elementor-element-51d4dc0{--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;}.elementor-486 .elementor-element.elementor-element-e70149f{--display:flex;}.elementor-486 .elementor-element.elementor-element-b1d2bc6 img{height:362px;object-fit:cover;object-position:center center;border-style:none;border-radius:0px 7px 0px 0px;}.elementor-486 .elementor-element.elementor-element-3b8a59c{--display:flex;}.elementor-486 .elementor-element.elementor-element-2ec04b8{--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;}.elementor-486 .elementor-element.elementor-element-efb91b4{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-f833b92{width:var( --container-widget-width, 12.732% );max-width:12.732%;--container-widget-width:12.732%;--container-widget-flex-grow:0;}.elementor-486 .elementor-element.elementor-element-f833b92.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-f833b92 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-486 .elementor-element.elementor-element-56b38f5 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-56b38f5 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-56b38f5 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-56b38f5:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-56b38f5:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-56b38f5 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-6fea079{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-8d8df45{width:var( --container-widget-width, 12.732% );max-width:12.732%;--container-widget-width:12.732%;--container-widget-flex-grow:0;}.elementor-486 .elementor-element.elementor-element-8d8df45.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-8d8df45 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-ec31c4f .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-ec31c4f .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-ec31c4f .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-ec31c4f:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-ec31c4f:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-ec31c4f .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-a0deb6d{--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;}.elementor-486 .elementor-element.elementor-element-462d70c{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-4d2be6c{width:var( --container-widget-width, 12.732% );max-width:12.732%;--container-widget-width:12.732%;--container-widget-flex-grow:0;}.elementor-486 .elementor-element.elementor-element-4d2be6c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-4d2be6c .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-a39d0f8 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-a39d0f8 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-a39d0f8 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-a39d0f8:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-a39d0f8:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-a39d0f8 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-b663ec4{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-d458271{width:var( --container-widget-width, 12.732% );max-width:12.732%;--container-widget-width:12.732%;--container-widget-flex-grow:0;}.elementor-486 .elementor-element.elementor-element-d458271.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-d458271 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-3e294b7 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-3e294b7 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-3e294b7 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-3e294b7:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-3e294b7:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-3e294b7 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-8b335ba{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-8b335ba:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-8b335ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/f49e1617-1690-437d-878b-0420cc45b4d0.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-486 .elementor-element.elementor-element-7f08ff3 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:24px;font-weight:600;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-1bd7949 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.elementor-486 .elementor-element.elementor-element-37897bd{text-align:center;font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-486 .elementor-element.elementor-element-4fab78f{--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;}.elementor-486 .elementor-element.elementor-element-ba33b2a{--display:flex;}.elementor-486 .elementor-element.elementor-element-604f3be{--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;}.elementor-486 .elementor-element.elementor-element-cffefa8{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-d0cc2d5 .elementor-icon-box-wrapper{gap:4px;}.elementor-486 .elementor-element.elementor-element-d0cc2d5 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-d0cc2d5.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-d0cc2d5.elementor-view-framed .elementor-icon, .elementor-486 .elementor-element.elementor-element-d0cc2d5.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-d0cc2d5 .elementor-icon{font-size:30px;}.elementor-486 .elementor-element.elementor-element-d0cc2d5 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-d0cc2d5 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-d0cc2d5:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-d0cc2d5:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-d0cc2d5 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-ac00b00{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-fa499e7 .elementor-icon-box-wrapper{gap:4px;}.elementor-486 .elementor-element.elementor-element-fa499e7 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-fa499e7.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-fa499e7.elementor-view-framed .elementor-icon, .elementor-486 .elementor-element.elementor-element-fa499e7.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-fa499e7 .elementor-icon{font-size:30px;}.elementor-486 .elementor-element.elementor-element-fa499e7 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-fa499e7 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-fa499e7:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-fa499e7:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-fa499e7 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-781a85b{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-87eb062 .elementor-icon-box-wrapper{gap:4px;}.elementor-486 .elementor-element.elementor-element-87eb062 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-87eb062.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-87eb062.elementor-view-framed .elementor-icon, .elementor-486 .elementor-element.elementor-element-87eb062.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-87eb062 .elementor-icon{font-size:30px;}.elementor-486 .elementor-element.elementor-element-87eb062 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-87eb062 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-87eb062:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-87eb062:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-87eb062 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-ac254d4{--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:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-486 .elementor-element.elementor-element-320869e .elementor-icon-box-wrapper{gap:4px;}.elementor-486 .elementor-element.elementor-element-320869e .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-320869e.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-320869e.elementor-view-framed .elementor-icon, .elementor-486 .elementor-element.elementor-element-320869e.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-320869e .elementor-icon{font-size:30px;}.elementor-486 .elementor-element.elementor-element-320869e .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-320869e .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-320869e:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-320869e:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-320869e .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-486 .elementor-element.elementor-element-d13e6a2{--display:flex;--overflow:hidden;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-486 .elementor-element.elementor-element-54ed62d{--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;}.elementor-486 .elementor-element.elementor-element-76cf19f{--display:flex;--justify-content:center;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-486 .elementor-element.elementor-element-76cf19f:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-76cf19f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF6E9;}.elementor-486 .elementor-element.elementor-element-76cf19f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-a2b42ed .elementor-icon-box-wrapper{gap:4px;}.elementor-486 .elementor-element.elementor-element-a2b42ed .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-a2b42ed.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-a2b42ed.elementor-view-framed .elementor-icon, .elementor-486 .elementor-element.elementor-element-a2b42ed.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-a2b42ed .elementor-icon{font-size:30px;}.elementor-486 .elementor-element.elementor-element-a2b42ed .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-a2b42ed .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-a2b42ed:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-a2b42ed:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-486 .elementor-element.elementor-element-a2b42ed .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-486 .elementor-element.elementor-element-eac132f{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-486 .elementor-element.elementor-element-eac132f:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-eac132f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-486 .elementor-element.elementor-element-eac132f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-443ba98 .elementor-icon-box-wrapper{gap:4px;}.elementor-486 .elementor-element.elementor-element-443ba98 .elementor-icon-box-title{margin-block-end:7px;color:#F5B900;}.elementor-486 .elementor-element.elementor-element-443ba98.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-443ba98.elementor-view-framed .elementor-icon, .elementor-486 .elementor-element.elementor-element-443ba98.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-486 .elementor-element.elementor-element-443ba98 .elementor-icon{font-size:30px;}.elementor-486 .elementor-element.elementor-element-443ba98 .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-443ba98 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-486 .elementor-element.elementor-element-443ba98:has(:hover) .elementor-icon-box-title, .elementor-486 .elementor-element.elementor-element-443ba98:has(:focus) .elementor-icon-box-title{color:#F5B900;}.elementor-486 .elementor-element.elementor-element-443ba98 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-486 .elementor-element.elementor-element-871d09b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-22px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-486 .elementor-element.elementor-element-871d09b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-486 .elementor-element.elementor-element-941c32e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-486 .elementor-element.elementor-element-fd80859 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:24px;font-weight:600;color:#EC3539;}.elementor-486 .elementor-element.elementor-element-7afa77a{--display:flex;}.elementor-486 .elementor-element.elementor-element-61217ac{--display:flex;}.elementor-486 .elementor-element.elementor-element-d60b08b{--display:flex;}.elementor-486 .elementor-element.elementor-element-e973150{--display:flex;}.elementor-486 .elementor-element.elementor-element-e083369{--display:flex;}.elementor-486 .elementor-element.elementor-element-fe20ac1{--display:flex;}.elementor-486 .elementor-element.elementor-element-5721222{--display:flex;}.elementor-486 .elementor-element.elementor-element-195de73{--display:flex;}.elementor-486 .elementor-element.elementor-element-a490174{--display:flex;}.elementor-486 .elementor-element.elementor-element-9aa85f9{--display:flex;}.elementor-486 .elementor-element.elementor-element-f1b7086{--display:flex;}.elementor-486 .elementor-element.elementor-element-7f1af16{--display:flex;}.elementor-486 .elementor-element.elementor-element-acac635{--display:flex;}.elementor-486 .elementor-element.elementor-element-8ef71e7{--display:flex;}.elementor-486 .elementor-element.elementor-element-b6bce35{--display:flex;}.elementor-486 .elementor-element.elementor-element-8609265{--display:flex;}.elementor-486 .elementor-element.elementor-element-f4bbcb6{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-486 .elementor-element.elementor-element-76cf19f{--width:26.041%;}.elementor-486 .elementor-element.elementor-element-eac132f{--width:26.041%;}.elementor-486 .elementor-element.elementor-element-871d09b{--width:47%;}}@media(max-width:1024px){.elementor-486 .elementor-element.elementor-element-f4bbcb6{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-486 .elementor-element.elementor-element-f4bbcb6{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-f833b92 */.elementor-486 .elementor-element.elementor-element-f833b92 .elementor-heading-title { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FFD33D !important; color: #EC3539 !important; border-radius: 50% !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-efb91b4 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8d8df45 */.elementor-486 .elementor-element.elementor-element-8d8df45 .elementor-heading-title { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FFD33D !important; color: #EC3539 !important; border-radius: 50% !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fea079 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d2be6c */.elementor-486 .elementor-element.elementor-element-4d2be6c .elementor-heading-title { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FFD33D !important; color: #EC3539 !important; border-radius: 50% !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-462d70c *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d458271 */.elementor-486 .elementor-element.elementor-element-d458271 .elementor-heading-title { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FFD33D !important; color: #EC3539 !important; border-radius: 50% !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b663ec4 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cffefa8 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ac00b00 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-781a85b *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ac254d4 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-862f54f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-32faa0f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f27cf2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e591cd8 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59e3034 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f2bb5c *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b09d241 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2f9383 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-61c034e *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92a53d2 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e0f178f *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1b7086 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-853ae25 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c76b0da *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4de2e87 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5db527 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b610e11 *//* ========================================= CLIENT LOGO CAROUSEL ========================================= */ .client-logo-section { width: 100%; padding: 35px 30px !important; background: #ffffff; border-radius: 18px; border: 1px solid #eee5d5; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; } /* ========================================= LOGO SLIDES ========================================= */ .client-logo-section .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 15px 25px; min-height: 125px; box-sizing: border-box; } /* ========================================= IMAGE ========================================= */ .client-logo-section .swiper-slide img { width: 100%; max-width: 180px; height: 85px; object-fit: contain; object-position: center; display: block; padding: 8px; filter: grayscale(15%); opacity: 0.92; transition: all 0.35s ease; } /* ========================================= HOVER ========================================= */ .client-logo-section .swiper-slide:hover img { transform: scale(1.08); filter: grayscale(0%); opacity: 1; } /* ========================================= IMAGE BOX ========================================= */ .client-logo-section .swiper-slide-inner { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f0eadf; border-radius: 12px; transition: all 0.35s ease; } .client-logo-section .swiper-slide:hover .swiper-slide-inner { border-color: #c9a65b; box-shadow: 0 8px 20px rgba(190, 158, 93, 0.15); } /* ========================================= ARROWS ========================================= */ .client-logo-section .elementor-swiper-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #BE9E5D; border-radius: 50%; color: #ffffff !important; transition: all 0.3s ease; } .client-logo-section .elementor-swiper-button:hover { background: #8f6d32; transform: scale(1.08); } /* ========================================= PAGINATION ========================================= */ .client-logo-section .swiper-pagination-bullet { width: 7px; height: 7px; background: #d5c7aa; opacity: 1; } .client-logo-section .swiper-pagination-bullet-active { width: 20px; border-radius: 10px; background: #BE9E5D; } /* ========================================= DESKTOP ========================================= */ @media (min-width: 1200px) { .client-logo-section .swiper-slide img { max-width: 175px; height: 80px; } } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .client-logo-section { padding: 28px 20px !important; } .client-logo-section .swiper-slide { padding: 10px 15px; min-height: 110px; } .client-logo-section .swiper-slide img { max-width: 150px; height: 70px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .client-logo-section { padding: 25px 12px !important; border-radius: 14px; } .client-logo-section .swiper-slide { padding: 8px; min-height: 95px; } .client-logo-section .swiper-slide-inner { height: 85px; border-radius: 10px; } .client-logo-section .swiper-slide img { max-width: 120px; height: 60px; padding: 5px; } .client-logo-section .elementor-swiper-button { width: 30px; height: 30px; } }/* End custom CSS */