/* Start custom CSS for html, class: .elementor-element-367f1c4 *//* ============================= */
/* ALTAM IT - PARTENAIRES (V2)   */
/* Défilement plus lent + titre  */
/* ============================= */

.altam-partners{
  padding:70px 0;
  background:
    radial-gradient(1100px 420px at 15% 0%, rgba(66,110,134,.14), transparent 60%),
    radial-gradient(900px 380px at 85% 20%, rgba(66,110,134,.10), transparent 55%),
    linear-gradient(180deg, rgba(66,110,134,.05), #ffffff);
}

.altam-partners-inner{
  width:min(1180px, 92%);
  margin:0 auto;
}

/* ---------- Head ---------- */
.altam-partners-head{
  text-align:center;
  margin:0 auto 22px;
  max-width:820px;
}

.altam-partners-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(66,110,134,.12);
  border:1px solid rgba(66,110,134,.22);
  color:#426E86;
  font-size:12px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
}

.altam-partners-head h2{
  margin:14px 0 10px;
  color:#426E86;
  font-size:44px;
  line-height:1.1;
  letter-spacing:-.3px;
}

.altam-partners-head p{
  margin:0 auto;
  color:#6b7280;
  font-size:16.5px;
  line-height:1.65;
}

/* ---------- Marquee container ---------- */
.altam-partners-marquee{
  position:relative;
  margin-top:26px;
  border-radius:28px;
  padding:18px 14px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(66,110,134,.14);
  box-shadow:0 18px 46px rgba(0,0,0,.08);
  overflow:hidden;
}

/* soft fades on edges */
.altam-partners-marquee::before,
.altam-partners-marquee::after{
  content:"";
  position:absolute;
  top:0;
  width:90px;
  height:100%;
  z-index:2;
  pointer-events:none;
}

.altam-partners-marquee::before{
  left:0;
  background:linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,0));
}

.altam-partners-marquee::after{
  right:0;
  background:linear-gradient(270deg, rgba(255,255,255,.95), rgba(255,255,255,0));
}

/* ---------- Track ---------- */
.altam-partners-track{
  display:flex;
  gap:18px;
  align-items:center;
  width:max-content;
  animation: altamPartnersScroll 55s linear infinite; /* ✅ plus lent */
}

@keyframes altamPartnersScroll{
  0%   { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

/* pause on hover */
.altam-partners-marquee:hover .altam-partners-track{
  animation-play-state:paused;
}

/* ---------- Logo cards ---------- */
.altam-partners-item{
  flex:0 0 auto;
  width:260px;
  height:110px;                 /* ✅ même hauteur pour tous */
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(66,110,134,.18);
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease;
}

.altam-partners-item img{
  max-width:82%;
  max-height:64px;              /* ✅ uniformise les logos */
  object-fit:contain;
  filter:grayscale(1) contrast(1.05) opacity(.85);
  transition:filter .25s ease, transform .25s ease;
}

/* hover */
.altam-partners-item:hover{
  transform:translateY(-4px);
  border-color:rgba(66,110,134,.35);
  box-shadow:0 18px 42px rgba(0,0,0,.10);
}

.altam-partners-item:hover img{
  filter:grayscale(0) opacity(1);
  transform:scale(1.02);
}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .altam-partners-head h2{ font-size:34px; }
  .altam-partners-item{ width:220px; height:104px; }
  .altam-partners-track{ animation-duration:10s; } /* Lent */
}

@media (max-width:640px){
  .altam-partners{ padding:54px 0; }
  .altam-partners-item{ width:200px; height:98px; }
  .altam-partners-track{ animation-duration:10s; } /* lent */
  .altam-partners-marquee::before,
  .altam-partners-marquee::after{ width:56px; }/* End custom CSS */