.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-100 .elementor-element.elementor-element-45d47c3{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.15;}.elementor-100 .elementor-element.elementor-element-45d47c3:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-45d47c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://villayiannis.gr/wp-content/uploads/064.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-100 .elementor-element.elementor-element-45d47c3::before, .elementor-100 .elementor-element.elementor-element-45d47c3 > .elementor-background-video-container::before, .elementor-100 .elementor-element.elementor-element-45d47c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-100 .elementor-element.elementor-element-45d47c3 > .elementor-background-slideshow::before, .elementor-100 .elementor-element.elementor-element-45d47c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-100 .elementor-element.elementor-element-45d47c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-100 .elementor-element.elementor-element-6407edb .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:60px;font-weight:500;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-c3d12b5 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-100 .elementor-element.elementor-element-c3d12b5 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:20px;font-weight:400;letter-spacing:6.5px;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-051c2bd .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:40px;font-weight:500;color:#FFFFFF;}.elementor-100 .elementor-element.elementor-element-a8cb9f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-100 .elementor-element.elementor-element-122a493 > .elementor-widget-container{padding:50px 0px 50px 0px;}.elementor-100 .elementor-element.elementor-element-122a493{text-align:center;}.elementor-100 .elementor-element.elementor-element-122a493 .elementor-heading-title{font-family:"Cardo", Sans-serif;font-weight:500;color:#000000;}.elementor-widget-gallery .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-gallery .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-gallery.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-gallery .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-100 .elementor-element.elementor-element-85d6fb1 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-100 .elementor-element.elementor-element-85d6fb1 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-100 .elementor-element.elementor-element-85d6fb1{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-100 .elementor-element.elementor-element-217f1b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-100 .elementor-element.elementor-element-217f1b5:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-217f1b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-100 .elementor-element.elementor-element-ffb1562 > .elementor-widget-container{padding:50px 0px 50px 0px;}.elementor-100 .elementor-element.elementor-element-ffb1562{text-align:center;}.elementor-100 .elementor-element.elementor-element-ffb1562 .elementor-heading-title{font-family:"Cardo", Sans-serif;font-weight:500;color:#000000;}.elementor-100 .elementor-element.elementor-element-893a9ca .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-100 .elementor-element.elementor-element-893a9ca .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-100 .elementor-element.elementor-element-893a9ca{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-100 .elementor-element.elementor-element-6407edb .elementor-heading-title{font-size:40px;}.elementor-100 .elementor-element.elementor-element-c3d12b5 .elementor-heading-title{font-size:30px;}.elementor-100 .elementor-element.elementor-element-051c2bd .elementor-heading-title{font-size:30px;}}/* Start custom CSS */.split-wrapper {
position: relative;
height: 400vh; /* enough scroll for transitions */
}


.split-section {
position: sticky;
top: 0;
display: flex;
height: 100vh;
overflow: hidden;
}




.right-side {
flex: 1;
position: relative;
background: #f9f9f9;
overflow: hidden;
}


.content-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(60px);
transition: opacity 0.6s ease, transform 0.6s ease;
}


.content-block.active {
opacity: 1;
transform: translateY(0);
z-index: 1;
}
.content-block:first-child {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */