.elementor-10 .elementor-element.elementor-element-f448895{--display:flex;--min-height:881px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--overlay-opacity:0.96;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f448895::before, .elementor-10 .elementor-element.elementor-element-f448895 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-f448895 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-f448895 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-f448895 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-f448895 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-88fd3d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-10 .elementor-element.elementor-element-b048335{margin:-51px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-b048335 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:70px;font-weight:800;color:#111827;}.elementor-10 .elementor-element.elementor-element-cebc3cc{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-cebc3cc .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:63px;font-weight:800;color:#111827;}.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-10 .elementor-element.elementor-element-3f2dd33{text-align:center;}.elementor-10 .elementor-element.elementor-element-74e18d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-202px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-418a912{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-418a912 img{max-width:60%;}.elementor-10 .elementor-element.elementor-element-f3f1793{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f3f1793:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f3f1793 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFD;}.elementor-10 .elementor-element.elementor-element-8522243{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-8522243 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:800;color:#0F172A;}.elementor-10 .elementor-element.elementor-element-e25f7ba{text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:#000000;}.elementor-10 .elementor-element.elementor-element-1e452ef{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-272af12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-b74dc63{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-be85c54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-109f656{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-7201ccd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-f7dea12{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-4ff29b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-2d17649{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-1e52019{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-a60f18d{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-b907f48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-01b0daf{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-e2e041e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-3df66fa{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-f47b707{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-e4f45f0{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-f1c2dc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-030efc9{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-35d97b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-79d7ba1{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-6e5f47a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-c4cc2b9{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-efc3e7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-fa3ffb8{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-04a2754{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-249dd30{--display:flex;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-8b439fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-b0a8a12{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:0px;--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;--e-n-carousel-arrow-size:33px;--e-n-carousel-arrow-normal-color:#DC2625;--e-n-carousel-dots-normal-color:#DC2625;--e-n-carousel-dots-hover-color:#0F172A;}.elementor-10 .elementor-element.elementor-element-b0a8a12 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d8eafad{--display:flex;--min-height:600px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50px 50px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d8eafad:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d8eafad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-10 .elementor-element.elementor-element-6d33ffe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-6d33ffe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-8f9d5c2 img{max-width:97%;}.elementor-10 .elementor-element.elementor-element-c2471ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-9809a9f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:30px;font-weight:800;color:#DC2625;}.elementor-10 .elementor-element.elementor-element-2ca447d{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-2ca447d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7ae54c3{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:#FFFFFF;}.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-10 .elementor-element.elementor-element-2649265 .elementor-button{background-color:#DC2625;transition-duration:1.1s;border-radius:100px 100px 100px 100px;}.elementor-10 .elementor-element.elementor-element-2649265 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-2649265 .elementor-button:focus{background-color:#0F172A;}.elementor-10 .elementor-element.elementor-element-2649265{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-0d4412d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-10 .elementor-element.elementor-element-07bd517{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 45px -16px rgba(0,0,0,0.5);--margin-top:-67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-07bd517:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-07bd517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-d39e2a8{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-d39e2a8 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-10 .elementor-element.elementor-element-665b2ad{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact{background-color:#ffffff;justify-content:center;display:flex;box-shadow:0px 28px 40px 0px rgba(2.000000000000001, 8.000000000000025, 22, 0.1);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact.style-border-bottom:before{background-color:#CC292B;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#333333;font-family:"Roboto Slab", Sans-serif;font-size:48px;font-weight:700;margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact .funfact-title{margin-bottom:0px;color:#808080;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact .super{color:#000000;left:0px;vertical-align:super;}.elementor-10 .elementor-element.elementor-element-762eadf8 .elementskit-funfact .elementskit-funfact-inner{padding:30px 10px 60px 10px;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact{background-color:#ffffff;justify-content:center;display:flex;box-shadow:0px 28px 40px 0px rgba(2.000000000000001, 8.000000000000025, 22, 0.1);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact.style-border-bottom:before{background-color:#CC292B;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact .funfact-content .number-percentage-wraper{color:#333333;font-family:"Roboto Slab", Sans-serif;font-size:48px;font-weight:700;margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact .funfact-title{margin-bottom:0px;color:#808080;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact .super{color:#000000;left:0px;vertical-align:super;}.elementor-10 .elementor-element.elementor-element-36b0974c .elementskit-funfact .elementskit-funfact-inner{padding:30px 10px 60px 10px;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact{background-color:#ffffff;justify-content:center;display:flex;box-shadow:0px 28px 40px 0px rgba(2.000000000000001, 8.000000000000025, 22, 0.1);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact.style-border-bottom:before{background-color:#CC292B;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#333333;font-family:"Roboto Slab", Sans-serif;font-size:48px;font-weight:700;margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact .funfact-title{margin-bottom:0px;color:#808080;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact .super{color:#000000;left:0px;vertical-align:super;}.elementor-10 .elementor-element.elementor-element-5a87f495 .elementskit-funfact .elementskit-funfact-inner{padding:30px 10px 60px 10px;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact{background-color:#ffffff;justify-content:center;display:flex;box-shadow:0px 28px 40px 0px rgba(2.000000000000001, 8.000000000000025, 22, 0.1);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact.style-border-bottom:before{background-color:#CC292B;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#333333;font-family:"Roboto Slab", Sans-serif;font-size:48px;font-weight:700;margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact .funfact-title{margin-bottom:0px;color:#808080;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact .super{color:#000000;left:0px;vertical-align:super;}.elementor-10 .elementor-element.elementor-element-7af658f6 .elementskit-funfact .elementskit-funfact-inner{padding:30px 10px 60px 10px;}.elementor-10 .elementor-element.elementor-element-753345f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-1744af0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-c8197aa{left:287px;}body.rtl .elementor-10 .elementor-element.elementor-element-c8197aa{right:287px;}.elementor-10 .elementor-element.elementor-element-c8197aa{top:0px;}.elementor-10 .elementor-element.elementor-element-c8197aa img{max-width:19%;}.elementor-10 .elementor-element.elementor-element-468cf1f{z-index:999;}.elementor-10 .elementor-element.elementor-element-468cf1f img{max-width:100%;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-55fd471{left:77px;}body.rtl .elementor-10 .elementor-element.elementor-element-55fd471{right:77px;}.elementor-10 .elementor-element.elementor-element-55fd471{top:255px;}.elementor-10 .elementor-element.elementor-element-55fd471 img{max-width:39%;}.elementor-10 .elementor-element.elementor-element-d937937{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-4df8bcf{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-4df8bcf .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:26px;font-weight:700;color:#000000;}.elementor-10 .elementor-element.elementor-element-d030701{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-d030701 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:800;color:#CC292B;}.elementor-10 .elementor-element.elementor-element-6f09adf{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-12dad56 .elementor-button{background-color:#DC2625;transition-duration:1.1s;border-radius:100px 100px 100px 100px;}.elementor-10 .elementor-element.elementor-element-12dad56 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-12dad56 .elementor-button:focus{background-color:#0F172A;}.elementor-10 .elementor-element.elementor-element-12dad56{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-3887b35{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:70px;--margin-bottom:160px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ea83ec9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-630d699{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-630d699 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:26px;font-weight:700;color:#000000;}.elementor-10 .elementor-element.elementor-element-179a286{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-179a286 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:32px;font-weight:800;color:#CC292B;}.elementor-10 .elementor-element.elementor-element-5478db8{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-8b178f9{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-286dc7e{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-d9e872f .elementor-button{background-color:#DC2625;transition-duration:1.1s;border-radius:100px 100px 100px 100px;}.elementor-10 .elementor-element.elementor-element-d9e872f .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-d9e872f .elementor-button:focus{background-color:#0F172A;}.elementor-10 .elementor-element.elementor-element-d9e872f{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-e74e465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-4827db2{left:-144px;}body.rtl .elementor-10 .elementor-element.elementor-element-4827db2{right:-144px;}.elementor-10 .elementor-element.elementor-element-4827db2{top:33px;z-index:9999;}.elementor-10 .elementor-element.elementor-element-4827db2 img{max-width:19%;}.elementor-10 .elementor-element.elementor-element-e578209{z-index:999;}.elementor-10 .elementor-element.elementor-element-e578209 img{max-width:100%;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-46c1c9d{left:398px;}body.rtl .elementor-10 .elementor-element.elementor-element-46c1c9d{right:398px;}.elementor-10 .elementor-element.elementor-element-46c1c9d{top:326px;z-index:999;}.elementor-10 .elementor-element.elementor-element-46c1c9d img{max-width:43%;}.elementor-10 .elementor-element.elementor-element-b5a1ad9{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-b5a1ad9:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-b5a1ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DC2625;}.elementor-10 .elementor-element.elementor-element-b6c1cc7{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-380px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d576e90{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-d576e90 img{max-width:85%;transition-duration:1.7s;box-shadow:0px 0px 27px -8px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-1f1c89a{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-1f1c89a img{max-width:85%;transition-duration:1.7s;box-shadow:0px 0px 27px -8px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-5ef745e{margin:-90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-5ef745e img{max-width:85%;transition-duration:1.7s;box-shadow:0px 0px 27px -8px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-df04449{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-df04449:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-df04449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-10 .elementor-element.elementor-element-e24c44f{--display:flex;}.elementor-10 .elementor-element.elementor-element-f592bcb{text-align:center;}.elementor-10 .elementor-element.elementor-element-f592bcb .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:800;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e5ddd59{text-align:center;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-bb5c939{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-5975f37{--display:flex;}.elementor-10 .elementor-element.elementor-element-35cd1a80.ekit-equal-height-enable,
					.elementor-10 .elementor-element.elementor-element-35cd1a80.ekit-equal-height-enable > div,
					.elementor-10 .elementor-element.elementor-element-35cd1a80.ekit-equal-height-enable .ekit-wid-con,
					.elementor-10 .elementor-element.elementor-element-35cd1a80.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox:hover{background-color:#CC292B;border-style:solid;border-width:2px 2px 2px 2px;border-color:#141F72;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-btn{background-color:#CC292B;padding:14px 32px 14px 32px;margin:15px 0px 0px 0px;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:24px;color:#FFFFFF;fill:#FFFFFF;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox:hover .elementskit-btn{background-color:#FFFFFF;color:#CC292B;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox{padding:030px 30px 50px 30px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F7F7F7;border-radius:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 23px 0px;padding:0px 0px 0px 0px;color:#0B1E39;font-family:"Archivo", Sans-serif;font-size:23px;font-weight:500;line-height:26px;letter-spacing:-0.2px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox .box-body > p{color:#666666;font-family:"Archivo", Sans-serif;font-size:14px;font-weight:400;line-height:24px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 30px 0px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);width:115px;line-height:26px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-infobox .elementkit-infobox-icon{line-height:26px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-btn i{margin-right:5px;}.elementor-10 .elementor-element.elementor-element-35cd1a80 .elementskit-btn svg{margin-right:5px;}.elementor-10 .elementor-element.elementor-element-dd9ac98{--display:flex;}.elementor-10 .elementor-element.elementor-element-8681b7f.ekit-equal-height-enable,
					.elementor-10 .elementor-element.elementor-element-8681b7f.ekit-equal-height-enable > div,
					.elementor-10 .elementor-element.elementor-element-8681b7f.ekit-equal-height-enable .ekit-wid-con,
					.elementor-10 .elementor-element.elementor-element-8681b7f.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox:hover{background-color:#CC292B;border-style:solid;border-width:2px 2px 2px 2px;border-color:#141F72;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-btn{background-color:#CC292B;padding:14px 32px 14px 32px;margin:15px 0px 0px 0px;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:24px;color:#FFFFFF;fill:#FFFFFF;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox:hover .elementskit-btn{background-color:#FFFFFF;color:#CC292B;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox{padding:030px 30px 50px 30px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F7F7F7;border-radius:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 23px 0px;padding:0px 0px 0px 0px;color:#0B1E39;font-family:"Archivo", Sans-serif;font-size:23px;font-weight:500;line-height:26px;letter-spacing:-0.2px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox .box-body > p{color:#666666;font-family:"Archivo", Sans-serif;font-size:14px;font-weight:400;line-height:24px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 30px 0px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);width:115px;line-height:26px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-infobox .elementkit-infobox-icon{line-height:26px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-btn i{margin-right:5px;}.elementor-10 .elementor-element.elementor-element-8681b7f .elementskit-btn svg{margin-right:5px;}.elementor-10 .elementor-element.elementor-element-17fbbaf{--display:flex;}.elementor-10 .elementor-element.elementor-element-064497f.ekit-equal-height-enable,
					.elementor-10 .elementor-element.elementor-element-064497f.ekit-equal-height-enable > div,
					.elementor-10 .elementor-element.elementor-element-064497f.ekit-equal-height-enable .ekit-wid-con,
					.elementor-10 .elementor-element.elementor-element-064497f.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox:hover{background-color:#CC292B;border-style:solid;border-width:2px 2px 2px 2px;border-color:#141F72;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-btn{background-color:#CC292B;padding:14px 32px 14px 32px;margin:15px 0px 0px 0px;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;line-height:24px;color:#FFFFFF;fill:#FFFFFF;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox:hover .elementskit-btn{background-color:#FFFFFF;color:#CC292B;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox{padding:030px 30px 50px 30px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F7F7F7;border-radius:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 23px 0px;padding:0px 0px 0px 0px;color:#0B1E39;font-family:"Archivo", Sans-serif;font-size:23px;font-weight:500;line-height:26px;letter-spacing:-0.2px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox .box-body > p{color:#666666;font-family:"Archivo", Sans-serif;font-size:14px;font-weight:400;line-height:24px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox:hover .box-body > p{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 30px 0px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);width:115px;line-height:26px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-infobox .elementkit-infobox-icon{line-height:26px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-btn i{margin-right:5px;}.elementor-10 .elementor-element.elementor-element-064497f .elementskit-btn svg{margin-right:5px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-6d33ffe{--width:36%;}.elementor-10 .elementor-element.elementor-element-c2471ae{--width:66.6666%;}.elementor-10 .elementor-element.elementor-element-07bd517{--width:92%;}.elementor-10 .elementor-element.elementor-element-1744af0{--width:50%;}.elementor-10 .elementor-element.elementor-element-d937937{--width:50%;}.elementor-10 .elementor-element.elementor-element-ea83ec9{--width:50%;}.elementor-10 .elementor-element.elementor-element-e74e465{--width:50%;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-b0a8a12{--e-n-carousel-swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-665b2ad{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-f448895{--min-height:100vh;}.elementor-10 .elementor-element.elementor-element-88fd3d7{--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-b048335{text-align:center;}.elementor-10 .elementor-element.elementor-element-b048335 .elementor-heading-title{font-size:35px;}.elementor-10 .elementor-element.elementor-element-cebc3cc{text-align:center;}.elementor-10 .elementor-element.elementor-element-cebc3cc .elementor-heading-title{font-size:35px;}.elementor-10 .elementor-element.elementor-element-418a912{margin:-250px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-418a912 img{max-width:100%;}.elementor-10 .elementor-element.elementor-element-8522243 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-b0a8a12{--e-n-carousel-swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-8f9d5c2 img{max-width:58%;}.elementor-10 .elementor-element.elementor-element-2ca447d .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-d39e2a8 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-665b2ad{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10 .elementor-element.elementor-element-4df8bcf .elementor-heading-title{font-size:22px;}.elementor-10 .elementor-element.elementor-element-d030701 .elementor-heading-title{font-size:26px;}.elementor-10 .elementor-element.elementor-element-630d699 .elementor-heading-title{font-size:22px;}.elementor-10 .elementor-element.elementor-element-179a286 .elementor-heading-title{font-size:26px;}}/* Start custom CSS for html, class: .elementor-element-618f2ce *//* styles.css - rounded cards layout for Elementor */
:root{
  --bg1: #f3eefc;
  --bg2: #dfeef0;
  --card-bg: #ffffff;
  --shadow: 0 8px 20px rgba(22,22,64,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
  --radius: 26px;
  --gap: 28px;
}

* { box-sizing: border-box; }


/* Section centering and soft gradient glow like the reference */
.cards-section{
  padding: 48px 18px;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* container to hold cards */
.cards-wrap{
  display:flex;
  gap:var(--gap);
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  max-width:1200px;
  width:100%;
  padding: 12px;
}
.card-link,
.card-link:hover,
.card-link:focus,
.card-link:active {
  text-decoration: none !important;
  color: inherit !important;
}


/* individual card */
.card{
  background:transparent;
  border-radius:var(--radius);
  width: 190px;               /* change to taste */
  min-width: 160px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .28s ease, box-shadow .28s ease;
  cursor:pointer;
  flex: 0 1 auto;
  margin: 10px;
}

/* inner white rounded box with shadow */
.card-inner{
  background: var(--card-bg);
  box-shadow: var(--shadow);
  border-radius: calc(var(--radius) - 6px);
  width:100%;
  height:100%;
  padding: 30px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 18px;
  min-height:170px;
  transition: transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s ease;
}

/* icon inside card */
.card{
  background:transparent;
  border-radius:var(--radius);
  width: 190px;
  min-width: 160px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .28s ease, box-shadow .28s ease;
  cursor:pointer;
  flex: 0 1 auto;
  margin: 0; /* 🔥 REMOVE spacing */
}

/* caption */
.caption{
  margin:0;
  font-size:13px;
  color:#111217;
  text-align:center;
  font-weight:600;
  letter-spacing:0.2px;
}
:root{
  --gap: 16px; /* pehle 28px tha */
}

/* hover / focus states */
.card:hover .card-inner,
.card:focus-within .card-inner{
  transform: translateY(-8px);
  box-shadow: 0 50px 40px rgba(20,28,60,0.12);
}
.card:hover img,
.card:focus-within img{
  transform: translateY(-4px) scale(1.04);
}

/* responsive adjustments */
@media (max-width: 900px){
  .card { width: 30%; min-width: 160px; }
  .card-inner { padding: 24px; min-height:150px; }
}

@media (max-width: 640px){
  .cards-wrap{ gap:16px; }
  .card { width: 100%; max-width:420px; }
  .card-inner { padding: 22px; min-height:140px; }
  .caption { font-size:14px; }
}
/* ===============================
   Learn More Hover Overlay
================================ */

/* Make card-inner a positioning context */
.card-inner{
  position: relative;
  overflow: hidden;
}

/* Overlay */
.card-inner::after{
  content: "Learn More";
  position: absolute;
  inset: 0;
  background: rgba(17, 18, 23, 0.65);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 6px);
  opacity: 0;
  transition: opacity .35s ease, transform .35s ease;
  transform: translateY(6px);
}

/* Show on hover */
.card:hover .card-inner::after,
.card:focus-within .card-inner::after{
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cebc3cc */.elementor-10 .elementor-element.elementor-element-cebc3cc {
  font-size: 64px;
  font-weight: 800;
  line-height: 1.2;
  font-family: Poppins, Inter, sans-serif;

  background: linear-gradient(
    90deg,
    #e53935 0%,
    #c628a6 45%,
    #5e35b1 75%,
    #3949ab 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (max-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-cebc3cc {
    font-size: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f448895 */.elementor-10 .elementor-element.elementor-element-f448895 {
    /* Base White Background */
    background-color: #ffffff;

    /* Red (#bd1315) aur Grey (#6b6c6d) ka mix */
    background-image: 
        radial-gradient(at 20% 20%, #bd1315 0%, transparent 55%), 
        radial-gradient(at 80% 80%, #6b6c6d 0%, transparent 55%);
    
    /* Thoda soft blend karne ke liye */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-418a912 *//* Image ID = #shape */

#image1 {
  display: inline-block;
  animation: shapeFloat 4s ease-in-out infinite;
  will-change: transform;
}

/* Up–Down Effect */
@keyframes shapeFloat {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }  /* upar jayegi */
  100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8522243 */.elementor-10 .elementor-element.elementor-element-8522243 {
  font-size: 64px;
  font-weight: 800;
  line-height: 1.2;
  font-family: Poppins, Inter, sans-serif;

  background: linear-gradient(
    90deg,
    #e53935 0%,
    #c628a6 45%,
    #5e35b1 75%,
    #3949ab 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (max-width: 768px) {
  .elementor-10 .elementor-element.elementor-element-8522243 {
    font-size: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae444bd */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    width: 250px !important;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 200px!important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649da6d */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
    webkit-border-horizontal-spacing: ;
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b4ae8f */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ca0f52 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb53a5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1484c41 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43f6df4 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf3ad80 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd733f5 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f99d8 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2a9efc */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e790ac */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dd24e */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  width: 90px;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86ffb65 */.brand-card {
  text-decoration: none !important;
  display: inline-block;
}

.brand-inner {
  height: 300px;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.brand-inner img {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.brand-title {
  margin-top: 20px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
}

.hover-layer {
  position: absolute;
  inset: 0;
  background: rgba(150,150,150,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.hover-layer span {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* Hover Effects */
.brand-inner:hover .hover-layer {
  opacity: 1;
}

.brand-inner:hover img {
  opacity: 0.25;
  transform: scale(1.05);
}

.brand-inner:hover {
  transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b0a8a12 */svg.e-font-icon-svg.e-eicon-chevron-left {
    margin-left: -40px;
}

svg.e-font-icon-svg.e-eicon-chevron-right{
    margin-right: -50px;
}/* End custom CSS */