.section {
  padding: 60px 20px;
  background-color: #f9f9f9;
}

.section h2 {
  text-align: center;
  margin-bottom: 40px;
}

.services-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.service-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.service-item h3 {
  margin-top: 0;
}

.cta {
  text-align: center;
  margin-top: 40px;
}

.cta a {
  display: inline-block;
  padding: 12px 24px;
  background-color: #007bff;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
}

.cta a:hover {
  background-color: #0056b3;
}




/*css style */
.exoikonomo-word-text
{color:#48b96f;}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  font-size:12px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 30%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* css top banner */
.exoikonomo-2021-top-banner-container
{background:url(../images/homepage/environment-tree-world.jpg);
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;}  
.exoikonomo-2023-top-banner-container
{
	background:url(../images/services/fillarakia-bg.jpg);
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;
}
.anak-top-banner-container
{
background:url(../images/anakainisi_bg_compressed.png);	
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;
}
.anak-top-banner-container h1
{
padding:25px;
color:#fff;
text-shadow:1px 1px 5px #000;
font-size:62px;
}
.anak-top-banner-container h4, .anak-top-banner-container p
{color:#fff; text-shadow:1px 1px 5px #000;}


/* css ti einai... (1) */ 
.exoikonomo-autonomo-1 
{
	padding:10px;
	text-align:left;
	background:#f1f1f1;
}
.exoikonomo-autonomo-1-ep
{
 display: flex;
  justify-content: center;
  align-items: center;
  text-align:left;
  background:#f1f1f1;
  min-height: 300px; padding:20px;
}
.exoikonomo-epileksimos-proipologismos
{ 
  }
.exoikonomo-epileksimos-proipologismos ul
{ padding:10px; } 
.exoikonomo-epileksimos-proipologismos ul li 
{list-style:none; background-image:url(../images/eco-tick.png); background-position:left; background-repeat:no-repeat; background-size:30px; padding:20px; padding-left:40px;}
/* css parallax (1) */ 
.exoikonomo-2023-parallax1
{
background:url(../images/services/fillarakia-bg.jpg);
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;
position:relative;	
}
.anakainisi-parallax1
{
background:url(../images/anakainisi_2_compressed.png);
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;
position:relative;	
}
.exoikonomo-autonomo-parallax1
{
background:url(../images/homepage/environment-tree-world.jpg);
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;
position:relative;
}
.exoikonomo-autonomo-parallax1-text
{
	font-size:40px;
	font-weight:bold;
	margin: 0;
	color:#fff;
		text-shadow:1px 1px 5px #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding:25px;
}
.exoikonomo-autonomo-parallax1-text span
{
	
	color:#48b96f;
}
/* css exoikonomo 2 */ 
.exoikonomo-autonomo-2
{text-align:left; padding:25px;}
.exoikonomo-autonomo-table-container
{overflow-x:auto;}
/* css exoikonomo  table */
.exoikonomo-autonomo-table-container table 
{border:1px solid #ccc; text-align:center; width:100%;}
.exoikonomo-autonomo-table-container table td
{padding:15px;}
.ex-table-title
{ background:#222; text-align:center; padding:15px;color:#f1f1f1;}
.ex-table-alt-td
{ border-bottom:1px solid #ddd; background:#f1f1f1; border-top:1px solid #ddd;}

.exoikonomo-autonomo-parallax2
{
background:url(../images/homepage/exoikonimisi_spiti.png);
text-align:center;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  min-height:350px;
padding:20px;
position:relative;
}
.exoikonomo-autonomo-parallax2-text
{
	font-size:72px;
	font-weight:bold;
	margin: 0;
	color:#fff;
		text-shadow:1px 1px 5px #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding:25px;
}
/* css exoikonomo 3 */ 
.anakainisi-text-container
{padding:25px;} 
.anakainisi-text-container h2
{text-align:center;}
.anakainisi-text-container p
{text-align:justify}
.exoikonomo-3-grid
{
	  display: grid;
	  grid-gap: 10px;
  grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
  object-fit: cover;
  justify-content: center;
}
.exoikonomo-3-grid-col
{
	background:#f1f1f1;
	border:1px solid #ccc; 
	padding:15px;
}
.exoikonomo-3-grid-col h3
{text-align:center;}
.exoikonomo-3-grid-col ul
{padding:15px; text-align:left;}
.exoikonomo-3-grid-col ul li 
{
	font-weight:bold;
	padding:10px; list-style:none; background-image:url(../images/noun_Check%20Mark_57621.png); background-position:left; background-repeat:no-repeat; background-size:30px; padding:20px; padding-left:40px;
}
/* css exoikonomo contact */ 
.exoikonomo-autonomo-contact-us
{background:#48b96f;  font-size:24px; min-height:350px; position:relative; color:#fff;}
.exoikonomo-autonomo-contact-us-text
{padding:10px;
	margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.exoikonomo-phone a
{
background-image:url(../images/phone_black.png); background-position:left; background-repeat:no-repeat; background-size:80px; padding:15px; padding-left:80px;
}
.exoikonomo-phone,.exoikonomo-phone a,.exoikonomo-phone a:hover
{font-size:54px; font-weight:bold; color:#fff;  }
/* css exoikonomo 41 */ 
.exoikonomo-41
{padding:25px; text-align:left;}
.exoikonomo-pososta-varititas-asterakia
{font-size:12px; text-align:justify;}
/* css exoikono 4 */ 
.exoikonomo-4 
{padding:25px; font-size:10px;}
.exoikonomo-4 p
{font-size:12px;} 
.exoikonomo-4 img
{ width:120px; padding:10px;} 
@media screen and (max-width: 900px) {
.anak-top-banner-container h1
{
font-size:32px;
}
.exoikonomo-autonomo-parallax1-text,.exoikonomo-autonomo-parallax2-text
{
	font-size:42px;
	  padding:10px;
}
.exoikonomo-autonomo-table-container table 
{font-size:12px;}
.exoikonomo-autonomo-table-container table td
{padding:2px;}
.exoikonomo-autonomo-contact-us
{font-size:14px; padding:10px;}
.exoikonomo-phone a,.exoikonomo-phone a:hover
{font-size:22px; background-size:40px; padding-left:40px }
}