.elementor-1504 .elementor-element.elementor-element-fd62d7a{--display:flex;--min-height:100vh;--padding-top:0em;--padding-bottom:2.2em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-3344ea3{--display:flex;}.elementor-1504 .elementor-element.elementor-element-90e31cf{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-f41c56c{--display:flex;}.elementor-1504 .elementor-element.elementor-element-993162c{--display:flex;--justify-content:center;--margin-top:10.7em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:40px;--padding-bottom:60px;--padding-left:115px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-9b930a5{width:var( --container-widget-width, 609px );max-width:609px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;padding:0px 0px 0px 0px;--container-widget-width:609px;--container-widget-flex-grow:0;text-align:justify;}.elementor-1504 .elementor-element.elementor-element-9b930a5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:2.6rem;font-weight:600;line-height:5.1rem;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-cc266e4{width:100%;max-width:100%;margin:1.1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;font-family:"Manrope", Sans-serif;font-size:1.2em;font-weight:300;line-height:1.4em;color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-cc266e4.elementor-element{--align-self:flex-start;}.elementor-1504 .elementor-element.elementor-element-502a7d6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1504 .elementor-element.elementor-element-b60ac33{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:99px 99px 99px 99px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1504 .elementor-element.elementor-element-b60ac33:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-b60ac33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1504 .elementor-element.elementor-element-f74f2e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:11px 11px 11px 11px;--padding-top:0.1rem;--padding-bottom:0.1rem;--padding-left:1.1rem;--padding-right:0.4rem;}.elementor-1504 .elementor-element.elementor-element-7b0b107 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6rem;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-b33cfe7 img{width:1.3rem;}.elementor-1504 .elementor-element.elementor-element-6dd8814{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:99px 99px 99px 99px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1504 .elementor-element.elementor-element-6dd8814:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-6dd8814 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-df295a0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:11px 11px 11px 11px;--padding-top:0.1rem;--padding-bottom:0.1rem;--padding-left:1.2rem;--padding-right:0.5rem;}.elementor-1504 .elementor-element.elementor-element-6c2ca9b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6rem;color:var( --e-global-color-3b15642 );}.elementor-1504 .elementor-element.elementor-element-5a91c31{--display:flex;}.elementor-1504 .elementor-element.elementor-element-5a91c31:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-5a91c31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1504 .elementor-element.elementor-element-8de11d3{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1504 .elementor-element.elementor-element-1b6223b{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-9c3bd7e{--display:flex;}.elementor-1504 .elementor-element.elementor-element-9c3bd7e:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-9c3bd7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBD8;}.elementor-1504 .elementor-element.elementor-element-a5ee9ad{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-480335d{--display:flex;}.elementor-1504 .elementor-element.elementor-element-480335d:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-480335d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBD8;}.elementor-1504 .elementor-element.elementor-element-fc12916{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-fdbb7b0{--display:flex;}.elementor-1504 .elementor-element.elementor-element-fdbb7b0:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-fdbb7b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1504 .elementor-element.elementor-element-d5f4d93{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-6284476{--display:flex;--justify-content:flex-start;--padding-top:8.4em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-00b3bfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1504 .elementor-element.elementor-element-c0b9f3b{padding:0.7em 1em 0em 1em;}.elementor-1504 .elementor-element.elementor-element-3eabfa9{--display:flex;}.elementor-1504 .elementor-element.elementor-element-3eabfa9:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-3eabfa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1504 .elementor-element.elementor-element-bd5bd2b{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-d20d10a{--display:flex;--justify-content:center;--padding-top:6.2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-e1b7bc7{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;width:100%;max-width:100%;--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:87px;}.elementor-1504 .elementor-element.elementor-element-6cc6ff9{--display:flex;--min-height:100vh;--padding-top:0em;--padding-bottom:2.2em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-1431a42{--display:flex;}.elementor-1504 .elementor-element.elementor-element-f3229b1{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-333725a{--display:flex;--overlay-opacity:0.5;}.elementor-1504 .elementor-element.elementor-element-333725a::before, .elementor-1504 .elementor-element.elementor-element-333725a > .elementor-background-video-container::before, .elementor-1504 .elementor-element.elementor-element-333725a > .e-con-inner > .elementor-background-video-container::before, .elementor-1504 .elementor-element.elementor-element-333725a > .elementor-background-slideshow::before, .elementor-1504 .elementor-element.elementor-element-333725a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1504 .elementor-element.elementor-element-333725a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, var( --e-global-color-primary ) 100%);}.elementor-1504 .elementor-element.elementor-element-333725a:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-333725a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://odeshit.com/wp-content/uploads/2026/02/Screenshot-2026-02-24-at-5.01.36-PM.png") 50% 50%;background-size:cover;}.elementor-1504 .elementor-element.elementor-element-85a8498{width:var( --container-widget-width, 609px );max-width:609px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;padding:0px 0px 0px 0px;--container-widget-width:609px;--container-widget-flex-grow:0;text-align:justify;}.elementor-1504 .elementor-element.elementor-element-85a8498 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:2.6rem;font-weight:600;line-height:5.1rem;color:var( --e-global-color-3b15642 );}.elementor-1504 .elementor-element.elementor-element-3315198{width:100%;max-width:100%;margin:1.1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;font-family:"Manrope", Sans-serif;font-size:0.9rem;font-weight:400;line-height:1.6rem;color:var( --e-global-color-3b15642 );}.elementor-1504 .elementor-element.elementor-element-3315198.elementor-element{--align-self:flex-start;}.elementor-1504 .elementor-element.elementor-element-68305bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1504 .elementor-element.elementor-element-9aff018{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:99px 99px 99px 99px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1504 .elementor-element.elementor-element-9aff018:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-9aff018 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1504 .elementor-element.elementor-element-cb31e27{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:11px 11px 11px 11px;--padding-top:0.1rem;--padding-bottom:0.1rem;--padding-left:1.1rem;--padding-right:0.4rem;}.elementor-1504 .elementor-element.elementor-element-c7a3912 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-f1ae95f img{width:1.3rem;}.elementor-1504 .elementor-element.elementor-element-7d368c9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:99px 99px 99px 99px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1504 .elementor-element.elementor-element-7d368c9:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-7d368c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-e40c72d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:11px 11px 11px 11px;--padding-top:0.1rem;--padding-bottom:0.1rem;--padding-left:1.2rem;--padding-right:0.5rem;}.elementor-1504 .elementor-element.elementor-element-ef32fae .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-3b15642 );}.elementor-1504 .elementor-element.elementor-element-c797753{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-1504 .elementor-element.elementor-element-c797753{left:0px;}body.rtl .elementor-1504 .elementor-element.elementor-element-c797753{right:0px;}.elementor-1504 .elementor-element.elementor-element-bba54bf{--display:flex;}.elementor-1504 .elementor-element.elementor-element-bba54bf:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-bba54bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1504 .elementor-element.elementor-element-642dcee{--display:flex;}.elementor-1504 .elementor-element.elementor-element-1d177f8{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-0de796e{--display:flex;}.elementor-1504 .elementor-element.elementor-element-0de796e:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-0de796e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBD8;}.elementor-1504 .elementor-element.elementor-element-280e587{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-7cd52cb{--display:flex;}.elementor-1504 .elementor-element.elementor-element-7cd52cb:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-7cd52cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBD8;}.elementor-1504 .elementor-element.elementor-element-3df29ed{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-ad6dc18{--display:flex;}.elementor-1504 .elementor-element.elementor-element-ad6dc18:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-ad6dc18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1504 .elementor-element.elementor-element-f41d713{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-bf465d7{--display:flex;--justify-content:flex-start;--padding-top:8.4em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-721b0ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1504 .elementor-element.elementor-element-d67681d{padding:0.7em 1em 0em 1em;}.elementor-1504 .elementor-element.elementor-element-1a754eb{--display:flex;}.elementor-1504 .elementor-element.elementor-element-1a754eb:not(.elementor-motion-effects-element-type-background), .elementor-1504 .elementor-element.elementor-element-1a754eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1504 .elementor-element.elementor-element-39c41e3{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-1bee147{--display:flex;--justify-content:center;--padding-top:6.2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-68e7cf7{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;width:100%;max-width:100%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}body.elementor-page-1504:not(.elementor-motion-effects-element-type-background), body.elementor-page-1504 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3b15642 );}:root{--page-title-display:none;}body.elementor-page-1504{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1504 .elementor-element.elementor-element-f41c56c{--width:44%;}.elementor-1504 .elementor-element.elementor-element-993162c{--width:50%;}.elementor-1504 .elementor-element.elementor-element-6284476{--width:100%;}.elementor-1504 .elementor-element.elementor-element-d20d10a{--width:100%;}.elementor-1504 .elementor-element.elementor-element-333725a{--width:50%;}.elementor-1504 .elementor-element.elementor-element-bf465d7{--width:100%;}.elementor-1504 .elementor-element.elementor-element-1bee147{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-1504 .elementor-element.elementor-element-993162c{--width:46%;}}@media(max-width:1366px){.elementor-1504 .elementor-element.elementor-element-993162c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1504 .elementor-element.elementor-element-9b930a5{width:100%;max-width:100%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1504 .elementor-element.elementor-element-e1b7bc7{width:100%;max-width:100%;}.elementor-1504 .elementor-element.elementor-element-85a8498{width:100%;max-width:100%;}.elementor-1504 .elementor-element.elementor-element-c7a3912 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-ef32fae .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-68e7cf7{width:100%;max-width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1504 .elementor-element.elementor-element-9b930a5{width:100%;max-width:100%;}.elementor-1504 .elementor-element.elementor-element-9b930a5 .elementor-heading-title{font-size:1.4em;line-height:2.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-cc266e4{font-size:1em;}.elementor-1504 .elementor-element.elementor-element-502a7d6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1504 .elementor-element.elementor-element-1b6223b{--grid-columns:2;}.elementor-1504 .elementor-element.elementor-element-a5ee9ad{--grid-columns:2;}.elementor-1504 .elementor-element.elementor-element-fc12916{--grid-columns:2;}.elementor-1504 .elementor-element.elementor-element-e1b7bc7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1504 .elementor-element.elementor-element-85a8498{width:100%;max-width:100%;}.elementor-1504 .elementor-element.elementor-element-85a8498 .elementor-heading-title{font-size:1.4em;line-height:2.1em;}.elementor-1504 .elementor-element.elementor-element-68305bb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-c7a3912 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-ef32fae .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-1d177f8{--grid-columns:2;}.elementor-1504 .elementor-element.elementor-element-280e587{--grid-columns:2;}.elementor-1504 .elementor-element.elementor-element-3df29ed{--grid-columns:2;}.elementor-1504 .elementor-element.elementor-element-68e7cf7{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-1504 .elementor-element.elementor-element-90e31cf{--min-height:100vh;}.elementor-1504 .elementor-element.elementor-element-993162c{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1504 .elementor-element.elementor-element-1b6223b{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-a5ee9ad{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-fc12916{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-e1b7bc7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1504 .elementor-element.elementor-element-6cc6ff9{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1504 .elementor-element.elementor-element-f3229b1{--min-height:100vh;}.elementor-1504 .elementor-element.elementor-element-333725a{--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.65;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1504 .elementor-element.elementor-element-85a8498{width:100%;max-width:100%;}.elementor-1504 .elementor-element.elementor-element-85a8498 .elementor-heading-title{font-size:1.1em;line-height:1.9em;}.elementor-1504 .elementor-element.elementor-element-3315198{line-height:1.5em;}.elementor-1504 .elementor-element.elementor-element-68305bb{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-cb31e27{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1504 .elementor-element.elementor-element-c7a3912 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-f1ae95f img{width:18px;}.elementor-1504 .elementor-element.elementor-element-e40c72d{--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-1504 .elementor-element.elementor-element-ef32fae .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1504 .elementor-element.elementor-element-afd9514 img{width:18px;}.elementor-1504 .elementor-element.elementor-element-c797753{--min-height:313px;}.elementor-1504 .elementor-element.elementor-element-bba54bf{--justify-content:center;}.elementor-1504 .elementor-element.elementor-element-642dcee{--justify-content:center;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1504 .elementor-element.elementor-element-1d177f8{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-0de796e{--justify-content:center;}.elementor-1504 .elementor-element.elementor-element-280e587{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-7cd52cb{--justify-content:center;}.elementor-1504 .elementor-element.elementor-element-3df29ed{--grid-columns:1;}.elementor-1504 .elementor-element.elementor-element-ad6dc18{--justify-content:center;}.elementor-1504 .elementor-element.elementor-element-68e7cf7{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;}}/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b930a5 */.elementor-1504 .elementor-element.elementor-element-9b930a5 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f74f2e2 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-f74f2e2 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-f74f2e2), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-f74f2e2:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b60ac33 */.elementor-1504 .elementor-element.elementor-element-b60ac33{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df295a0 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-df295a0 .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 13px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-df295a0), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-df295a0:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dd8814 */.elementor-1504 .elementor-element.elementor-element-6dd8814{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-e1b7bc7 *//* Στοχεύουμε τα κουμπιά Previous & Next */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    mix-blend-mode: difference !important;
    opacity: 1 !important; /* Βεβαιωνόμαστε ότι είναι ορατά */
    z-index: 9999 !important; /* Να είναι πάνω από τις εικόνες */
}


.elementor-swiper-button-prev:hover{
 
   
}

.elementor-swiper-button-next:hover {
    
}


/* ΕΞΑΝΑΓΚΑΣΜΟΣ ΛΕΥΚΟΥ ΧΡΩΜΑΤΟΣ */
/* Αυτό είναι απαραίτητο για να κάνει αντίθεση με το background */
.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg,
.elementor-swiper-button-prev i,
.elementor-swiper-button-next i {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Αν τα SVG είναι σχεδιασμένα με path/stroke */
.elementor-swiper-button-prev svg path,
.elementor-swiper-button-next svg path {
    fill: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd62d7a */.elementor-1504 .elementor-element.elementor-element-fd62d7a{
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-85a8498 */.elementor-1504 .elementor-element.elementor-element-85a8498 {
  text-align: justify;
  text-align-last: justify; /* Αναγκάζει και την τελευταία σειρά να ανοίξει */
  text-justify: inter-word;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb31e27 *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow img {
   
}

.elementor-1504 .elementor-element.elementor-element-cb31e27 .icon-arrow {
    transition: all 0.22s ease-out !important;
    padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-cb31e27), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-cb31e27:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(3, 3, 3, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aff018 */.elementor-1504 .elementor-element.elementor-element-9aff018{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40c72d *//* Αρχική κατάσταση του βέλους */
.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow img {
   filter: invert(1);
}

.elementor-1504 .elementor-element.elementor-element-e40c72d .icon-arrow {
    transition: all 0.22s ease-out !important;
     padding: 10px;
    scale: .79;
    border-radius: 50%;
    background-color: transparent;
    aspect-ratio: 1 !important;
}

/* Το HOVER Effect */
/* Εδώ λέμε: Όταν κάνω hover σε ΑΥΤΟ το container (.elementor-1504 .elementor-element.elementor-element-e40c72d), 
   τότε άλλαξε το .icon-arrow που είναι μέσα του */
.elementor-1504 .elementor-element.elementor-element-e40c72d:hover .icon-arrow {
    rotate: 45deg;
    scale: .79;
   
    background-color: rgba(255, 255, 255, 0.10); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d368c9 */.elementor-1504 .elementor-element.elementor-element-7d368c9{
    width:max-content;
}

/* ΣΚΗΝΗ ΓΙΑ ΤΟ ICON — κρατάει το μέγεθος των εικόνων σου από το Elementor */
.icon-wrap{
    width: max-content;
  display: grid;
  place-items: center;   /* στοίχιση στο κέντρο */
  overflow: hidden;      /* για να “κοπεί” το slide */
}

/* ΤΑ ΔΥΟ ΙΔΙΑ ICONS, στοιβαγμένα στην ίδια θέση */
.slide-icon{
  grid-area: 1 / 1;      /* και τα δύο στην ίδια “κυψέλη” */
  display: block;        /* αποφυγή baseline gaps */
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 1;
  filter: brightness(1);
  transition:
    transform .44s cubic-bezier(.4,0,.2,1),
    opacity   .44s cubic-bezier(.4,0,.2,1),
    filter    .2s linear;
  will-change: transform, opacity, filter;
}

/* αρχικές θέσεις */
.icon--top{    transform: translateY(0%);    opacity: 1; }
.icon--bottom{ transform: translateY(100%);  opacity: 0; }


.slide-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.slide-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

/* (προαιρετικό) αν το κουμπί είναι .elementor-button */

.elementor-button:hover .icon--top{    transform: translateY(-100%); opacity: 0; }
.elementor-button:hover .icon--bottom{ transform: translateY(0%);    opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .slide-icon,
  .slide-button:hover .slide-icon,
  .elementor-button:hover .slide-icon{
    transition: filter .2s linear !important;
    transform: none !important;
    opacity: 1 !important;
  }
}


.slide-title h2{
    transition: all ease-in 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-333725a */.elementor-1504 .elementor-element.elementor-element-333725a {
    max-height: 100vh !important;
    padding-bottom: 13vh;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-68e7cf7 *//* Στοχεύουμε τα κουμπιά Previous & Next */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    mix-blend-mode: difference !important;
    opacity: 1 !important; /* Βεβαιωνόμαστε ότι είναι ορατά */
    z-index: 9999 !important; /* Να είναι πάνω από τις εικόνες */
}


.elementor-swiper-button-prev:hover{
 
   
}

.elementor-swiper-button-next:hover {
    
}


/* ΕΞΑΝΑΓΚΑΣΜΟΣ ΛΕΥΚΟΥ ΧΡΩΜΑΤΟΣ */
/* Αυτό είναι απαραίτητο για να κάνει αντίθεση με το background */
.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg,
.elementor-swiper-button-prev i,
.elementor-swiper-button-next i {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Αν τα SVG είναι σχεδιασμένα με path/stroke */
.elementor-swiper-button-prev svg path,
.elementor-swiper-button-next svg path {
    fill: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cc6ff9 */.elementor-1504 .elementor-element.elementor-element-6cc6ff9{
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS */.foot {
    background: #1D1D1D !important;
}/* End custom CSS */