.elementor-2914 .elementor-element.elementor-element-09f77af{overflow:hidden;}.elementor-2914 .elementor-element.elementor-element-0536834 > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-0536834{overflow:hidden;}.elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-2914 .elementor-element.elementor-element-12b0b76 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;line-height:68px;}.elementor-2914 .elementor-element.elementor-element-92d0922 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;line-height:68px;}.elementor-widget-button .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 );}.elementor-2914 .elementor-element.elementor-element-a8fd467 .elementor-button{background-color:#F5241D;font-family:"Manrope", Sans-serif;font-size:24px;font-weight:500;line-height:32px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2914 .elementor-element.elementor-element-ce7c6ee .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;line-height:68px;}.elementor-2914 .elementor-element.elementor-element-ff51fd4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;line-height:68px;}.elementor-2914 .elementor-element.elementor-element-3209380 .elementor-button{background-color:#F36B2B;font-family:"Manrope", Sans-serif;font-size:24px;font-weight:500;line-height:32px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2914 .elementor-element.elementor-element-085ccdb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;line-height:68px;}.elementor-2914 .elementor-element.elementor-element-6d31541 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;line-height:68px;}.elementor-2914 .elementor-element.elementor-element-92d589e .elementor-button{background-color:#9DB701;font-family:"Manrope", Sans-serif;font-size:24px;font-weight:500;line-height:32px;fill:#FFFFFF;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1366px){.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-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-2914 .elementor-element.elementor-element-0536834{margin-top:120px;margin-bottom:0px;}.elementor-2914 .elementor-element.elementor-element-b82e691:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asmi.gr/wp-content/uploads/2023/08/Screenshot_1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-element-populated{padding:20px 0px 0px 20px;}.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-2914 .elementor-element.elementor-element-12b0b76 .elementor-heading-title{font-size:45px;line-height:58px;}.elementor-2914 .elementor-element.elementor-element-92d0922 .elementor-heading-title{font-size:38px;line-height:45px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2914 .elementor-element.elementor-element-a8fd467 .elementor-button{font-size:20px;}.elementor-2914 .elementor-element.elementor-element-95b41ec:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asmi.gr/wp-content/uploads/2023/08/Screenshot_3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-element-populated{padding:20px 0px 0px 20px;}.elementor-2914 .elementor-element.elementor-element-ce7c6ee .elementor-heading-title{font-size:45px;line-height:58px;}.elementor-2914 .elementor-element.elementor-element-ff51fd4 .elementor-heading-title{font-size:38px;line-height:45px;}.elementor-2914 .elementor-element.elementor-element-3209380 .elementor-button{font-size:20px;}.elementor-2914 .elementor-element.elementor-element-6ae3bce:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asmi.gr/wp-content/uploads/2023/08/Screenshot_2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-element-populated{padding:20px 0px 0px 20px;}.elementor-2914 .elementor-element.elementor-element-085ccdb .elementor-heading-title{font-size:45px;line-height:58px;}.elementor-2914 .elementor-element.elementor-element-6d31541 .elementor-heading-title{font-size:38px;line-height:45px;}.elementor-2914 .elementor-element.elementor-element-92d589e .elementor-button{font-size:20px;}}@media(max-width:767px){.elementor-2914 .elementor-element.elementor-element-0536834 > .elementor-background-overlay{opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-0536834{margin-top:120px;margin-bottom:0px;}.elementor-2914 .elementor-element.elementor-element-b82e691:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asmi.gr/wp-content/uploads/2023/08/Screenshot_1.png");background-position:center center;background-size:cover;}.elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-b82e691 > .elementor-element-populated{padding:47px 0px 52px 36px;}.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-2914 .elementor-element.elementor-element-12b0b76 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2914 .elementor-element.elementor-element-12b0b76 .elementor-heading-title{font-size:24px;line-height:33px;}.elementor-2914 .elementor-element.elementor-element-92d0922 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2914 .elementor-element.elementor-element-a8fd467 .elementor-button{font-size:16px;line-height:22px;border-radius:0px 0px 0px 0px;padding:6px 10px 6px 10px;}.elementor-2914 .elementor-element.elementor-element-95b41ec:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asmi.gr/wp-content/uploads/2023/08/Screenshot_3.png");background-position:center center;background-size:cover;}.elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-95b41ec > .elementor-element-populated{padding:47px 0px 52px 36px;}.elementor-2914 .elementor-element.elementor-element-ce7c6ee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2914 .elementor-element.elementor-element-ce7c6ee .elementor-heading-title{font-size:24px;line-height:33px;}.elementor-2914 .elementor-element.elementor-element-ff51fd4 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-2914 .elementor-element.elementor-element-3209380 .elementor-button{font-size:16px;line-height:22px;border-radius:0px 0px 0px 0px;padding:6px 10px 6px 10px;}.elementor-2914 .elementor-element.elementor-element-6ae3bce:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asmi.gr/wp-content/uploads/2023/08/Screenshot_2.png");background-position:center center;background-size:cover;}.elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-2914 .elementor-element.elementor-element-6ae3bce > .elementor-element-populated{padding:47px 0px 52px 36px;}.elementor-2914 .elementor-element.elementor-element-085ccdb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2914 .elementor-element.elementor-element-085ccdb .elementor-heading-title{font-size:24px;line-height:33px;}.elementor-2914 .elementor-element.elementor-element-6d31541 .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-2914 .elementor-element.elementor-element-92d589e .elementor-button{font-size:16px;line-height:22px;border-radius:0px 0px 0px 0px;padding:6px 10px 6px 10px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2914 .elementor-element.elementor-element-b82e691{width:100%;}.elementor-2914 .elementor-element.elementor-element-95b41ec{width:100%;}.elementor-2914 .elementor-element.elementor-element-6ae3bce{width:100%;}}/* Start custom CSS for html, class: .elementor-element-a725876 */.elementor-2914 .elementor-element.elementor-element-a725876 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: white;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .main_box {
    width: 100%;
    height: 100vh;
    display: flex;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img {
    flex: 1;
    height: 100%;
    cursor: pointer;
    transition: all .3s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden; /* Ensure the overlay is contained within the .img div */
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img video {
    z-index: 1; /* Ensure the video is below the overlay */
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%); /* Adjust gradient to your liking */
    z-index: 2; /* Ensure the overlay is above the video */
    pointer-events: none; /* Allows clicking through the overlay to the video */
    opacity: 0; /* Start with the overlay hidden */
    transition: opacity 0.3s ease; /* Transition for the overlay */
    z-index: 2;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img:hover::after {
    opacity: 1; /* Show the overlay on hover */
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black color with 0.5 opacity */
    transition: opacity 0.3s ease; /* Transition for the overlay */
    z-index: 1; /* Ensure the overlay is above the image but below the text */
}

.elementor-2914 .elementor-element.elementor-element-a725876 p {
    position: absolute;
    top: 60%; /* Center vertically */
    left: 30%; /* Center horizontally */
    transform-origin: center; /* Set the origin of transformation */
    transition: transform 0.3s, background-color 0.3s;
        transform: translate(-50%, -50%) rotate(90deg); /* Center the element and rotate it 90 degrees */

    white-space: nowrap;
    font-size: 40px;
    line-height: 68px;
    z-index: 2; /* Ensure the text is above the overlay */
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Align text vertically */
    justify-content: center; /* Align text horizontally */
    z-index: 3;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img1 {
    background-image: url('http://asmi.gr/wp-content/uploads/2023/08/Screenshot_1.png');
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img2 {
    background-image: url('http://asmi.gr/wp-content/uploads/2023/08/Screenshot_3.png');
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img3 {
    background-image: url('http://asmi.gr/wp-content/uploads/2023/08/Screenshot_2.png');
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img.active {
    flex: 5;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img.active p {
    background-color: transparent;
    transform: translate(-50%, -50%) rotate(0deg); /* Rotate to horizontal on active */
    top: 80%; /* Move down vertically when active */
    left: 30%; /* Center horizontally */
    transform: translate(-50%, -50%) rotate(0deg); /* Adjust for centering and rotate to horizontal */
    font-size: 50px;
    font-family: 'Manrope', sans-serif;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img.active::before,
.elementor-2914 .elementor-element.elementor-element-a725876 .img.active::after,
.elementor-2914 .elementor-element.elementor-element-a725876 .img.active .enter-cue {
    opacity: 0; /* Hide the overlay and enter cue when active */
}

.elementor-2914 .elementor-element.elementor-element-a725876 .info-button {
    display: none; /* Hide the button by default */
    position: absolute;
    right: 100px; /* Adjust as needed */
    bottom: 10px; /* Adjust as needed */
    z-index: 3; /* Ensure the button is above the overlay */
    margin-bottom: 130px;
    margin-right: 100px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    background-color: #F36B2B;
    padding: 10px 30px 10px 30px;
    font-family: 'Manrope', sans-serif;
    border: none;
}

.elementor-2914 .elementor-element.elementor-element-a725876 .info-button:hover {
  background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
}

.red {
    background-color: #F5241D!important;
}

.green {
    background-color: #9DB701!important;
}


.elementor-2914 .elementor-element.elementor-element-a725876 .img.active .info-button {
    display: block; /* Show the button when the .img is active */
}

.elementor-2914 .elementor-element.elementor-element-a725876 .enter-cue {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px; /* Increase font size */
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 4; /* Ensure the enter cue is above everything */
}

.elementor-2914 .elementor-element.elementor-element-a725876 .img:hover .enter-cue {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); /* Increase size slightly on hover */
}/* End custom CSS */