.elementor-231 .elementor-element.elementor-element-383c76a{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-80a7d9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-231 .elementor-element.elementor-element-dd88de4{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-372ff1b *//* ====== HERO (Πελάτες) ====== */
.ap-clients-hero{
  background:#fafcff;
  padding-block:clamp(2rem,5vw,3rem);
  text-align:center;
}

.ap-clients-hero__title{
  font-size:clamp(1.9rem,4vw,2.5rem);
  color:#0b3c5d;
  margin-bottom:.4rem;
}

.ap-clients-hero__intro{
  max-width:800px;
  margin:0 auto 1.8rem;
  font-size:1.05rem;
  color:#34495e;
}

/* Χρησιμοποιούμε την ίδια ap-divider όπως και στις άλλες σελίδες */
.ap-divider{
  width:50px;
  height:3px;
  background:#f6b556; 
  margin:.5rem auto 1rem;
  border-radius:10px;
}

/* Δύο στήλες με τους τομείς */
.ap-clients-hero__columns{
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.2rem,3vw,1.8rem);
  text-align:left;
}

.ap-clients-hero__columns h2{
  font-size:1.05rem;
  margin:0 0 .3rem;
  color:#0b3c5d;
}

.ap-clients-hero__columns ul{
  margin:0;
  padding-left:1.1rem;
  font-size:.95rem;
  color:#455a64;
}

.ap-clients-hero__columns li{
  margin-bottom:.2rem;
}

@media (max-width:768px){
  .ap-clients-hero__columns{
    grid-template-columns:1fr;
  }
}


/* ====== GRID ΠΕΛΑΤΩΝ ====== */
.ap-clients-grid{
  padding-block:clamp(2rem,5vw,3.2rem);
}

.ap-clients-grid .ap-container{
  max-width:1040px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:clamp(1rem,2vw,1.3rem);
  justify-items:center;
}

/* Κάρτα logο */
.ap-client-card{
  width:100%;
  max-width:190px;
  background:#ffffff;
  border-radius:14px;
  border:1px solid #e6ecf3;
  box-shadow:0 8px 16px rgba(0,0,0,0.04);
  padding:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease;
}

.ap-client-card__logo{
  width:100%;
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ap-client-card__logo img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(40%);
}

/* Hover: λίγο lift + λιγότερο grayscale */
.ap-client-card:hover{
  transform:translateY(-4px);
  border-color:#0b3c5d;
  box-shadow:0 16px 26px rgba(5,33,63,.12);
}

.ap-client-card:hover img{
  filter:grayscale(0%);
}


/* ====== Fade-in (αν δεν το έχεις ήδη global) ====== */
.fade-in{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease, transform .6s ease;
}
.fade-in.active{
  opacity:1;
  transform:translateY(0);
}/* End custom CSS */