.elementor-1715 .elementor-element.elementor-element-a7da786{--display:flex;--min-height:300px;--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:16px 16px;--row-gap:16px;--column-gap:16px;--overlay-opacity:0.75;}.elementor-1715 .elementor-element.elementor-element-a7da786:not(.elementor-motion-effects-element-type-background), .elementor-1715 .elementor-element.elementor-element-a7da786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/arcator-heroW-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1715 .elementor-element.elementor-element-a7da786::before, .elementor-1715 .elementor-element.elementor-element-a7da786 > .elementor-background-video-container::before, .elementor-1715 .elementor-element.elementor-element-a7da786 > .e-con-inner > .elementor-background-video-container::before, .elementor-1715 .elementor-element.elementor-element-a7da786 > .elementor-background-slideshow::before, .elementor-1715 .elementor-element.elementor-element-a7da786 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1715 .elementor-element.elementor-element-a7da786 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#0A0A0A;}.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-1715 .elementor-element.elementor-element-2d50833{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-1715 .elementor-element.elementor-element-2d50833 .elementor-heading-title{font-family:"Bruno Ace SC", Sans-serif;font-size:64px;font-weight:600;}.elementor-1715 .elementor-element.elementor-element-2d50833.elementor-element{--align-self:center;}.elementor-1715 .elementor-element.elementor-element-ab4f279{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1715 .elementor-element.elementor-element-ab4f279 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-1715 .elementor-element.elementor-element-8d6f08c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-8d6f08c:not(.elementor-motion-effects-element-type-background), .elementor-1715 .elementor-element.elementor-element-8d6f08c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1715 .elementor-element.elementor-element-5e52ddf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1715 .elementor-element.elementor-element-692ba98{--grid-columns:3;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-692ba98 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1715 .elementor-element.elementor-element-692ba98 .e-loop-item > .elementor-section, .elementor-1715 .elementor-element.elementor-element-692ba98 .e-loop-item > .elementor-section > .elementor-container, .elementor-1715 .elementor-element.elementor-element-692ba98 .e-loop-item > .e-con, .elementor-1715 .elementor-element.elementor-element-692ba98 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1715 .elementor-element.elementor-element-692ba98 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1715 .elementor-element.elementor-element-6426ea9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-536b60d{--grid-columns:3;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-536b60d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1715 .elementor-element.elementor-element-536b60d .e-loop-item > .elementor-section, .elementor-1715 .elementor-element.elementor-element-536b60d .e-loop-item > .elementor-section > .elementor-container, .elementor-1715 .elementor-element.elementor-element-536b60d .e-loop-item > .e-con, .elementor-1715 .elementor-element.elementor-element-536b60d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1715 .elementor-element.elementor-element-536b60d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1715 .elementor-element.elementor-element-ae20dcc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-bc199b7{--grid-columns:3;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-bc199b7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1715 .elementor-element.elementor-element-bc199b7 .e-loop-item > .elementor-section, .elementor-1715 .elementor-element.elementor-element-bc199b7 .e-loop-item > .elementor-section > .elementor-container, .elementor-1715 .elementor-element.elementor-element-bc199b7 .e-loop-item > .e-con, .elementor-1715 .elementor-element.elementor-element-bc199b7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1715 .elementor-element.elementor-element-bc199b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1715 .elementor-element.elementor-element-e081940{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-89315ff{--grid-columns:3;--grid-column-gap:16px;--grid-row-gap:16px;width:100%;max-width:100%;}.elementor-1715 .elementor-element.elementor-element-89315ff .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1715 .elementor-element.elementor-element-89315ff .e-loop-item > .elementor-section, .elementor-1715 .elementor-element.elementor-element-89315ff .e-loop-item > .elementor-section > .elementor-container, .elementor-1715 .elementor-element.elementor-element-89315ff .e-loop-item > .e-con, .elementor-1715 .elementor-element.elementor-element-89315ff .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1715 .elementor-element.elementor-element-89315ff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1715 .elementor-element.elementor-element-3095b23{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:16px;--n-tabs-gap:16px;--n-tabs-title-font-size:18px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:#6E562B;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-1715 .elementor-element.elementor-element-3095b23 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-1715 .elementor-element.elementor-element-3095b23.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-1715 .elementor-element.elementor-element-3095b23.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1715 .elementor-element.elementor-element-3095b23.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-1715 .elementor-element.elementor-element-3095b23.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Bruno Ace SC", Sans-serif;font-weight:300;}.elementor-1715 .elementor-element.elementor-element-3095b23 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#6E562B;}.elementor-1715 .elementor-element.elementor-element-eb8dca7{--display:flex;}.elementor-1715 .elementor-element.elementor-element-eb8dca7:not(.elementor-motion-effects-element-type-background), .elementor-1715 .elementor-element.elementor-element-eb8dca7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1715 .elementor-element.elementor-element-a7da786{--content-width:80%;}.elementor-1715 .elementor-element.elementor-element-8d6f08c{--content-width:90%;}}@media(max-width:1366px){.elementor-1715 .elementor-element.elementor-element-2d50833 .elementor-heading-title{font-size:56px;}.elementor-1715 .elementor-element.elementor-element-ab4f279 .elementor-heading-title{font-size:19px;}.elementor-1715 .elementor-element.elementor-element-8d6f08c{--padding-top:14px;--padding-bottom:014px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-692ba98{--grid-columns:3;}.elementor-1715 .elementor-element.elementor-element-536b60d{--grid-columns:3;}.elementor-1715 .elementor-element.elementor-element-bc199b7{--grid-columns:3;}.elementor-1715 .elementor-element.elementor-element-89315ff{--grid-columns:3;}.elementor-1715 .elementor-element.elementor-element-3095b23{--n-tabs-title-gap:14px;--n-tabs-gap:14px;--n-tabs-title-font-size:17px;}}@media(max-width:1024px){.elementor-1715 .elementor-element.elementor-element-2d50833 .elementor-heading-title{font-size:48px;}.elementor-1715 .elementor-element.elementor-element-ab4f279 .elementor-heading-title{font-size:18px;}.elementor-1715 .elementor-element.elementor-element-8d6f08c{--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-692ba98{--grid-columns:2;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-536b60d{--grid-columns:2;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-bc199b7{--grid-columns:2;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-89315ff{--grid-columns:2;--grid-column-gap:16px;--grid-row-gap:16px;}.elementor-1715 .elementor-element.elementor-element-3095b23{--n-tabs-title-gap:12px;--n-tabs-gap:12px;--n-tabs-title-font-size:16px;}}@media(max-width:767px){.elementor-1715 .elementor-element.elementor-element-a7da786{--content-width:90%;}.elementor-1715 .elementor-element.elementor-element-2d50833 .elementor-heading-title{font-size:40px;}.elementor-1715 .elementor-element.elementor-element-ab4f279 .elementor-heading-title{font-size:16px;}.elementor-1715 .elementor-element.elementor-element-8d6f08c{--content-width:95%;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1715 .elementor-element.elementor-element-692ba98{--grid-columns:1;}.elementor-1715 .elementor-element.elementor-element-536b60d{--grid-columns:1;}.elementor-1715 .elementor-element.elementor-element-bc199b7{--grid-columns:1;}.elementor-1715 .elementor-element.elementor-element-89315ff{--grid-columns:1;}.elementor-1715 .elementor-element.elementor-element-3095b23{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:8px;--n-tabs-gap:12px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:14px;}}/* Start custom CSS for loop-grid, class: .elementor-element-692ba98 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-536b60d *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bc199b7 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89315ff *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-692ba98 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-536b60d *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bc199b7 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89315ff *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-692ba98 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-536b60d *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bc199b7 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89315ff *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-692ba98 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-536b60d *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bc199b7 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89315ff *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-692ba98 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-536b60d *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bc199b7 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89315ff *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */