.elementor-17279 .elementor-element.elementor-element-562804e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17279 .elementor-element.elementor-element-c17478b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button{font-family:"sofia-pro", Sans-serif;font-weight:500;}.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-17279 .elementor-element.elementor-element-139adfc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-17279 .elementor-element.elementor-element-139adfc .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-17279 .elementor-element.elementor-element-139adfc .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-content-wrapper{flex-direction:row;}.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(min-width:768px){.elementor-17279 .elementor-element.elementor-element-562804e{--content-width:1200px;}}/* Start custom CSS for button, class: .elementor-element-c17478b *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-c17478b .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fa6d048 *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-fa6d048 .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f83ea84 *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-f83ea84 .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6b95fa9 *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-6b95fa9 .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bb09a3f *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-bb09a3f .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e802af *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-2e802af .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8b3993a *//* 1) Bubble: να είναι ΠΑΝΤΑ τέλειος κύκλος */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-icon{
  margin: 0 !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;

  /* 2) χρώμα bubble */
  background: #EEF1F5;           /* χρώμα bubble */
  border-radius: 50% !important; /* τέλειος κύκλος */
}


/* 3) ICON: μεγέθυνση (πιάνει και SVG και font-icon) */
/* Αν το SVG κλιμακώνεται με em, το ελέγχουμε από εδώ */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-icon{
  font-size: 29px !important; /* άλλαξε το όπως θες */
}


/* 4) Χρώμα SVG icon: αλλάζει το χρώμα του SVG (και αν έχει “καρφωμένα” fill/stroke) */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-icon{
  color: #2b72f7 !important; /* <-- ΒΑΛΕ ΕΔΩ το χρώμα που θες για το icon */
}

.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-icon svg,
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-icon svg *{
  fill: currentColor !important;   /* παίρνει το χρώμα από το color πιο πάνω */
  stroke: currentColor !important; /* για icons με γραμμές */
}


/* 5) Διαστάσεις όλου του κουμπιού: πλάτος/ύψος/padding (δηλ. “μέγεθος” κουμπιού) */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button{
  width: 100% !important;      /* πλάτος κουμπιού (π.χ. 100% για full width) */
  min-height: 50px !important; /* συνολικό ύψος κουμπιού */
  padding: 7px 10px !important; /* εσωτερικά κενά (πάνω/κάτω - αριστερά/δεξιά) */
  box-sizing: border-box !important;
}

/* 6) Κεντράρει (πάνω/κάτω) το κείμενο ως προς το icon μέσα στο κουμπί */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-content-wrapper{
  display: flex !important;
  align-items: center !important;  /* vertical centering icon + text */
}



/* 7) Μεγαλώνει το μέγεθος της γραμματοσειράς του κειμένου */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-text{
  font-size: 18px !important;      /* άλλαξέ το π.χ. 17–20px */
}

/* 8) Αυξάνει το χώρο μεταξύ των γραμμάτων (letter spacing) */
.elementor-17279 .elementor-element.elementor-element-8b3993a .elementor-button-text{
  letter-spacing: 0.3px !important; /* άλλαξέ το π.χ. 0.2–0.6px */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-562804e *//* Headings μέσα στο container των κουμπιών */

/* 1) (Προαιρετικό) αναγκάζει τα παιδιά να “τεντώσουν” σε πλάτος */
.elementor-17279 .elementor-element.elementor-element-562804e{
  align-items: stretch !important;
}

/* 2) Το heading widget να πιάνει όλο το πλάτος */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading{
  width: 100%;
  box-sizing: border-box;
}

/* 3) Σωστό κενό κάτω από κάθε heading (κάτω = 12px) */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading{
  margin: 0 0 12px 0 !important;
}

/* 4) Στυλ κειμένου heading + να φύγει το “μπλε” του theme */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading .elementor-heading-title,
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading .elementor-heading-title a{
  color: #35414F !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

/* 5) Ευθυγράμμιση του heading κειμένου με το κείμενο των κουμπιών
      (26 padding-left κουμπιού + 55 bubble + 14 gap = 95px) */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading{
  padding-left: 95px !important;
  padding-right: 56px !important; /* να “ταιριάζει” με το χώρο του chevron */
}

/* Headings – κοινό στυλ */
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-welcome,
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors{
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 12px 0 !important;
}

.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-welcome .elementor-heading-title,
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors .elementor-heading-title{
  color: #35414F !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  text-decoration: none !important;
  text-wrap: balance; /* πιο “ωραία” σπασίματα γραμμών (Chrome/μοντέρνα browsers) */
}

/* A) Κρατάει ΟΛΑ (headings / buttons / divider) στο ίδιο πλάτος και κέντρο */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading,
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button,
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-divider{
  width: 100% !important;
  max-width: 720px;                 /* άλλαξέ το (π.χ. 680–780) */
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* B) Divider spacing (για να μη “απλώνει” άσχημα το κενό πριν το 2ο heading) */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-divider{
  margin: 22px auto 18px auto !important;
}

/* C) Κοινό στυλ για τα headings (να φύγει theme styling + να είναι readable) */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading .elementor-heading-title,
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading .elementor-heading-title a{
  color: #35414F !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  margin: 0 !important;
  text-decoration: none !important;
  text-wrap: balance;               /* πιο ωραία σπασίματα γραμμών */
  text-align: center;               /* κάνει και το 2ο να “κάθεται” πιο ωραία */
}

/* D) 1ο heading (λίγο πιο “τίτλος”) */
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-welcome .elementor-heading-title{
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

/* E) 2ο heading (λίγο πιο “κειμενάκι” ώστε να μη βαραίνει) */
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors{
  margin-top: 10px !important;
}
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors .elementor-heading-title{
  font-size: 18px !important;
  font-weight: 500 !important;
  max-width: 680px;                 /* κρατάει ωραίο μήκος γραμμής */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Divider: πιο διακριτικός + λιγότερο κάθετο κενό */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-divider{
  margin: 10px auto 10px auto !important; /* ΜΙΚΡΟΤΕΡΑ κενά πάνω/κάτω */
  max-width: 720px;                       /* ίδιο πλάτος με τα κουμπιά */
  width: 100% !important;
}

/* αφαιρεί “κρυφό” padding που βάζει συχνά το widget */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-divider .elementor-divider{
  padding: 0 !important;
}

/* η ίδια η γραμμή */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-divider .elementor-divider-separator{
  border-top: 1px solid rgba(138,148,166,.28) !important; /* μπλε-γκρι, διακριτικό */
  width: 100% !important;
  margin: 0 !important;
}

/* Μειώνει την απόσταση αμέσως μετά τον divider (2ο heading) */
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors{
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

/* Mobile-only: δίνει περισσότερο πλάτος στα headings (λιγότερες γραμμές) */
@media (max-width: 767px){

  /* 1) Τα headings να χρησιμοποιούν όλο το διαθέσιμο πλάτος */
  .elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-heading{
    max-width: 100% !important;
  }

  /* 2) Μικραίνουμε τα μεγάλα padding που “στενεύουν” το κείμενο στο mobile */
  .elementor-17279 .elementor-element.elementor-element-562804e .na-heading-welcome,
  .elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

}

/* Mobile-only: μικρότερη γραμματοσειρά στα κουμπιά για καλύτερο wrap + να μην πλησιάζει το chevron */
@media (max-width: 767px){

  .elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button .elementor-button-text{
    font-size: 13.9px !important;     /* δοκίμασε 14–16px */
    line-height: 1.25 !important;   /* πιο “σφιχτές” γραμμές */
    letter-spacing: 0.1px !important;
  }

  /* (προαιρετικό) λίγο περισσότερο “αέρα” δεξιά για το chevron */
  .elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button .elementor-button{
    padding-right: 64px !important; /* αν έχεις 56px, αυτό το αυξάνει λίγο */
  }

}

/* Κεντράρισμα των 2 headings ώστε να έχουν ΑΚΡΙΒΩΣ το ίδιο “κουτί” (width/max-width) με τα κουμπιά */
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-welcome,
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors{
  width: 100% !important;
  max-width: 720px !important;      /* ίδιο με τα κουμπιά σου */
  margin-left: auto !important;
  margin-right: auto !important;

  /* Ακυρώνει παλιά paddings που μπορεί να τα “σπρώχνουν” δεξιά/αριστερά */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* (προαιρετικό) αν θες και το κείμενο των headings να είναι κεντραρισμένο */
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-welcome .elementor-heading-title,
.elementor-17279 .elementor-element.elementor-element-562804e .na-heading-visitors .elementor-heading-title{
  text-align: center !important;
}

/* Όλα τα Elementor buttons μέσα στο ίδιο container */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button .elementor-button{
  position: relative;
  padding-right: 34px !important; /* χώρος για το chevron */
}

/* Όλα τα Elementor buttons μέσα στο ίδιο container */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button .elementor-button{
  position: relative;
  padding-right: 36px !important; /* χώρος για το chevron */
}

/* στενό αλλά λίγο μεγαλύτερο chevron */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button .elementor-button::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  border-top: 1.6px solid currentColor;
  border-right: 1.6px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  opacity: 0.45;
  transition: transform 0.22s ease, opacity 0.22s ease;
  pointer-events: none;
}

/* μετακίνηση 6px δεξιά στο hover */
.elementor-17279 .elementor-element.elementor-element-562804e .elementor-widget-button .elementor-button:hover::after{
  transform: translateY(-50%) translateX(6px) rotate(45deg);
  opacity: 0.75;
}/* End custom CSS */