/* =========================
   Partners Slider (No JS)
   Base color: rgb(32,57,95)
   ========================= */


/* ---- wrapper: "saayeh" blended section ---- */
.ps-wrap{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  padding: clamp(22px, 4vw, 52px) clamp(14px, 3vw, 40px);
  margin: clamp(14px, 3vw, 28px) 0;
}

.ps-wrap--blend{
  margin-top: clamp(6px, 2vw, 14px);
  margin-bottom: clamp(6px, 2vw, 14px);
}

/* ---- background: white -> base color + soft swooshes ---- */
.ps-bg{
  position: absolute;
  inset: -140px -120px -160px -120px;
  z-index: 0;
  pointer-events: none;
  filter: saturate(1.05);
}

.ps-bg::before,
.ps-bg::after{
  content:"";
  position:absolute;
  left:-10%;
  width:120%;
  height:180px;
  filter: blur(18px);
  opacity: .9;
}

.ps-bg::before{
  top: 90px;
  transform: rotate(-2deg);
}

.ps-bg::after{
  bottom: 50px;
  transform: rotate(2deg);
}

/* background blobs */
.ps-blob{
  position:absolute;
  border-radius:999px;
  filter: blur(28px);
  opacity: .35;
}

.ps-blob--a{ width:560px; height:560px; right:-220px; top:-260px; opacity:.28; }
.ps-blob--b{ width:440px; height:440px; left:-220px; top:60px; opacity:.22; }
.ps-blob--c{ width:720px; height:260px; left:18%; bottom:-150px; opacity:.26; }

/* optional subtle float */
@keyframes ps-float{
  0%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
  100%{ transform: translateY(0); }
}
.ps-blob--a{ animation: ps-float 10s ease-in-out infinite; }
.ps-blob--b{ animation: ps-float 12s ease-in-out infinite; }
.ps-blob--c{ animation: ps-float 14s ease-in-out infinite; }

/* ---- layout ---- */
.ps-container{
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 3vw, 44px);
}

/* Slider area */
.ps-slider{
  position: relative;
  flex: 0 0 64%;
  min-width: 520px;
  padding: clamp(8px, 1.2vw, 14px);
  border-radius: 24px;
}

/* fade edges */
.ps-slider::before,
.ps-slider::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width: 96px;
  z-index: 3;
  pointer-events:none;
}

.ps-slider::before{
  left:0;
  background: linear-gradient(90deg, rgba(255,255,255,0.85), rgba(255,255,255,0));
}

.ps-slider::after{
  right:0;
  background: linear-gradient(270deg, rgba(255,255,255,0.85), rgba(255,255,255,0));
}

/* Content */
.ps-content{
  flex: 1;
  min-width: 320px;
  text-align: right;
}

.ps-title{
  margin: 0 0 18px 0;
  font-size: clamp(24px, 3.1vw, 44px);
  line-height: 1.18;
  letter-spacing: -0.3px;
  color: #0b1520;
  text-wrap: balance;
  max-width: 560px;
}

.ps-link{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  text-decoration: none;
  font-size: 18px;
  color: rgb(32, 57, 95);
}

.ps-arrow{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(32,57,95,0.22);
  background: rgba(255,255,255,0.65);
  box-shadow: 0 10px 26px rgba(32,57,95,0.10);
}

/* ---- rows / marquee ---- */
.ps-row{
  overflow: hidden;
  padding: 10px 0;
}

.ps-track{
  display: flex;
  gap: 22px;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: ps-marquee 26s linear infinite;
}

.ps-row--fast .ps-track{ animation-duration: 20s; }
.ps-row--mid  .ps-track{ animation-duration: 26s; }
.ps-row--slow .ps-track{ animation-duration: 34s; }

@keyframes ps-marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

/* Cards */
.ps-card{
  flex: 0 0 auto;
  width: clamp(170px, 18vw, 260px);
  height: 120px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.70);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 14px 18px;

  backdrop-filter: blur(10px);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.ps-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.78);
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.08),
    0 16px 30px rgba(32,57,95,0.16);
}

.ps-card img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  opacity: .98;
}

/* ---- responsive ---- */
@media (max-width: 980px){
  .ps-container{
    flex-direction: column;
    align-items: stretch;
  }

  .ps-slider{
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    order: 2;
  }

  .ps-content{
    order: 1;
  }

  .ps-title{
    max-width: 100%;
  }
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .ps-track{ animation: none; }
  .ps-blob{ animation: none; }
}





.shortcode-partners-style-4 .partner-item img{
  filter: none !important;
  height: 80px;
}