/* Ondo Vertical Token Slider (Elementor) — v1.0.7 Left text vertically centered */
.ovts{
  --ovts-right: 44%;
  --ovts-h: 560px; /* shared height so both sides align */
  display:grid; grid-template-columns: calc(100% - var(--ovts-right)) var(--ovts-right);
  gap: 40px;
  align-items:center;
  position:relative;
  width:100%;
}

/* LEFT: content centered vertically */
.ovts-left{
  position:relative;
  height:var(--ovts-h);
  min-height:0;
}
.ovts-panel{
  position:absolute; left:0; right:0; top:50%;
  transform:translateY(-50%);
  opacity:0;
  transition:opacity .35s ease;
  display:flex; flex-direction:column; justify-content:flex-start;
  color:#000; pointer-events:none;
}
.ovts-panel.is-active{ opacity:1; pointer-events:auto; }
.ovts-panel__title{ font-size:36px; line-height:1.1; font-weight:700; margin:0 0 18px; color:#000; }
.ovts-panel__text{ max-width:560px; font-size:16px; line-height:1.6; color:#000; }

.ovts-btn{ display:inline-block; margin-top:10px; padding:10px 14px; border:none; border-radius:6px; font-size:14px; color:#111; text-decoration:none; transition:background .2s ease; }
.ovts-btn:hover{ background:#111; color:#fff; }

/* RIGHT: vertical logos area matches the same height */
.ovts-right{ position:relative; height:var(--ovts-h); overflow:hidden; }
.ovts-right-logos{ position:absolute; inset:0; opacity:0; transform:translateY(6px); transition: opacity .35s ease, transform .35s ease; pointer-events:none; }
.ovts-right-logos.is-active{ opacity:1; transform:none; pointer-events:auto; }

.ovts-logos-swiper{ width:100%; height:100%; }
.ovts-logos-swiper .swiper-wrapper{ align-items:center; }
.ovts-logos-swiper .swiper-slide{ display:flex; align-items:center; justify-content:center; }

/* Logo visuals: bigger active; faded others */
.ovts-logo img{ height:56px; width:auto; opacity:.22; transition: transform .35s ease, opacity .35s ease, height .35s ease; }
.ovts-right-logos .swiper-slide.is-active .ovts-logo img{ height:88px; opacity:1; transform:scale(1.02); }

/* Navigation: white bg, black icons */
.ovts-nav{
  position:absolute; left:0; bottom:-6px; width:36px; height:36px; border-radius:8px;
  background:#fff; opacity:.95; cursor:pointer; transition:opacity .2s ease, transform .2s ease; box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.ovts-prev{ left:0; }
.ovts-next{ left:48px; }
.ovts-nav:hover{ opacity:1; transform:translateY(-1px); }
.ovts-nav::before{
  content:''; display:block; width:36px; height:36px; background:#000;
  -webkit-mask-size:16px 16px; mask-size:16px 16px;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
}
.ovts-prev::before{ -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M14.7 6.3a1 1 0 010 1.4L10.42 12l4.3 4.3a1 1 0 11-1.42 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 0z"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M14.7 6.3a1 1 0 010 1.4L10.42 12l4.3 4.3a1 1 0 11-1.42 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 0z"/></svg>'); }
.ovts-next::before{ -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9.3 17.7a1 1 0 010-1.4L13.58 12 9.3 7.7A1 1 0 1110.7 6.3l5 5a1 1 0 010 1.4l-5 5a1 1 0 01-1.4 0z"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9.3 17.7a1 1 0 010-1.4L13.58 12 9.3 7.7A1 1 0 1110.7 6.3l5 5a1 1 0 010 1.4l-5 5a1 1 0 01-1.4 0z"/></svg>'); }

@media (max-width: 1024px){
  .ovts{ --ovts-right: 50%; --ovts-h: 500px; gap: 28px; }
  .ovts-panel__title{ font-size:32px; }
  .ovts-logo img{ height:48px; }
  .ovts-right-logos .swiper-slide.is-active .ovts-logo img{ height:76px; }
}
@media (max-width: 767px){
  .ovts{ grid-template-columns: 1fr; --ovts-right: 100%; --ovts-h: 420px; }
  .ovts-right{ order: -1; }
  .ovts-panel__title{ font-size:28px; }
  .ovts-nav{ bottom:-12px; }
}