.elementor-3119 .elementor-element.elementor-element-291e350{--display:flex;--min-height:100vh;--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:center;--align-items:center;--overlay-opacity:0.44;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-3119 .elementor-element.elementor-element-291e350::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .elementor-background-video-container::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .e-con-inner > .elementor-background-video-container::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .elementor-background-slideshow::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wafamanan.site/wp-content/uploads/2025/08/hero-bg-7.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-3119 .elementor-element.elementor-element-ad56fb7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 40px 0px;}.elementor-3119 .elementor-element.elementor-element-ad56fb7 .elementor-heading-title{font-family:"chemre", Sans-serif;font-size:45px;font-weight:400;line-height:50px;letter-spacing:1.5px;color:var( --e-global-color-secondary );}.elementor-3119 .elementor-element.elementor-element-ff1992f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-21d629a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-b42a713{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-5c1ec19{--grid-columns:5;}.elementor-3119 .elementor-element.elementor-element-5c1ec19 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3119 .elementor-element.elementor-element-5c1ec19 .e-loop-item > .elementor-section, .elementor-3119 .elementor-element.elementor-element-5c1ec19 .e-loop-item > .elementor-section > .elementor-container, .elementor-3119 .elementor-element.elementor-element-5c1ec19 .e-loop-item > .e-con, .elementor-3119 .elementor-element.elementor-element-5c1ec19 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button{background-color:transparent;font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;line-height:30px;word-spacing:3px;background-image:linear-gradient(90deg, #B90D60 0%, #730039 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;padding:4px 20px 4px 20px;}.elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button:hover, .elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #730039 0%, #B90D60 100%);}.elementor-3119 .elementor-element.elementor-element-83261ed{width:var( --container-widget-width, 177px );max-width:177px;--container-widget-width:177px;--container-widget-flex-grow:0;}.elementor-3119 .elementor-element.elementor-element-83261ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-83261ed.elementor-element{--align-self:flex-end;}.elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3119 .elementor-element.elementor-element-b62844d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-d2b7cdc{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-6a69221{--grid-columns:5;--load-more-button-align:end;}.elementor-3119 .elementor-element.elementor-element-6a69221 .elementor-button{background-color:transparent;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );background-image:linear-gradient(90deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-3119 .elementor-element.elementor-element-ac11aa2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-efb9165{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-3119 .elementor-element.elementor-element-efb9165 .elementor-heading-title{font-family:"chemre", Sans-serif;font-size:80px;font-weight:400;letter-spacing:1px;color:#B90D60;}.elementor-3119 .elementor-element.elementor-element-24c7bec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:800px;--z-index:5;}.elementor-3119 .elementor-element.elementor-element-c6bfae1{--display:flex;}.elementor-3119 .elementor-element.elementor-element-c224e24{--display:flex;}.elementor-3119 .elementor-element.elementor-element-041d3ec{--display:flex;}.elementor-3119 .elementor-element.elementor-element-813496f{--display:flex;}.elementor-3119 .elementor-element.elementor-element-9008467{--display:flex;}.elementor-3119 .elementor-element.elementor-element-e6f85d6{--display:flex;}.elementor-3119 .elementor-element.elementor-element-3a35272{--display:flex;}.elementor-3119 .elementor-element.elementor-element-02c87e2{--display:flex;}.elementor-3119 .elementor-element.elementor-element-2c165d9{--display:flex;}.elementor-3119 .elementor-element.elementor-element-59c4b93{--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;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:210px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-2591612 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-2591612.elementor-element{--align-self:flex-end;}.elementor-3119 .elementor-element.elementor-element-2591612{text-align:end;font-size:15px;color:#FFFFFFD9;}.elementor-3119 .elementor-element.elementor-element-2591612 p{margin-block-end:0px;}.elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button{background-color:transparent;font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;line-height:30px;word-spacing:3px;background-image:linear-gradient(90deg, #B90D60 0%, #730039 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;padding:8px 20px 8px 20px;}.elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button:hover, .elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #730039 0%, #B90D60 100%);}.elementor-3119 .elementor-element.elementor-element-5d36004{width:var( --container-widget-width, 213px );max-width:213px;--container-widget-width:213px;--container-widget-flex-grow:0;}.elementor-3119 .elementor-element.elementor-element-5d36004 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-5d36004.elementor-element{--order:99999 /* order end hack */;}.elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3119 .elementor-element.elementor-element-5746005{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-0fe4f20{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-3119 .elementor-element.elementor-element-0fe4f20 .elementor-heading-title{font-family:"chemre", Sans-serif;font-size:80px;font-weight:400;letter-spacing:1px;color:#B90D60;}.elementor-3119 .elementor-element.elementor-element-929d2b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:800px;--z-index:5;}.elementor-3119 .elementor-element.elementor-element-1404311{--display:flex;}.elementor-3119 .elementor-element.elementor-element-56ea7fa{--display:flex;}.elementor-3119 .elementor-element.elementor-element-31f8883{--display:flex;}.elementor-3119 .elementor-element.elementor-element-e259436{--display:flex;}.elementor-3119 .elementor-element.elementor-element-5bceab1{--display:flex;}.elementor-3119 .elementor-element.elementor-element-728e827{--display:flex;}.elementor-3119 .elementor-element.elementor-element-a95085c{--display:flex;}.elementor-3119 .elementor-element.elementor-element-4ccce72{--display:flex;}.elementor-3119 .elementor-element.elementor-element-b110b75{--display:flex;}.elementor-3119 .elementor-element.elementor-element-22698d7{--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;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:210px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-42a9fe9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-42a9fe9.elementor-element{--align-self:flex-end;}.elementor-3119 .elementor-element.elementor-element-42a9fe9{text-align:end;font-size:15px;color:#FFFFFFD9;}.elementor-3119 .elementor-element.elementor-element-42a9fe9 p{margin-block-end:0px;}.elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button{background-color:transparent;font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;line-height:30px;word-spacing:3px;background-image:linear-gradient(90deg, #B90D60 0%, #730039 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;padding:8px 20px 8px 20px;}.elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button:hover, .elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #730039 0%, #B90D60 100%);}.elementor-3119 .elementor-element.elementor-element-808fd9c{width:var( --container-widget-width, 213px );max-width:213px;--container-widget-width:213px;--container-widget-flex-grow:0;}.elementor-3119 .elementor-element.elementor-element-808fd9c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-808fd9c.elementor-element{--order:99999 /* order end hack */;}.elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3119 .elementor-element.elementor-element-a1dc9cc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-8467674{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-3119 .elementor-element.elementor-element-8467674 .elementor-heading-title{font-family:"chemre", Sans-serif;font-size:80px;font-weight:400;letter-spacing:1px;color:#B90D60;}.elementor-3119 .elementor-element.elementor-element-f693b1a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:800px;--z-index:5;}.elementor-3119 .elementor-element.elementor-element-cde6197{--display:flex;}.elementor-3119 .elementor-element.elementor-element-3fc58c0{--display:flex;}.elementor-3119 .elementor-element.elementor-element-81c364a{--display:flex;}.elementor-3119 .elementor-element.elementor-element-75d0fcb{--display:flex;}.elementor-3119 .elementor-element.elementor-element-a19799a{--display:flex;}.elementor-3119 .elementor-element.elementor-element-cd3e952{--display:flex;}.elementor-3119 .elementor-element.elementor-element-7d9f0f4{--display:flex;}.elementor-3119 .elementor-element.elementor-element-7e35202{--display:flex;}.elementor-3119 .elementor-element.elementor-element-327529c{--display:flex;}.elementor-3119 .elementor-element.elementor-element-9f476f5{--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;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:210px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-76449bd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-76449bd.elementor-element{--align-self:flex-end;}.elementor-3119 .elementor-element.elementor-element-76449bd{text-align:end;font-size:15px;color:#FFFFFFD9;}.elementor-3119 .elementor-element.elementor-element-76449bd p{margin-block-end:0px;}.elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button{background-color:transparent;font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;line-height:30px;word-spacing:3px;background-image:linear-gradient(90deg, #B90D60 0%, #730039 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;padding:8px 20px 8px 20px;}.elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button:hover, .elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #730039 0%, #B90D60 100%);}.elementor-3119 .elementor-element.elementor-element-8892f2c{width:var( --container-widget-width, 213px );max-width:213px;--container-widget-width:213px;--container-widget-flex-grow:0;}.elementor-3119 .elementor-element.elementor-element-8892f2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-8892f2c.elementor-element{--order:99999 /* order end hack */;}.elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3119 .elementor-element.elementor-element-885b1ae{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-b2f92f6{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-3119 .elementor-element.elementor-element-b2f92f6 .elementor-heading-title{font-family:"chemre", Sans-serif;font-size:20px;font-weight:400;line-height:30px;letter-spacing:1px;color:#B90D60;}.elementor-3119 .elementor-element.elementor-element-f2a07b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:800px;--z-index:5;}.elementor-3119 .elementor-element.elementor-element-31bd56e{--display:flex;}.elementor-3119 .elementor-element.elementor-element-44afeb0{--display:flex;}.elementor-3119 .elementor-element.elementor-element-1cb5208{--display:flex;}.elementor-3119 .elementor-element.elementor-element-828bae7{--display:flex;}.elementor-3119 .elementor-element.elementor-element-37785ed{--display:flex;}.elementor-3119 .elementor-element.elementor-element-41861d2{--display:flex;}.elementor-3119 .elementor-element.elementor-element-ee058e6{--display:flex;}.elementor-3119 .elementor-element.elementor-element-f9e2793{--display:flex;}.elementor-3119 .elementor-element.elementor-element-3f54ac2{--display:flex;}.elementor-3119 .elementor-element.elementor-element-db3927c{--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;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:210px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-fd62764 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-fd62764.elementor-element{--align-self:flex-end;}.elementor-3119 .elementor-element.elementor-element-fd62764{text-align:end;font-size:15px;color:#FFFFFFD9;}.elementor-3119 .elementor-element.elementor-element-fd62764 p{margin-block-end:0px;}.elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button{background-color:transparent;font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;line-height:30px;word-spacing:3px;background-image:linear-gradient(90deg, #B90D60 0%, #730039 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;padding:8px 20px 8px 20px;}.elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button:hover, .elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, #730039 0%, #B90D60 100%);}.elementor-3119 .elementor-element.elementor-element-ec06019{width:var( --container-widget-width, 213px );max-width:213px;--container-widget-width:213px;--container-widget-flex-grow:0;}.elementor-3119 .elementor-element.elementor-element-ec06019 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-ec06019.elementor-element{--order:99999 /* order end hack */;}.elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3119 .elementor-element.elementor-element-f890d3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-b325614{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-44cab41{--grid-columns:5;}.elementor-3119 .elementor-element.elementor-element-06a14fe{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-cc4ec31{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-20e667d{--grid-columns:5;}.elementor-3119 .elementor-element.elementor-element-0c1974b{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;z-index:10;--n-tabs-gap:100px;--n-tabs-title-border-radius:05px 05px 05px 05px;--n-tabs-title-padding-top:15px;--n-tabs-title-padding-right:040px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:040px;--n-tabs-title-color:#C6C6C6;--n-tabs-title-color-active:#FFFFFF;}.elementor-3119 .elementor-element.elementor-element-0c1974b > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#730039;background-color:transparent;background-image:linear-gradient(90deg, #730039 0%, var( --e-global-color-text ) 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );}.elementor-3119 .elementor-element.elementor-element-0c1974b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 1px 0px 0px;border-color:#FFFFFF00;}.elementor-3119 .elementor-element.elementor-element-0c1974b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#DFDFDF;}.elementor-3119 .elementor-element.elementor-element-6b063ff4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:800px;--z-index:5;}.elementor-3119 .elementor-element.elementor-element-3f1dfc51{--display:flex;}.elementor-3119 .elementor-element.elementor-element-3ea7de21{--display:flex;}.elementor-3119 .elementor-element.elementor-element-d8947cb{--display:flex;}.elementor-3119 .elementor-element.elementor-element-402dd74{--display:flex;}.elementor-3119 .elementor-element.elementor-element-d5d28ad{--display:flex;}.elementor-3119 .elementor-element.elementor-element-17193472{--display:flex;}.elementor-3119 .elementor-element.elementor-element-5e7aaa07{--display:flex;}.elementor-3119 .elementor-element.elementor-element-6d124f68{--display:flex;}.elementor-3119 .elementor-element.elementor-element-1ca8eaa8{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3119 .elementor-element.elementor-element-291e350{--content-width:1300px;}.elementor-3119 .elementor-element.elementor-element-59c4b93{--width:100%;}.elementor-3119 .elementor-element.elementor-element-22698d7{--width:100%;}.elementor-3119 .elementor-element.elementor-element-9f476f5{--width:100%;}.elementor-3119 .elementor-element.elementor-element-db3927c{--width:100%;}}@media(min-width:1025px){.elementor-3119 .elementor-element.elementor-element-291e350::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .elementor-background-video-container::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .e-con-inner > .elementor-background-video-container::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .elementor-background-slideshow::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3119 .elementor-element.elementor-element-291e350 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-3119 .elementor-element.elementor-element-291e350{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3119 .elementor-element.elementor-element-5c1ec19{--grid-columns:2;}.elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button{font-size:10px;}.elementor-3119 .elementor-element.elementor-element-6a69221{--grid-columns:2;}.elementor-3119 .elementor-element.elementor-element-ac11aa2{--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-59c4b93{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button{font-size:10px;}.elementor-3119 .elementor-element.elementor-element-5746005{--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-22698d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button{font-size:10px;}.elementor-3119 .elementor-element.elementor-element-a1dc9cc{--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-9f476f5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button{font-size:10px;}.elementor-3119 .elementor-element.elementor-element-885b1ae{--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-db3927c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button{font-size:10px;}.elementor-3119 .elementor-element.elementor-element-44cab41{--grid-columns:2;}.elementor-3119 .elementor-element.elementor-element-20e667d{--grid-columns:2;}.elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-width:0px 1px 0px 0px;}.elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-width:0px 0px 2px 0px;}}@media(max-width:767px){.elementor-3119 .elementor-element.elementor-element-291e350{--padding-top:50px;--padding-bottom:50px;--padding-left:015px;--padding-right:015px;}.elementor-3119 .elementor-element.elementor-element-ff1992f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-5c1ec19{--grid-columns:1;}.elementor-3119 .elementor-element.elementor-element-83261ed .elementor-button{font-size:14px;}.elementor-3119 .elementor-element.elementor-element-6a69221{--grid-columns:1;}.elementor-3119 .elementor-element.elementor-element-ac11aa2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-59c4b93{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-5d36004 .elementor-button{font-size:14px;}.elementor-3119 .elementor-element.elementor-element-5746005{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-22698d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-808fd9c .elementor-button{font-size:14px;}.elementor-3119 .elementor-element.elementor-element-a1dc9cc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-9f476f5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-8892f2c .elementor-button{font-size:14px;}.elementor-3119 .elementor-element.elementor-element-885b1ae{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3119 .elementor-element.elementor-element-db3927c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3119 .elementor-element.elementor-element-ec06019 .elementor-button{font-size:14px;}.elementor-3119 .elementor-element.elementor-element-44cab41{--grid-columns:1;}.elementor-3119 .elementor-element.elementor-element-20e667d{--grid-columns:1;}.elementor-3119 .elementor-element.elementor-element-0c1974b{--n-tabs-title-gap:20px;--n-tabs-title-border-radius:1px 1px 1px 1px;--n-tabs-title-padding-top:15px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:20px;}.elementor-3119 .elementor-element.elementor-element-0c1974b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-width:0px 0px 1px 0px;}}/* Start custom CSS for heading, class: .elementor-element-ad56fb7 */.elementor-3119 .elementor-element.elementor-element-ad56fb7{
    background: var(--new-final, linear-gradient(90deg, #730039 0.34%, #B90D60 28.03%, #B90D60 68.92%, #730039 90.34%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-83261ed *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c224e24 */.elementor-3119 .elementor-element.elementor-element-c224e24 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041d3ec */.elementor-3119 .elementor-element.elementor-element-041d3ec {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-813496f */.elementor-3119 .elementor-element.elementor-element-813496f {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9008467 */.elementor-3119 .elementor-element.elementor-element-9008467 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f85d6 */.elementor-3119 .elementor-element.elementor-element-e6f85d6 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35272 */.elementor-3119 .elementor-element.elementor-element-3a35272 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02c87e2 */.elementor-3119 .elementor-element.elementor-element-02c87e2 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c165d9 */.elementor-3119 .elementor-element.elementor-element-2c165d9 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6bfae1 */.elementor-3119 .elementor-element.elementor-element-c6bfae1 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24c7bec */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d36004 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56ea7fa */.elementor-3119 .elementor-element.elementor-element-56ea7fa {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31f8883 */.elementor-3119 .elementor-element.elementor-element-31f8883 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e259436 */.elementor-3119 .elementor-element.elementor-element-e259436 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bceab1 */.elementor-3119 .elementor-element.elementor-element-5bceab1 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-728e827 */.elementor-3119 .elementor-element.elementor-element-728e827 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95085c */.elementor-3119 .elementor-element.elementor-element-a95085c {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ccce72 */.elementor-3119 .elementor-element.elementor-element-4ccce72 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b110b75 */.elementor-3119 .elementor-element.elementor-element-b110b75 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1404311 */.elementor-3119 .elementor-element.elementor-element-1404311 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-929d2b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-808fd9c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc58c0 */.elementor-3119 .elementor-element.elementor-element-3fc58c0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81c364a */.elementor-3119 .elementor-element.elementor-element-81c364a {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75d0fcb */.elementor-3119 .elementor-element.elementor-element-75d0fcb {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a19799a */.elementor-3119 .elementor-element.elementor-element-a19799a {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd3e952 */.elementor-3119 .elementor-element.elementor-element-cd3e952 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d9f0f4 */.elementor-3119 .elementor-element.elementor-element-7d9f0f4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e35202 */.elementor-3119 .elementor-element.elementor-element-7e35202 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-327529c */.elementor-3119 .elementor-element.elementor-element-327529c {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cde6197 */.elementor-3119 .elementor-element.elementor-element-cde6197 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f693b1a */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8892f2c *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44afeb0 */.elementor-3119 .elementor-element.elementor-element-44afeb0 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb5208 */.elementor-3119 .elementor-element.elementor-element-1cb5208 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-828bae7 */.elementor-3119 .elementor-element.elementor-element-828bae7 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37785ed */.elementor-3119 .elementor-element.elementor-element-37785ed {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41861d2 */.elementor-3119 .elementor-element.elementor-element-41861d2 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee058e6 */.elementor-3119 .elementor-element.elementor-element-ee058e6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9e2793 */.elementor-3119 .elementor-element.elementor-element-f9e2793 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f54ac2 */.elementor-3119 .elementor-element.elementor-element-3f54ac2 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31bd56e */.elementor-3119 .elementor-element.elementor-element-31bd56e {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a07b9 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec06019 *//* Icon Styling */
.elementor-button-icon svg {
  height: 29px;
  width: 30px;
}

/* Icon Position and Animation */
.elementor-button-icon {
  transform: translateX(0);
  transition: transform 0.4s ease;
  margin-right: 8px;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7de21 */.elementor-3119 .elementor-element.elementor-element-3ea7de21 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8947cb */.elementor-3119 .elementor-element.elementor-element-d8947cb {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402dd74 */.elementor-3119 .elementor-element.elementor-element-402dd74 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5d28ad */.elementor-3119 .elementor-element.elementor-element-d5d28ad {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17193472 */.elementor-3119 .elementor-element.elementor-element-17193472 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e7aaa07 */.elementor-3119 .elementor-element.elementor-element-5e7aaa07 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d124f68 */.elementor-3119 .elementor-element.elementor-element-6d124f68 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ca8eaa8 */.elementor-3119 .elementor-element.elementor-element-1ca8eaa8 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f1dfc51 */.elementor-3119 .elementor-element.elementor-element-3f1dfc51 {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b063ff4 */.banner {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: ;
  perspective: 900px;              
  perspective-origin: 50% 40%;
}

/* ====== ROTATING RING ====== */
.banner .slider {
  position: absolute;
  width: 180px;
  height: 165px;
  top: 15%;
  left: 58%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  animation: autoRun 28s linear infinite;
  z-index: 2;
}

@keyframes autoRun {
  from { transform: translateX(-50%) rotateY(0deg); }
  to   { transform: translateX(-50%) rotateY(360deg); }
}

/* ====== CARDS ON THE RING ====== */
.banner .slider .item {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform:
    rotateY(calc((var(--position) - 1) * (360deg / var(--quantity))))
    translateZ(var(--radius, 240px));
}

/* ====== CARD CONTENT WITH REFLECTION ====== */
.banner .slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  backface-visibility: hidden;
  box-shadow: 0 30px 34px rgba(0,0,0,.45);

  /* Mirror reflection effect with gradient fade */
  -webkit-box-reflect: below -140px
    linear-gradient(to bottom, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 35%);
}


  /* Mirror reflection effect */
  -webkit-box-reflect: below 10px
    linear-gradient(transparent 0, rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%
    )/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'chemre';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wafamanan.site/wp-content/uploads/2025/06/Chemre-mLE4x.eot');
	src: url('https://wafamanan.site/wp-content/uploads/2025/06/Chemre-mLE4x.eot?#iefix') format('embedded-opentype'),
		url('https://wafamanan.site/wp-content/uploads/2025/06/Chemre-mLE4x.woff2') format('woff2'),
		url('https://wafamanan.site/wp-content/uploads/2025/06/Chemre-mLE4x.woff') format('woff'),
		url('https://wafamanan.site/wp-content/uploads/2025/06/Chemre-mLE4x.ttf') format('truetype'),
		url('https://wafamanan.site/wp-content/uploads/2025/06/Chemre-mLE4x.svg#chemre') format('svg');
}
/* End Custom Fonts CSS */