.elementor-312 .elementor-element.elementor-element-cc4285a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-cc4285a:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-cc4285a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/hero_bg_full.png");}.elementor-312 .elementor-element.elementor-element-7c54a44{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-7c54a44:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-7c54a44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/HERO.png");background-position:top center;background-repeat:no-repeat;}.elementor-312 .elementor-element.elementor-element-c38381c{--display:flex;--min-height:640px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:180px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9cf5e2a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9cf5e2a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-312 .elementor-element.elementor-element-cbaaad6{--spacer-size:245px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-312 .elementor-element.elementor-element-0386af8 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-20044fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-20044fd:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-20044fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/bg2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-312 .elementor-element.elementor-element-0b2d75e{--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-312 .elementor-element.elementor-element-22e038b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-51ac393{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-312 .elementor-element.elementor-element-c8f2b1c img{width:100%;height:340px;object-fit:cover;object-position:center center;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-312 .elementor-element.elementor-element-1d42a3d{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-d8bde70{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-d8bde70.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-d8bde70 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-9bbbefc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-4cb9c90 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-312 .elementor-element.elementor-element-14884f4 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-14884f4 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-14884f4 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-14884f4.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-14884f4 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-14884f4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b87f85d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-fa12845{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-aa10250 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-5794b35{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-93f9b18{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-93f9b18.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-93f9b18 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-03e5cb4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-52ac003 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c60b770 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-c60b770 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-c60b770 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c60b770{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-c60b770.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-c60b770 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-c60b770 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b2d8807{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-08e3820{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-7d82859 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-014fc2e{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9379781{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-9379781.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-9379781 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-7dac0a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-a54ac07 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-262c940 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-262c940 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-262c940 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-262c940.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-262c940 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-262c940 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c364237{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9cdd715{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-2f543b9 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-09e03f1{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-183fc59{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-183fc59.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-183fc59 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-a392837{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-057be0f .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-89a7d19 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-89a7d19 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-89a7d19 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-89a7d19.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-89a7d19 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-89a7d19 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-79a6d6b{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-79a6d6b :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-11436db );border-radius:4px 4px 4px 4px;padding:5px 5px 5px 5px;}.elementor-312 .elementor-element.elementor-element-af0ad98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-af0ad98:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-af0ad98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/hero_bg_full_180.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-312 .elementor-element.elementor-element-5d50a8d{text-align:center;}.elementor-312 .elementor-element.elementor-element-5d50a8d .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-12ac2cb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-fb804d2{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-fb804d2:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-fb804d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-dfd9bc2{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-6c5a8ef{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-6c5a8ef.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-6c5a8ef .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-6121e51{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-6121e51.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-6121e51 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-2fcf914{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f2f21c6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-dc453a5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-dc453a5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4136006 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-4136006 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-4136006 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4136006{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-4136006.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-4136006 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-4136006 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4844f01{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-4844f01:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-4844f01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-f3295cf{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1ed57ed{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-1ed57ed.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-1ed57ed .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-a7dabff{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-a7dabff.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-a7dabff .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-616316a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-e9ae242 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-d2674c9{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-d2674c9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-140615e .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-140615e .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-140615e .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-140615e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-140615e.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-140615e .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-140615e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-20ca98e{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-20ca98e:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-20ca98e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-a3a58eb{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-e814233{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-e814233.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-e814233 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-2af13cb{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-2af13cb.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-2af13cb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b563b33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-466328f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f948225{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-f948225 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-36be350 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-36be350 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-36be350 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-36be350{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-36be350.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-36be350 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-36be350 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-20c15c6{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-20c15c6:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-20c15c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-462f6e3{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-8a1c484{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-8a1c484.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-8a1c484 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-c9fcc05{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-c9fcc05.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-c9fcc05 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-46cb7b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1aeef04 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-925ca38{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-925ca38 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3fea681 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-3fea681 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-3fea681 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3fea681{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-3fea681.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-3fea681 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-3fea681 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8c0d65d{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-8c0d65d:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-8c0d65d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-5b1462f{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-e4adade{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-e4adade.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-e4adade .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-a68a626{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-a68a626.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-a68a626 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-46936f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-93d3d12 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-6a72b39{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-6a72b39 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b406e3b .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-b406e3b .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-b406e3b .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b406e3b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-b406e3b.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-b406e3b .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-b406e3b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-640a855{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-640a855:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-640a855 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-d64eb1e{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-7ebda77{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-7ebda77.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-7ebda77 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-df62b01{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-df62b01.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-df62b01 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a95ba86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1085294 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-214e7c5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-214e7c5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-dd2d5f6 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-dd2d5f6 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-dd2d5f6 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-dd2d5f6{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-dd2d5f6.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-dd2d5f6 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-dd2d5f6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-919b9c3{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-919b9c3:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-919b9c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-e33134f{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-73456df{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-73456df.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-73456df .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-d440056{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-d440056.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-d440056 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-82d05eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-d37c8fb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a0ab87a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-a0ab87a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-32874eb .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-32874eb .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-32874eb .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-32874eb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-32874eb.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-32874eb .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-32874eb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-bddb620{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-bddb620:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-bddb620 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-4f5dc84{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-5e66318{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-5e66318.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-5e66318 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-bfe3ec6{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-bfe3ec6.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-bfe3ec6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a4825e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-c311c1b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8374634{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-8374634 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0030398 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-0030398 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-0030398 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0030398{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-0030398.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-0030398 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-0030398 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-43d11f5{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-43d11f5:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-43d11f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-57873c6{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-7f33ab4{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-7f33ab4.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-7f33ab4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-73cb470{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-73cb470.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-73cb470 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-7e406f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-533ae17 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f4d1adc{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-f4d1adc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f0fd169 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-f0fd169 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-f0fd169 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f0fd169{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-f0fd169.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-f0fd169 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-f0fd169 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-295118d{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-295118d:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-295118d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-625cd47{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-b03f1cd{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-b03f1cd.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-b03f1cd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-3246887{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-3246887.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-3246887 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-2d5e9b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-ac58256 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3a7abd7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-3a7abd7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-6b5b473 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-6b5b473 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-6b5b473 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-6b5b473{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-6b5b473.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-6b5b473 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-6b5b473 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-71b8cf6{--display:grid;--min-height:295px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-71b8cf6:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-71b8cf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/DISCORD.png");background-position:center center;background-repeat:no-repeat;}.elementor-312 .elementor-element.elementor-element-71b8cf6.e-con{--align-self:center;}.elementor-312 .elementor-element.elementor-element-039cba8 img{width:100%;}.elementor-312 .elementor-element.elementor-element-8cebd3f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-312 .elementor-element.elementor-element-4f630b7 img{width:100%;}.elementor-312 .elementor-element.elementor-element-004c815{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-004c815:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-004c815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/bg2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-312 .elementor-element.elementor-element-ef91ac2{--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-312 .elementor-element.elementor-element-09e9a74{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-91821c4{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f8666ee img{width:100%;height:340px;object-fit:cover;object-position:center center;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-312 .elementor-element.elementor-element-a69c678{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f0bb168{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-f0bb168.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-f0bb168 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-709e777{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-08de42a .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a3fce20 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-a3fce20 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-a3fce20 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a3fce20.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-a3fce20 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-a3fce20 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a809ee5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-ae6fe18{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-54cea09 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-f1b53cd{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f4f3312{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-f4f3312.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-f4f3312 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-f37e221{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-5a377ab .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f2c10d0 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-f2c10d0 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-f2c10d0 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f2c10d0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-f2c10d0.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-f2c10d0 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-f2c10d0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-40b4db2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-484fdc0{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-90421ec img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-6130538{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-4fb674f{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-4fb674f.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-4fb674f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-c9f271c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-26eabd3 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-7653044 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-7653044 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-7653044 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-7653044.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-7653044 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-7653044 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0783556{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-90cfce0{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-2692e14 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-bb773cc{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9998b8d{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-9998b8d.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-9998b8d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-04132a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-dbaffed .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-07f241a .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-07f241a .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-07f241a .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-07f241a.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-07f241a .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-07f241a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-561e513{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-561e513 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-11436db );border-radius:4px 4px 4px 4px;padding:5px 5px 5px 5px;}.elementor-312 .elementor-element.elementor-element-3c80b73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-3c80b73:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-3c80b73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/hero_bg_full_180.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-312 .elementor-element.elementor-element-df5ca08{text-align:center;}.elementor-312 .elementor-element.elementor-element-df5ca08 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-544f349{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-aaf7275{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-aaf7275:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-aaf7275 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-212e59d{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-84894d9{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-84894d9.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-84894d9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-e7670ca{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-e7670ca.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-e7670ca .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1323bba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-46cce80 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c376a4d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-c376a4d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-43e4a58 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-43e4a58 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-43e4a58 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-43e4a58{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-43e4a58.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-43e4a58 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-43e4a58 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-e450cb4{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-e450cb4:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-e450cb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-ebc4aff{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9b8823f{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-9b8823f.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-9b8823f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-bd697e9{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-bd697e9.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-bd697e9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b67334e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9bf14cc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8d1d2c5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-8d1d2c5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-80e06ee .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-80e06ee .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-80e06ee .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-80e06ee{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-80e06ee.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-80e06ee .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-80e06ee .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3a424f6{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3a424f6:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-3a424f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-c23fde0{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-cac334a{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-cac334a.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-cac334a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-5c8a97a{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-5c8a97a.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-5c8a97a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-14fe730{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-8ecda99 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c1effc6{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-c1effc6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-54f16eb .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-54f16eb .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-54f16eb .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-54f16eb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-54f16eb.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-54f16eb .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-54f16eb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-55e01f8{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-55e01f8:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-55e01f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-3bc8ba7{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-a3fb57a{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-a3fb57a.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-a3fb57a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-c6971a9{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-c6971a9.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-c6971a9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4d3ec6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-007332f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-02cd076{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-02cd076 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-ad53bc5 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-ad53bc5 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-ad53bc5 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-ad53bc5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-ad53bc5.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-ad53bc5 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-ad53bc5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b1e7fda{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-b1e7fda:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-b1e7fda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-6cb65ce{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-c74e75d{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-c74e75d.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-c74e75d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-ecdd36d{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-ecdd36d.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-ecdd36d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b9eb9d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3917823 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1d069e4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-1d069e4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8abac0d .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-8abac0d .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-8abac0d .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8abac0d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-8abac0d.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-8abac0d .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-8abac0d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-111d38c{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-111d38c:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-111d38c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-d45125a{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-cb7d83b{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-cb7d83b.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-cb7d83b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-ea4c78c{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-ea4c78c.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-ea4c78c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c821092{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-b177637 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-447e1eb{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-447e1eb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-048c392 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-048c392 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-048c392 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-048c392{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-048c392.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-048c392 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-048c392 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1e12934{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1e12934:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-1e12934 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-207be3f{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-7704db5{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-7704db5.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-7704db5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-3957200{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-3957200.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-3957200 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0cb2567{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-846450f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-d21d9f5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-d21d9f5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0a19175 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-0a19175 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-0a19175 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0a19175{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-0a19175.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-0a19175 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-0a19175 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-6b67d9a{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-6b67d9a:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-6b67d9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-d0b3231{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-14e42d6{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-14e42d6.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-14e42d6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-edb5f1f{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-edb5f1f.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-edb5f1f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0161ca8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-ce702a9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-24a33d9{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-24a33d9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8d10d87 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-8d10d87 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-8d10d87 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8d10d87{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-8d10d87.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-8d10d87 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-8d10d87 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-d9188ed{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-d9188ed:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-d9188ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-268defb{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-2a2a9aa{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-2a2a9aa.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-2a2a9aa .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-3c160ab{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-3c160ab.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-3c160ab .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-62d2075{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-8daa8f2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-795f869{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-795f869 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3ff6835 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-3ff6835 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-3ff6835 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3ff6835{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-3ff6835.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-3ff6835 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-3ff6835 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-d55bf4e{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-d55bf4e:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-d55bf4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-4050416{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-79052b6{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-79052b6.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-79052b6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-fcda6bf{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-fcda6bf.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-fcda6bf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-771b662{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f718630 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-753aa3f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-753aa3f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1b22ea3 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-1b22ea3 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-1b22ea3 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1b22ea3{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-1b22ea3.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-1b22ea3 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-1b22ea3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-af3ff9d{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-af3ff9d:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-af3ff9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-68269f8{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-a337fe4{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-a337fe4.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-a337fe4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-c2225c1{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-c2225c1.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-c2225c1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4a0bb0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-23a54f2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-7000174{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-7000174 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-16abf9a .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-16abf9a .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-16abf9a .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-16abf9a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-16abf9a.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-16abf9a .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-16abf9a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-8cb0d9a{--display:grid;--min-height:295px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-8cb0d9a:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-8cb0d9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/DISCORD.png");background-position:center center;background-repeat:no-repeat;}.elementor-312 .elementor-element.elementor-element-8cb0d9a.e-con{--align-self:center;}.elementor-312 .elementor-element.elementor-element-8c3e6c3 img{width:100%;}.elementor-312 .elementor-element.elementor-element-87ea8d2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-312 .elementor-element.elementor-element-bb95206 img{width:100%;}.elementor-312 .elementor-element.elementor-element-fe3b8a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-fe3b8a0:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-fe3b8a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/bg2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-312 .elementor-element.elementor-element-a82c6ac{--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-312 .elementor-element.elementor-element-dfc885c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-cd75163{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-b7c7357 img{width:100%;height:340px;object-fit:cover;object-position:center center;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-312 .elementor-element.elementor-element-22c6586{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f3c772f{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-f3c772f.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-f3c772f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-ad0a9d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-95ca9bb .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-088f904 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-088f904 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-088f904 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-088f904.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-088f904 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-088f904 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-af6aea6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-4dd2afb{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-dd26067 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-6cd6f73{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-b676f24{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-b676f24.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-b676f24 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-b383a63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-bec13f7 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-37bbc4a .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-37bbc4a .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-37bbc4a .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-37bbc4a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-37bbc4a.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-37bbc4a .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-37bbc4a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4eabb17{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-54688a8{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-67664ec img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-691b00f{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-49c3948{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-49c3948.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-49c3948 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-cc64935{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-bbce32b .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0998683 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-0998683 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-0998683 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0998683.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-0998683 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-0998683 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f36cf8c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-04563a1{--display:flex;--min-height:340px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3c933db img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-312 .elementor-element.elementor-element-35b283f{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-794bc30{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-794bc30.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-794bc30 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-55daf7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-0f867a9 .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-bba4e22 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-bba4e22 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-bba4e22 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-bba4e22.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-bba4e22 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-bba4e22 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3369010{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3369010 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-11436db );border-radius:4px 4px 4px 4px;padding:5px 5px 5px 5px;}.elementor-312 .elementor-element.elementor-element-e1b0d61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-312 .elementor-element.elementor-element-e1b0d61:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-e1b0d61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/hero_bg_full_180.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-312 .elementor-element.elementor-element-5b2ba8c{text-align:center;}.elementor-312 .elementor-element.elementor-element-5b2ba8c .elementor-heading-title{font-family:"Varsity-Impact-Bold", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-c193b26{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-d6af34e{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-d6af34e:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-d6af34e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-cfd7668{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-5198aef{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-5198aef.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-5198aef .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-05505b4{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-05505b4.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-05505b4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b9181a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-429a7ee .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-05cd6b0{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-05cd6b0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0f4af35 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-0f4af35 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-0f4af35 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0f4af35{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-0f4af35.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-0f4af35 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-0f4af35 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3c20c35{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3c20c35:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-3c20c35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-afcd890{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-fa459dc{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-fa459dc.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-fa459dc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-e7ee6ef{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-e7ee6ef.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-e7ee6ef .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-17a1abc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-af1cdd0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-d7eab37{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-d7eab37 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a077dae .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-a077dae .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-a077dae .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a077dae{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-a077dae.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-a077dae .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-a077dae .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-509c3cf{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-509c3cf:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-509c3cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-329112f{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-ed4bb19{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-ed4bb19.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-ed4bb19 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-4236777{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-4236777.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-4236777 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-ade9f65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-0e40f54 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-5cc1f9f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-5cc1f9f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a3c51c4 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-a3c51c4 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-a3c51c4 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-a3c51c4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-a3c51c4.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-a3c51c4 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-a3c51c4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-640cf03{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-640cf03:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-640cf03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-140b3ee{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-19036ce{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-19036ce.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-19036ce .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-14c1875{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-14c1875.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-14c1875 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-bbac9b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-dd8658a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-6b8ac2d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-6b8ac2d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-50aa7e7 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-50aa7e7 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-50aa7e7 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-50aa7e7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-50aa7e7.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-50aa7e7 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-50aa7e7 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b08326a{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-b08326a:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-b08326a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-48cad3e{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1363b9f{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-1363b9f.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-1363b9f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-12911f0{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-12911f0.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-12911f0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0b8ef25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-8bb6e94 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-417f41a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-417f41a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b23bf3f .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-b23bf3f .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-b23bf3f .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-b23bf3f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-b23bf3f.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-b23bf3f .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-b23bf3f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-ac68307{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-ac68307:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-ac68307 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-972ad04{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-edbfff4{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-edbfff4.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-edbfff4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-12748bf{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-12748bf.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-12748bf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-93ed7d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9611511 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-e71aac8{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-e71aac8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0850297 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-0850297 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-0850297 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-0850297{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-0850297.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-0850297 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-0850297 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f036aea{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f036aea:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-f036aea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-6f59fb3{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-2fe1e8e{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-2fe1e8e.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-2fe1e8e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-fe156a0{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-fe156a0.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-fe156a0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-892a167{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1a59470 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-245f2f5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-245f2f5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-19b2a86 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-19b2a86 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-19b2a86 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-19b2a86{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-19b2a86.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-19b2a86 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-19b2a86 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1bcf2e4{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-1bcf2e4:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-1bcf2e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-82d198f{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3d60665{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-3d60665.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-3d60665 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-4437d5d{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-4437d5d.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-4437d5d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-f71ad12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-db89e85 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-2b5c566{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-2b5c566 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1d55859 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-1d55859 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-1d55859 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-1d55859{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-1d55859.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-1d55859 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-1d55859 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-ead8b01{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-ead8b01:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-ead8b01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-66ac303{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-0b14ca8{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-0b14ca8.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-0b14ca8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-b4bf427{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-b4bf427.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-b4bf427 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-27f5217{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f75a951 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-62079e3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-62079e3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-5b1acb9 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-5b1acb9 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-5b1acb9 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-5b1acb9{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-5b1acb9.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-5b1acb9 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-5b1acb9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-7e11fae{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-7e11fae:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-7e11fae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-9b9e850{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-088aa43{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-088aa43.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-088aa43 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-5c1a86a{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-5c1a86a.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-5c1a86a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3eb88bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-17e5609 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-65a0176{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-65a0176 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4077e26 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-4077e26 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-4077e26 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-4077e26{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-4077e26.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-4077e26 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-4077e26 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-068fbea{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-068fbea:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-068fbea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/event_bg.png");}.elementor-312 .elementor-element.elementor-element-71edf8a{--display:flex;--min-height:260px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-77ce3cd{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-77ce3cd.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-77ce3cd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-312 .elementor-element.elementor-element-8d5bd0a{background-color:var( --e-global-color-11436db );padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-312 .elementor-element.elementor-element-8d5bd0a.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-8d5bd0a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-12fe7df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3e73948 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-22762c2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-22762c2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-61331f0 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-312 .elementor-element.elementor-element-61331f0 .elementor-button:hover, .elementor-312 .elementor-element.elementor-element-61331f0 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-61331f0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-312 .elementor-element.elementor-element-61331f0.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-312 .elementor-element.elementor-element-61331f0 .elementor-button:hover svg, .elementor-312 .elementor-element.elementor-element-61331f0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-312 .elementor-element.elementor-element-3828292{--display:grid;--min-height:295px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-3828292:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-3828292 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/DISCORD.png");background-position:center center;background-repeat:no-repeat;}.elementor-312 .elementor-element.elementor-element-3828292.e-con{--align-self:center;}.elementor-312 .elementor-element.elementor-element-9704ff4 img{width:100%;}.elementor-312 .elementor-element.elementor-element-13944a1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-312 .elementor-element.elementor-element-84e5dbc img{width:100%;}.elementor-312 .elementor-element.elementor-element-885ab6f{--spacer-size:28px;}body.elementor-page-312:not(.elementor-motion-effects-element-type-background), body.elementor-page-312 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-443e57f );}@media(min-width:768px){.elementor-312 .elementor-element.elementor-element-7c54a44{--width:100%;}.elementor-312 .elementor-element.elementor-element-9cf5e2a{--width:100%;}.elementor-312 .elementor-element.elementor-element-0b2d75e{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-af0ad98{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-71b8cf6{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-ef91ac2{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-3c80b73{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-8cb0d9a{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-a82c6ac{--content-width:1400px;}.elementor-312 .elementor-element.elementor-element-e1b0d61{--content-width:1400px;}}@media(max-width:1024px){.elementor-312 .elementor-element.elementor-element-cbaaad6{--spacer-size:37px;}.elementor-312 .elementor-element.elementor-element-0b2d75e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-79a6d6b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-312 .elementor-element.elementor-element-12ac2cb{--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-71b8cf6{--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-561e513{--e-n-carousel-swiper-slides-to-display:2;}.elementor-312 .elementor-element.elementor-element-544f349{--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-8cb0d9a{--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-3369010{--e-n-carousel-swiper-slides-to-display:2;}.elementor-312 .elementor-element.elementor-element-c193b26{--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-3828292{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-312 .elementor-element.elementor-element-0386af8 .elementor-heading-title{font-size:22px;}.elementor-312 .elementor-element.elementor-element-20044fd{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-9bbbefc{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-03e5cb4{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-c60b770{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-312 .elementor-element.elementor-element-7dac0a1{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-a392837{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-79a6d6b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-312 .elementor-element.elementor-element-5d50a8d .elementor-heading-title{font-size:22px;}.elementor-312 .elementor-element.elementor-element-12ac2cb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-2fcf914{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-616316a{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-b563b33{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-46cb7b1{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-46936f0{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-a95ba86{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-82d05eb{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-a4825e7{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-7e406f1{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-2d5e9b6{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-71b8cf6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-004c815{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-709e777{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-f37e221{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-f2c10d0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-312 .elementor-element.elementor-element-c9f271c{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-04132a9{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-561e513{--e-n-carousel-swiper-slides-to-display:1;}.elementor-312 .elementor-element.elementor-element-df5ca08 .elementor-heading-title{font-size:22px;}.elementor-312 .elementor-element.elementor-element-544f349{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-1323bba{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-b67334e{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-14fe730{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-4d3ec6b{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-b9eb9d1{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-c821092{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-0cb2567{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-0161ca8{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-62d2075{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-771b662{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-4a0bb0a{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-8cb0d9a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-312 .elementor-element.elementor-element-fe3b8a0{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-ad0a9d9{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-b383a63{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-37bbc4a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-312 .elementor-element.elementor-element-cc64935{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-55daf7d{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-3369010{--e-n-carousel-swiper-slides-to-display:1;}.elementor-312 .elementor-element.elementor-element-5b2ba8c .elementor-heading-title{font-size:22px;}.elementor-312 .elementor-element.elementor-element-c193b26{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-b9181a0{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-17a1abc{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-ade9f65{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-bbac9b8{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-0b8ef25{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-93ed7d8{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-892a167{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-f71ad12{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-27f5217{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-3eb88bb{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-12fe7df{--justify-content:space-between;}.elementor-312 .elementor-element.elementor-element-3828292{--min-height:280px;--grid-auto-flow:row;--padding-top:080px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-312 .elementor-element.elementor-element-9704ff4{width:100%;max-width:100%;text-align:start;}.elementor-312 .elementor-element.elementor-element-9704ff4 img{width:22%;}.elementor-312 .elementor-element.elementor-element-84e5dbc{width:100%;max-width:100%;text-align:end;}.elementor-312 .elementor-element.elementor-element-84e5dbc img{width:22%;}}/* Start custom CSS for image, class: .elementor-element-c8f2b1c */.elementor-312 .elementor-element.elementor-element-c8f2b1c {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-c8f2b1c::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d42a3d */.elementor-312 .elementor-element.elementor-element-1d42a3d {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ac393 */.elementor-312 .elementor-element.elementor-element-51ac393 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-51ac393 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa10250 */.elementor-312 .elementor-element.elementor-element-aa10250 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-aa10250::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5794b35 */.elementor-312 .elementor-element.elementor-element-5794b35 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa12845 */.elementor-312 .elementor-element.elementor-element-fa12845 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-fa12845 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d82859 */.elementor-312 .elementor-element.elementor-element-7d82859 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-7d82859::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-014fc2e */.elementor-312 .elementor-element.elementor-element-014fc2e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08e3820 */.elementor-312 .elementor-element.elementor-element-08e3820 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-08e3820 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f543b9 */.elementor-312 .elementor-element.elementor-element-2f543b9 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2f543b9::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e03f1 */.elementor-312 .elementor-element.elementor-element-09e03f1 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cdd715 */.elementor-312 .elementor-element.elementor-element-9cdd715 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-9cdd715 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c8f2b1c */.elementor-312 .elementor-element.elementor-element-c8f2b1c {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-c8f2b1c::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d42a3d */.elementor-312 .elementor-element.elementor-element-1d42a3d {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ac393 */.elementor-312 .elementor-element.elementor-element-51ac393 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-51ac393 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa10250 */.elementor-312 .elementor-element.elementor-element-aa10250 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-aa10250::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5794b35 */.elementor-312 .elementor-element.elementor-element-5794b35 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa12845 */.elementor-312 .elementor-element.elementor-element-fa12845 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-fa12845 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d82859 */.elementor-312 .elementor-element.elementor-element-7d82859 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-7d82859::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-014fc2e */.elementor-312 .elementor-element.elementor-element-014fc2e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08e3820 */.elementor-312 .elementor-element.elementor-element-08e3820 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-08e3820 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f543b9 */.elementor-312 .elementor-element.elementor-element-2f543b9 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2f543b9::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e03f1 */.elementor-312 .elementor-element.elementor-element-09e03f1 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cdd715 */.elementor-312 .elementor-element.elementor-element-9cdd715 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-9cdd715 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c8f2b1c */.elementor-312 .elementor-element.elementor-element-c8f2b1c {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-c8f2b1c::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d42a3d */.elementor-312 .elementor-element.elementor-element-1d42a3d {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ac393 */.elementor-312 .elementor-element.elementor-element-51ac393 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-51ac393 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa10250 */.elementor-312 .elementor-element.elementor-element-aa10250 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-aa10250::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5794b35 */.elementor-312 .elementor-element.elementor-element-5794b35 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa12845 */.elementor-312 .elementor-element.elementor-element-fa12845 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-fa12845 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d82859 */.elementor-312 .elementor-element.elementor-element-7d82859 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-7d82859::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-014fc2e */.elementor-312 .elementor-element.elementor-element-014fc2e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08e3820 */.elementor-312 .elementor-element.elementor-element-08e3820 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-08e3820 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f543b9 */.elementor-312 .elementor-element.elementor-element-2f543b9 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2f543b9::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e03f1 */.elementor-312 .elementor-element.elementor-element-09e03f1 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cdd715 */.elementor-312 .elementor-element.elementor-element-9cdd715 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-9cdd715 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c8f2b1c */.elementor-312 .elementor-element.elementor-element-c8f2b1c {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-c8f2b1c::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d42a3d */.elementor-312 .elementor-element.elementor-element-1d42a3d {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ac393 */.elementor-312 .elementor-element.elementor-element-51ac393 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-51ac393 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa10250 */.elementor-312 .elementor-element.elementor-element-aa10250 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-aa10250::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5794b35 */.elementor-312 .elementor-element.elementor-element-5794b35 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa12845 */.elementor-312 .elementor-element.elementor-element-fa12845 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-fa12845 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d82859 */.elementor-312 .elementor-element.elementor-element-7d82859 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-7d82859::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-014fc2e */.elementor-312 .elementor-element.elementor-element-014fc2e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08e3820 */.elementor-312 .elementor-element.elementor-element-08e3820 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-08e3820 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f543b9 */.elementor-312 .elementor-element.elementor-element-2f543b9 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2f543b9::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e03f1 */.elementor-312 .elementor-element.elementor-element-09e03f1 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cdd715 */.elementor-312 .elementor-element.elementor-element-9cdd715 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-9cdd715 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c8f2b1c */.elementor-312 .elementor-element.elementor-element-c8f2b1c {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-c8f2b1c::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d42a3d */.elementor-312 .elementor-element.elementor-element-1d42a3d {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51ac393 */.elementor-312 .elementor-element.elementor-element-51ac393 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-51ac393 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-51ac393 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-51ac393 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-51ac393:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa10250 */.elementor-312 .elementor-element.elementor-element-aa10250 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-aa10250::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5794b35 */.elementor-312 .elementor-element.elementor-element-5794b35 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa12845 */.elementor-312 .elementor-element.elementor-element-fa12845 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-fa12845 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-fa12845 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-fa12845 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-fa12845:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7d82859 */.elementor-312 .elementor-element.elementor-element-7d82859 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-7d82859::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-014fc2e */.elementor-312 .elementor-element.elementor-element-014fc2e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08e3820 */.elementor-312 .elementor-element.elementor-element-08e3820 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-08e3820 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-08e3820 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-08e3820 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-08e3820:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f543b9 */.elementor-312 .elementor-element.elementor-element-2f543b9 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2f543b9::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e03f1 */.elementor-312 .elementor-element.elementor-element-09e03f1 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cdd715 */.elementor-312 .elementor-element.elementor-element-9cdd715 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-9cdd715 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-9cdd715 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-9cdd715 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-9cdd715:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-79a6d6b *//* 1. STILIZARE GENERALĂ CARD (Valabilă peste tot) */
.card-eveniment {
    border-radius: 12px;
    background-color: #111;
    transition: all 0.3s ease;
    height: 100%;
}

/* Efect de strălucire discret pe margini pentru cardul 2 (Valorant) */
.elementor-312 .elementor-element.elementor-element-79a6d6b .swiper-slide:nth-child(2) .card-eveniment {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 2. CONFIGURARE DOAR PENTRU DESKTOP (Min-width: 1025px) */
@media (min-width: 1025px) {
    /* Permitem umbrelor să iasă din container */
    .elementor-312 .elementor-element.elementor-element-79a6d6b, 
    .elementor-312 .elementor-element.elementor-element-79a6d6b .elementor-widget-container,
    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper {
        overflow: visible !important;
    }

    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        gap: 20px;
        transform: none !important; /* Dezactivăm mutarea sliderului pe desktop pentru a păstra layout-ul fix */
    }

    /* Resetăm lățimea slide-urilor native */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper-slide {
        margin: 0 !important; 
    }

    /* Cardul 2 (VALORANT) - MAI MARE */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper-slide:nth-child(2) {
        flex: 0 0 34% !important;
    }

    /* Restul cardurilor - MAI MICI */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper-slide:not(:nth-child(2)) {
        flex: 0 0 20% !important;
    }
    
    /* Ascundem săgețile pe desktop dacă nu vrei să se facă slide */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .elementor-swiper-button {
        display: none !important;
    }
}

/* 3. ADAPTARE PENTRU MOBILE & TABLETĂ (Max-width: 1024px) */
@media (max-width: 1024px) {
    /* Resetăm overflow-ul pentru a funcționa caruselul normal */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper {
        overflow: hidden !important;
    }

    /* Săgeți poziționate în interiorul caruselului */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .elementor-swiper-button-prev {
        left: 10px !important;
        z-index: 10;
    }

    .elementor-312 .elementor-element.elementor-element-79a6d6b .elementor-swiper-button-next {
        right: 10px !important;
        z-index: 10;
    }
    
    /* Ne asigurăm că slide-urile ocupă toată lățimea setată în widget */
    .elementor-312 .elementor-element.elementor-element-79a6d6b .swiper-slide {
        flex: 0 0 100% !important; /* Sau lățimea setată din setările Elementor */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9bc2 */.elementor-312 .elementor-element.elementor-element-dfd9bc2 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb804d2 */.elementor-312 .elementor-element.elementor-element-fb804d2 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3295cf */.elementor-312 .elementor-element.elementor-element-f3295cf {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4844f01 */.elementor-312 .elementor-element.elementor-element-4844f01 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3a58eb */.elementor-312 .elementor-element.elementor-element-a3a58eb {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20ca98e */.elementor-312 .elementor-element.elementor-element-20ca98e {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-462f6e3 */.elementor-312 .elementor-element.elementor-element-462f6e3 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20c15c6 */.elementor-312 .elementor-element.elementor-element-20c15c6 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1462f */.elementor-312 .elementor-element.elementor-element-5b1462f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c0d65d */.elementor-312 .elementor-element.elementor-element-8c0d65d {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d64eb1e */.elementor-312 .elementor-element.elementor-element-d64eb1e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-640a855 */.elementor-312 .elementor-element.elementor-element-640a855 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e33134f */.elementor-312 .elementor-element.elementor-element-e33134f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-919b9c3 */.elementor-312 .elementor-element.elementor-element-919b9c3 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5dc84 */.elementor-312 .elementor-element.elementor-element-4f5dc84 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bddb620 */.elementor-312 .elementor-element.elementor-element-bddb620 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57873c6 */.elementor-312 .elementor-element.elementor-element-57873c6 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43d11f5 */.elementor-312 .elementor-element.elementor-element-43d11f5 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-625cd47 */.elementor-312 .elementor-element.elementor-element-625cd47 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-295118d */.elementor-312 .elementor-element.elementor-element-295118d {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12ac2cb */.elementor-312 .elementor-element.elementor-element-12ac2cb {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-039cba8 */.elementor-312 .elementor-element.elementor-element-039cba8 {
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f630b7 */.elementor-312 .elementor-element.elementor-element-4f630b7 {
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71b8cf6 */.elementor-312 .elementor-element.elementor-element-71b8cf6 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8666ee */.elementor-312 .elementor-element.elementor-element-f8666ee {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-f8666ee::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a69c678 */.elementor-312 .elementor-element.elementor-element-a69c678 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91821c4 */.elementor-312 .elementor-element.elementor-element-91821c4 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-91821c4 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e9a74 */.elementor-312 .elementor-element.elementor-element-09e9a74 {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54cea09 */.elementor-312 .elementor-element.elementor-element-54cea09 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-54cea09::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b53cd */.elementor-312 .elementor-element.elementor-element-f1b53cd {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae6fe18 */.elementor-312 .elementor-element.elementor-element-ae6fe18 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a809ee5 */.elementor-312 .elementor-element.elementor-element-a809ee5 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90421ec */.elementor-312 .elementor-element.elementor-element-90421ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-90421ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6130538 */.elementor-312 .elementor-element.elementor-element-6130538 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-484fdc0 */.elementor-312 .elementor-element.elementor-element-484fdc0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-484fdc0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b4db2 */.elementor-312 .elementor-element.elementor-element-40b4db2 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2692e14 */.elementor-312 .elementor-element.elementor-element-2692e14 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2692e14::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb773cc */.elementor-312 .elementor-element.elementor-element-bb773cc {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90cfce0 */.elementor-312 .elementor-element.elementor-element-90cfce0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-90cfce0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0783556 */.elementor-312 .elementor-element.elementor-element-0783556 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8666ee */.elementor-312 .elementor-element.elementor-element-f8666ee {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-f8666ee::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a69c678 */.elementor-312 .elementor-element.elementor-element-a69c678 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91821c4 */.elementor-312 .elementor-element.elementor-element-91821c4 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-91821c4 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e9a74 */.elementor-312 .elementor-element.elementor-element-09e9a74 {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54cea09 */.elementor-312 .elementor-element.elementor-element-54cea09 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-54cea09::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b53cd */.elementor-312 .elementor-element.elementor-element-f1b53cd {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae6fe18 */.elementor-312 .elementor-element.elementor-element-ae6fe18 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a809ee5 */.elementor-312 .elementor-element.elementor-element-a809ee5 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90421ec */.elementor-312 .elementor-element.elementor-element-90421ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-90421ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6130538 */.elementor-312 .elementor-element.elementor-element-6130538 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-484fdc0 */.elementor-312 .elementor-element.elementor-element-484fdc0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-484fdc0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b4db2 */.elementor-312 .elementor-element.elementor-element-40b4db2 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2692e14 */.elementor-312 .elementor-element.elementor-element-2692e14 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2692e14::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb773cc */.elementor-312 .elementor-element.elementor-element-bb773cc {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90cfce0 */.elementor-312 .elementor-element.elementor-element-90cfce0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-90cfce0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0783556 */.elementor-312 .elementor-element.elementor-element-0783556 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8666ee */.elementor-312 .elementor-element.elementor-element-f8666ee {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-f8666ee::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a69c678 */.elementor-312 .elementor-element.elementor-element-a69c678 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91821c4 */.elementor-312 .elementor-element.elementor-element-91821c4 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-91821c4 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e9a74 */.elementor-312 .elementor-element.elementor-element-09e9a74 {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54cea09 */.elementor-312 .elementor-element.elementor-element-54cea09 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-54cea09::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b53cd */.elementor-312 .elementor-element.elementor-element-f1b53cd {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae6fe18 */.elementor-312 .elementor-element.elementor-element-ae6fe18 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a809ee5 */.elementor-312 .elementor-element.elementor-element-a809ee5 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90421ec */.elementor-312 .elementor-element.elementor-element-90421ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-90421ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6130538 */.elementor-312 .elementor-element.elementor-element-6130538 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-484fdc0 */.elementor-312 .elementor-element.elementor-element-484fdc0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-484fdc0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b4db2 */.elementor-312 .elementor-element.elementor-element-40b4db2 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2692e14 */.elementor-312 .elementor-element.elementor-element-2692e14 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2692e14::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb773cc */.elementor-312 .elementor-element.elementor-element-bb773cc {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90cfce0 */.elementor-312 .elementor-element.elementor-element-90cfce0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-90cfce0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0783556 */.elementor-312 .elementor-element.elementor-element-0783556 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8666ee */.elementor-312 .elementor-element.elementor-element-f8666ee {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-f8666ee::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a69c678 */.elementor-312 .elementor-element.elementor-element-a69c678 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91821c4 */.elementor-312 .elementor-element.elementor-element-91821c4 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-91821c4 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e9a74 */.elementor-312 .elementor-element.elementor-element-09e9a74 {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54cea09 */.elementor-312 .elementor-element.elementor-element-54cea09 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-54cea09::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b53cd */.elementor-312 .elementor-element.elementor-element-f1b53cd {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae6fe18 */.elementor-312 .elementor-element.elementor-element-ae6fe18 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a809ee5 */.elementor-312 .elementor-element.elementor-element-a809ee5 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90421ec */.elementor-312 .elementor-element.elementor-element-90421ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-90421ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6130538 */.elementor-312 .elementor-element.elementor-element-6130538 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-484fdc0 */.elementor-312 .elementor-element.elementor-element-484fdc0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-484fdc0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b4db2 */.elementor-312 .elementor-element.elementor-element-40b4db2 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2692e14 */.elementor-312 .elementor-element.elementor-element-2692e14 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2692e14::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb773cc */.elementor-312 .elementor-element.elementor-element-bb773cc {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90cfce0 */.elementor-312 .elementor-element.elementor-element-90cfce0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-90cfce0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0783556 */.elementor-312 .elementor-element.elementor-element-0783556 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f8666ee */.elementor-312 .elementor-element.elementor-element-f8666ee {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-f8666ee::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a69c678 */.elementor-312 .elementor-element.elementor-element-a69c678 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91821c4 */.elementor-312 .elementor-element.elementor-element-91821c4 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-91821c4 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-91821c4 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-91821c4 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-91821c4:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09e9a74 */.elementor-312 .elementor-element.elementor-element-09e9a74 {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54cea09 */.elementor-312 .elementor-element.elementor-element-54cea09 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-54cea09::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b53cd */.elementor-312 .elementor-element.elementor-element-f1b53cd {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae6fe18 */.elementor-312 .elementor-element.elementor-element-ae6fe18 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-ae6fe18 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-ae6fe18:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a809ee5 */.elementor-312 .elementor-element.elementor-element-a809ee5 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90421ec */.elementor-312 .elementor-element.elementor-element-90421ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-90421ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6130538 */.elementor-312 .elementor-element.elementor-element-6130538 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-484fdc0 */.elementor-312 .elementor-element.elementor-element-484fdc0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-484fdc0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-484fdc0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-484fdc0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-484fdc0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b4db2 */.elementor-312 .elementor-element.elementor-element-40b4db2 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2692e14 */.elementor-312 .elementor-element.elementor-element-2692e14 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-2692e14::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb773cc */.elementor-312 .elementor-element.elementor-element-bb773cc {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90cfce0 */.elementor-312 .elementor-element.elementor-element-90cfce0 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-90cfce0 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-90cfce0 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-90cfce0 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-90cfce0:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0783556 */.elementor-312 .elementor-element.elementor-element-0783556 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-561e513 *//* 1. STILIZARE GENERALĂ CARD (Valabilă peste tot) */
.card-eveniment {
    border-radius: 12px;
    background-color: #111;
    transition: all 0.3s ease;
    height: 100%;
}

/* Efect de strălucire discret pe margini pentru cardul 2 (Valorant) */
.elementor-312 .elementor-element.elementor-element-561e513 .swiper-slide:nth-child(2) .card-eveniment {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 2. CONFIGURARE DOAR PENTRU DESKTOP (Min-width: 1025px) */
@media (min-width: 1025px) {
    /* Permitem umbrelor să iasă din container */
    .elementor-312 .elementor-element.elementor-element-561e513, 
    .elementor-312 .elementor-element.elementor-element-561e513 .elementor-widget-container,
    .elementor-312 .elementor-element.elementor-element-561e513 .swiper {
        overflow: visible !important;
    }

    .elementor-312 .elementor-element.elementor-element-561e513 .swiper-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        gap: 20px;
        transform: none !important; /* Dezactivăm mutarea sliderului pe desktop pentru a păstra layout-ul fix */
    }

    /* Resetăm lățimea slide-urilor native */
    .elementor-312 .elementor-element.elementor-element-561e513 .swiper-slide {
        margin: 0 !important; 
    }

    /* Cardul 2 (VALORANT) - MAI MARE */
    .elementor-312 .elementor-element.elementor-element-561e513 .swiper-slide:nth-child(2) {
        flex: 0 0 34% !important;
    }

    /* Restul cardurilor - MAI MICI */
    .elementor-312 .elementor-element.elementor-element-561e513 .swiper-slide:not(:nth-child(2)) {
        flex: 0 0 20% !important;
    }
    
    /* Ascundem săgețile pe desktop dacă nu vrei să se facă slide */
    .elementor-312 .elementor-element.elementor-element-561e513 .elementor-swiper-button {
        display: none !important;
    }
}

/* 3. ADAPTARE PENTRU MOBILE & TABLETĂ (Max-width: 1024px) */
@media (max-width: 1024px) {
    /* Resetăm overflow-ul pentru a funcționa caruselul normal */
    .elementor-312 .elementor-element.elementor-element-561e513 .swiper {
        overflow: hidden !important;
    }

    /* Săgeți poziționate în interiorul caruselului */
    .elementor-312 .elementor-element.elementor-element-561e513 .elementor-swiper-button-prev {
        left: 10px !important;
        z-index: 10;
    }

    .elementor-312 .elementor-element.elementor-element-561e513 .elementor-swiper-button-next {
        right: 10px !important;
        z-index: 10;
    }
    
    /* Ne asigurăm că slide-urile ocupă toată lățimea setată în widget */
    .elementor-312 .elementor-element.elementor-element-561e513 .swiper-slide {
        flex: 0 0 100% !important; /* Sau lățimea setată din setările Elementor */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-212e59d */.elementor-312 .elementor-element.elementor-element-212e59d {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aaf7275 */.elementor-312 .elementor-element.elementor-element-aaf7275 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebc4aff */.elementor-312 .elementor-element.elementor-element-ebc4aff {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e450cb4 */.elementor-312 .elementor-element.elementor-element-e450cb4 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c23fde0 */.elementor-312 .elementor-element.elementor-element-c23fde0 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a424f6 */.elementor-312 .elementor-element.elementor-element-3a424f6 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bc8ba7 */.elementor-312 .elementor-element.elementor-element-3bc8ba7 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55e01f8 */.elementor-312 .elementor-element.elementor-element-55e01f8 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb65ce */.elementor-312 .elementor-element.elementor-element-6cb65ce {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1e7fda */.elementor-312 .elementor-element.elementor-element-b1e7fda {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d45125a */.elementor-312 .elementor-element.elementor-element-d45125a {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-111d38c */.elementor-312 .elementor-element.elementor-element-111d38c {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-207be3f */.elementor-312 .elementor-element.elementor-element-207be3f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e12934 */.elementor-312 .elementor-element.elementor-element-1e12934 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0b3231 */.elementor-312 .elementor-element.elementor-element-d0b3231 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b67d9a */.elementor-312 .elementor-element.elementor-element-6b67d9a {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-268defb */.elementor-312 .elementor-element.elementor-element-268defb {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9188ed */.elementor-312 .elementor-element.elementor-element-d9188ed {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4050416 */.elementor-312 .elementor-element.elementor-element-4050416 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d55bf4e */.elementor-312 .elementor-element.elementor-element-d55bf4e {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68269f8 */.elementor-312 .elementor-element.elementor-element-68269f8 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af3ff9d */.elementor-312 .elementor-element.elementor-element-af3ff9d {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-544f349 */.elementor-312 .elementor-element.elementor-element-544f349 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c3e6c3 */.elementor-312 .elementor-element.elementor-element-8c3e6c3 {
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb95206 */.elementor-312 .elementor-element.elementor-element-bb95206 {
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8cb0d9a */.elementor-312 .elementor-element.elementor-element-8cb0d9a {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b7c7357 */.elementor-312 .elementor-element.elementor-element-b7c7357 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-b7c7357::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22c6586 */.elementor-312 .elementor-element.elementor-element-22c6586 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd75163 */.elementor-312 .elementor-element.elementor-element-cd75163 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-cd75163 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfc885c */.elementor-312 .elementor-element.elementor-element-dfc885c {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dd26067 */.elementor-312 .elementor-element.elementor-element-dd26067 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-dd26067::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cd6f73 */.elementor-312 .elementor-element.elementor-element-6cd6f73 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dd2afb */.elementor-312 .elementor-element.elementor-element-4dd2afb {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-4dd2afb .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af6aea6 */.elementor-312 .elementor-element.elementor-element-af6aea6 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67664ec */.elementor-312 .elementor-element.elementor-element-67664ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-67664ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-691b00f */.elementor-312 .elementor-element.elementor-element-691b00f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54688a8 */.elementor-312 .elementor-element.elementor-element-54688a8 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-54688a8 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eabb17 */.elementor-312 .elementor-element.elementor-element-4eabb17 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c933db */.elementor-312 .elementor-element.elementor-element-3c933db {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-3c933db::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35b283f */.elementor-312 .elementor-element.elementor-element-35b283f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04563a1 */.elementor-312 .elementor-element.elementor-element-04563a1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-04563a1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f36cf8c */.elementor-312 .elementor-element.elementor-element-f36cf8c {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b7c7357 */.elementor-312 .elementor-element.elementor-element-b7c7357 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-b7c7357::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22c6586 */.elementor-312 .elementor-element.elementor-element-22c6586 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd75163 */.elementor-312 .elementor-element.elementor-element-cd75163 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-cd75163 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfc885c */.elementor-312 .elementor-element.elementor-element-dfc885c {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dd26067 */.elementor-312 .elementor-element.elementor-element-dd26067 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-dd26067::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cd6f73 */.elementor-312 .elementor-element.elementor-element-6cd6f73 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dd2afb */.elementor-312 .elementor-element.elementor-element-4dd2afb {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-4dd2afb .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af6aea6 */.elementor-312 .elementor-element.elementor-element-af6aea6 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67664ec */.elementor-312 .elementor-element.elementor-element-67664ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-67664ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-691b00f */.elementor-312 .elementor-element.elementor-element-691b00f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54688a8 */.elementor-312 .elementor-element.elementor-element-54688a8 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-54688a8 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eabb17 */.elementor-312 .elementor-element.elementor-element-4eabb17 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c933db */.elementor-312 .elementor-element.elementor-element-3c933db {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-3c933db::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35b283f */.elementor-312 .elementor-element.elementor-element-35b283f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04563a1 */.elementor-312 .elementor-element.elementor-element-04563a1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-04563a1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f36cf8c */.elementor-312 .elementor-element.elementor-element-f36cf8c {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b7c7357 */.elementor-312 .elementor-element.elementor-element-b7c7357 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-b7c7357::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22c6586 */.elementor-312 .elementor-element.elementor-element-22c6586 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd75163 */.elementor-312 .elementor-element.elementor-element-cd75163 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-cd75163 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfc885c */.elementor-312 .elementor-element.elementor-element-dfc885c {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dd26067 */.elementor-312 .elementor-element.elementor-element-dd26067 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-dd26067::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cd6f73 */.elementor-312 .elementor-element.elementor-element-6cd6f73 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dd2afb */.elementor-312 .elementor-element.elementor-element-4dd2afb {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-4dd2afb .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af6aea6 */.elementor-312 .elementor-element.elementor-element-af6aea6 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67664ec */.elementor-312 .elementor-element.elementor-element-67664ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-67664ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-691b00f */.elementor-312 .elementor-element.elementor-element-691b00f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54688a8 */.elementor-312 .elementor-element.elementor-element-54688a8 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-54688a8 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eabb17 */.elementor-312 .elementor-element.elementor-element-4eabb17 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c933db */.elementor-312 .elementor-element.elementor-element-3c933db {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-3c933db::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35b283f */.elementor-312 .elementor-element.elementor-element-35b283f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04563a1 */.elementor-312 .elementor-element.elementor-element-04563a1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-04563a1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f36cf8c */.elementor-312 .elementor-element.elementor-element-f36cf8c {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b7c7357 */.elementor-312 .elementor-element.elementor-element-b7c7357 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-b7c7357::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22c6586 */.elementor-312 .elementor-element.elementor-element-22c6586 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd75163 */.elementor-312 .elementor-element.elementor-element-cd75163 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-cd75163 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfc885c */.elementor-312 .elementor-element.elementor-element-dfc885c {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dd26067 */.elementor-312 .elementor-element.elementor-element-dd26067 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-dd26067::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cd6f73 */.elementor-312 .elementor-element.elementor-element-6cd6f73 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dd2afb */.elementor-312 .elementor-element.elementor-element-4dd2afb {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-4dd2afb .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af6aea6 */.elementor-312 .elementor-element.elementor-element-af6aea6 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67664ec */.elementor-312 .elementor-element.elementor-element-67664ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-67664ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-691b00f */.elementor-312 .elementor-element.elementor-element-691b00f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54688a8 */.elementor-312 .elementor-element.elementor-element-54688a8 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-54688a8 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eabb17 */.elementor-312 .elementor-element.elementor-element-4eabb17 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c933db */.elementor-312 .elementor-element.elementor-element-3c933db {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-3c933db::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35b283f */.elementor-312 .elementor-element.elementor-element-35b283f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04563a1 */.elementor-312 .elementor-element.elementor-element-04563a1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-04563a1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f36cf8c */.elementor-312 .elementor-element.elementor-element-f36cf8c {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b7c7357 */.elementor-312 .elementor-element.elementor-element-b7c7357 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-b7c7357::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22c6586 */.elementor-312 .elementor-element.elementor-element-22c6586 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd75163 */.elementor-312 .elementor-element.elementor-element-cd75163 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-cd75163 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-cd75163 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-cd75163 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-cd75163:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfc885c */.elementor-312 .elementor-element.elementor-element-dfc885c {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dd26067 */.elementor-312 .elementor-element.elementor-element-dd26067 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-dd26067::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cd6f73 */.elementor-312 .elementor-element.elementor-element-6cd6f73 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dd2afb */.elementor-312 .elementor-element.elementor-element-4dd2afb {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-4dd2afb .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-4dd2afb .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-4dd2afb .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-4dd2afb:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af6aea6 */.elementor-312 .elementor-element.elementor-element-af6aea6 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-67664ec */.elementor-312 .elementor-element.elementor-element-67664ec {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-67664ec::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-691b00f */.elementor-312 .elementor-element.elementor-element-691b00f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54688a8 */.elementor-312 .elementor-element.elementor-element-54688a8 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-54688a8 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-54688a8 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-54688a8 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-54688a8:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eabb17 */.elementor-312 .elementor-element.elementor-element-4eabb17 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c933db */.elementor-312 .elementor-element.elementor-element-3c933db {
    position: absolute;
    left:0;
    top:0;
}

.elementor-312 .elementor-element.elementor-element-3c933db::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35b283f */.elementor-312 .elementor-element.elementor-element-35b283f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04563a1 */.elementor-312 .elementor-element.elementor-element-04563a1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-312 .elementor-element.elementor-element-04563a1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-312 .elementor-element.elementor-element-04563a1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-312 .elementor-element.elementor-element-04563a1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-312 .elementor-element.elementor-element-04563a1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f36cf8c */.elementor-312 .elementor-element.elementor-element-f36cf8c {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3369010 *//* 1. STILIZARE GENERALĂ CARD (Valabilă peste tot) */
.card-eveniment {
    border-radius: 12px;
    background-color: #111;
    transition: all 0.3s ease;
    height: 100%;
}

/* Efect de strălucire discret pe margini pentru cardul 2 (Valorant) */
.elementor-312 .elementor-element.elementor-element-3369010 .swiper-slide:nth-child(2) .card-eveniment {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 2. CONFIGURARE DOAR PENTRU DESKTOP (Min-width: 1025px) */
@media (min-width: 1025px) {
    /* Permitem umbrelor să iasă din container */
    .elementor-312 .elementor-element.elementor-element-3369010, 
    .elementor-312 .elementor-element.elementor-element-3369010 .elementor-widget-container,
    .elementor-312 .elementor-element.elementor-element-3369010 .swiper {
        overflow: visible !important;
    }

    .elementor-312 .elementor-element.elementor-element-3369010 .swiper-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        gap: 20px;
        transform: none !important; /* Dezactivăm mutarea sliderului pe desktop pentru a păstra layout-ul fix */
    }

    /* Resetăm lățimea slide-urilor native */
    .elementor-312 .elementor-element.elementor-element-3369010 .swiper-slide {
        margin: 0 !important; 
    }

    /* Cardul 2 (VALORANT) - MAI MARE */
    .elementor-312 .elementor-element.elementor-element-3369010 .swiper-slide:nth-child(2) {
        flex: 0 0 34% !important;
    }

    /* Restul cardurilor - MAI MICI */
    .elementor-312 .elementor-element.elementor-element-3369010 .swiper-slide:not(:nth-child(2)) {
        flex: 0 0 20% !important;
    }
    
    /* Ascundem săgețile pe desktop dacă nu vrei să se facă slide */
    .elementor-312 .elementor-element.elementor-element-3369010 .elementor-swiper-button {
        display: none !important;
    }
}

/* 3. ADAPTARE PENTRU MOBILE & TABLETĂ (Max-width: 1024px) */
@media (max-width: 1024px) {
    /* Resetăm overflow-ul pentru a funcționa caruselul normal */
    .elementor-312 .elementor-element.elementor-element-3369010 .swiper {
        overflow: hidden !important;
    }

    /* Săgeți poziționate în interiorul caruselului */
    .elementor-312 .elementor-element.elementor-element-3369010 .elementor-swiper-button-prev {
        left: 10px !important;
        z-index: 10;
    }

    .elementor-312 .elementor-element.elementor-element-3369010 .elementor-swiper-button-next {
        right: 10px !important;
        z-index: 10;
    }
    
    /* Ne asigurăm că slide-urile ocupă toată lățimea setată în widget */
    .elementor-312 .elementor-element.elementor-element-3369010 .swiper-slide {
        flex: 0 0 100% !important; /* Sau lățimea setată din setările Elementor */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfd7668 */.elementor-312 .elementor-element.elementor-element-cfd7668 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6af34e */.elementor-312 .elementor-element.elementor-element-d6af34e {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afcd890 */.elementor-312 .elementor-element.elementor-element-afcd890 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c20c35 */.elementor-312 .elementor-element.elementor-element-3c20c35 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-329112f */.elementor-312 .elementor-element.elementor-element-329112f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-509c3cf */.elementor-312 .elementor-element.elementor-element-509c3cf {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-140b3ee */.elementor-312 .elementor-element.elementor-element-140b3ee {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-640cf03 */.elementor-312 .elementor-element.elementor-element-640cf03 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48cad3e */.elementor-312 .elementor-element.elementor-element-48cad3e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b08326a */.elementor-312 .elementor-element.elementor-element-b08326a {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-972ad04 */.elementor-312 .elementor-element.elementor-element-972ad04 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac68307 */.elementor-312 .elementor-element.elementor-element-ac68307 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f59fb3 */.elementor-312 .elementor-element.elementor-element-6f59fb3 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f036aea */.elementor-312 .elementor-element.elementor-element-f036aea {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82d198f */.elementor-312 .elementor-element.elementor-element-82d198f {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bcf2e4 */.elementor-312 .elementor-element.elementor-element-1bcf2e4 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66ac303 */.elementor-312 .elementor-element.elementor-element-66ac303 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ead8b01 */.elementor-312 .elementor-element.elementor-element-ead8b01 {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b9e850 */.elementor-312 .elementor-element.elementor-element-9b9e850 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e11fae */.elementor-312 .elementor-element.elementor-element-7e11fae {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71edf8a */.elementor-312 .elementor-element.elementor-element-71edf8a {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-068fbea */.elementor-312 .elementor-element.elementor-element-068fbea {
     box-shadow: 0px 0px 20px 5px rgba(7, 12, 16, 0.8);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c193b26 */.elementor-312 .elementor-element.elementor-element-c193b26 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9704ff4 */.elementor-312 .elementor-element.elementor-element-9704ff4 {
    position: absolute;
    top:50%;
    left:20px;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-84e5dbc */.elementor-312 .elementor-element.elementor-element-84e5dbc {
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3828292 */.elementor-312 .elementor-element.elementor-element-3828292 {
    position: relative;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Varsity-Impact-Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://highschoolheroes.ro/wp-content/uploads/2026/03/Varsity-Impact-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'Varsity-Impact-Bold';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://highschoolheroes.ro/wp-content/uploads/2026/03/Varsity-Impact-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Varsity-Impact-Bold';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://highschoolheroes.ro/wp-content/uploads/2026/03/Varsity-Impact-Extrabold.ttf') format('truetype');
}
/* End Custom Fonts CSS */