@font-face{
  font-family:"Nobatik Yekan Bakh";
  src:url("/wp-content/uploads/fonts/YekanBakhFaNum-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap
}
@font-face{
  font-family:"Nobatik Yekan Bakh";
  src:url("/wp-content/uploads/fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap
}
@font-face{
  font-family:"Nobatik Yekan Bakh";
  src:url("/wp-content/uploads/fonts/YekanBakhFaNum-Bold.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap
}
@font-face{
  font-family:"Nobatik Yekan Bakh";
  src:url("/wp-content/uploads/fonts/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
  font-weight:800;font-style:normal;font-display:swap
}

.nps-slider,.nps-slider *{box-sizing:border-box}
.nps-slider{
  --nps-brand:#2962ff;
  --nps-brand-2:#00b8d9;
  --nps-white:#fff;
  --nps-h-desktop:100svh;
  --nps-h-mobile:78svh;
  position:relative;
  width:100%;
  height:var(--nps-h-desktop);
  min-height:560px;
  overflow:hidden;
  isolation:isolate;
  background:#08142d;
  font-family:"Nobatik Yekan Bakh",Tahoma,sans-serif!important;
  color:#fff;
}
.nps-track,.nps-slide{position:absolute;inset:0}
.nps-slide{
  opacity:0;
  visibility:hidden;
  transform:scale(1.025);
  transition:opacity var(--nps-transition) ease, transform calc(var(--nps-transition) * 1.25) ease, visibility var(--nps-transition) linear;
}
.nps-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}
.nps-bg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.nps-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(2,13,31,.12) 0%,rgba(2,13,31,.36) 55%,rgba(2,13,31,.70) 100%),
    linear-gradient(0deg,rgba(1,8,20,.38),rgba(1,8,20,0) 48%);
  opacity:var(--nps-overlay);
}
.nps-content-wrap{
  position:absolute;inset:0;
  display:flex;
  padding:clamp(28px,6vw,96px);
  z-index:3;
  pointer-events:none;
}
.nps-pos-center{align-items:center}
.nps-pos-top{align-items:flex-start;padding-top:clamp(90px,12vh,150px)}
.nps-pos-bottom{align-items:flex-end;padding-bottom:clamp(90px,12vh,150px)}
.nps-content{
  width:min(720px,72vw);
  text-shadow:0 10px 40px rgba(0,0,0,.16);
  pointer-events:auto;
}
.nps-align-right{margin-left:auto;text-align:right}
.nps-align-center{margin:auto;text-align:center}
.nps-align-left{margin-right:auto;text-align:left;direction:ltr}
.nps-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:13px;font-weight:600;
}
.nps-eyebrow:before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:#6fe7ff;box-shadow:0 0 0 5px rgba(111,231,255,.12)
}
.nps-content h2{
  margin:0;
  color:#fff;
  font-family:inherit!important;
  font-size:clamp(34px,5vw,74px);
  line-height:1.18;
  font-weight:800;
  letter-spacing:-1.4px;
}
.nps-content p{
  margin:18px 0 0;
  max-width:620px;
  color:rgba(255,255,255,.86);
  font-family:inherit!important;
  font-size:clamp(15px,1.35vw,20px);
  line-height:2;
  font-weight:400;
}
.nps-align-center p{margin-left:auto;margin-right:auto}
.nps-cta{
  margin-top:26px;
  display:inline-flex;
  align-items:center;justify-content:center;
  gap:12px;
  min-height:52px;
  padding:0 23px;
  border-radius:15px;
  background:#fff;
  color:#102a56!important;
  font-family:inherit!important;
  font-size:15px;font-weight:700;
  text-decoration:none!important;
  box-shadow:0 15px 40px rgba(0,0,0,.2);
  transition:.25s ease;
}
.nps-cta:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(0,0,0,.25)}
.nps-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nps-arrow{
  position:absolute;top:50%;z-index:8;
  width:52px;height:52px;
  display:grid;place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:rgba(6,20,45,.18);
  color:#fff;cursor:pointer;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:.25s ease;
}
.nps-arrow:hover{background:rgba(255,255,255,.18);transform:translateY(-50%) scale(1.04)}
.nps-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.nps-prev{right:clamp(16px,2.5vw,42px)}
.nps-next{left:clamp(16px,2.5vw,42px)}
.nps-dots{
  position:absolute;z-index:8;left:50%;bottom:30px;
  transform:translateX(-50%);
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(5,17,38,.18);
  backdrop-filter:blur(12px);
}
.nps-dot{width:22px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.nps-dot span{display:block;width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.52);transition:.3s ease}
.nps-dot.is-active span{width:22px;background:#fff}
.nps-progress{
  position:absolute;left:0;right:0;bottom:0;height:3px;z-index:9;
  background:rgba(255,255,255,.08);overflow:hidden
}
.nps-progress span{display:block;height:100%;width:0;background:rgba(255,255,255,.85)}
.nps-slider.nps-running .nps-progress span{animation:npsProgress var(--nps-interval) linear infinite}
@keyframes npsProgress{from{width:0}to{width:100%}}

.nps-empty-front{
  padding:22px;border:1px dashed #c7d2e5;border-radius:16px;text-align:center;
  font-family:"Nobatik Yekan Bakh",Tahoma,sans-serif
}

@media(max-width:767px){
  .nps-slider{height:var(--nps-h-mobile);min-height:520px}
  .nps-bg{object-position:center}
  .nps-overlay{
    background:
      linear-gradient(0deg,rgba(2,12,28,.76) 0%,rgba(2,12,28,.22) 62%,rgba(2,12,28,.08) 100%);
  }
  .nps-content-wrap{
    align-items:flex-end!important;
    padding:28px 22px 76px;
  }
  .nps-content,.nps-align-right,.nps-align-left,.nps-align-center{
    width:100%;text-align:right;direction:rtl;margin:0
  }
  .nps-content h2{font-size:clamp(30px,10vw,46px);line-height:1.24;letter-spacing:-.8px}
  .nps-content p{font-size:15px;line-height:1.9;margin-top:12px}
  .nps-eyebrow{font-size:12px;margin-bottom:10px}
  .nps-cta{min-height:48px;margin-top:20px;border-radius:13px;padding:0 19px;font-size:14px}
  .nps-arrow{width:42px;height:42px;border-radius:13px;top:46%}
  .nps-prev{right:12px}.nps-next{left:12px}
  .nps-dots{bottom:18px}
}
@media (prefers-reduced-motion:reduce){
  .nps-slide,.nps-arrow,.nps-cta{transition:none!important}
  .nps-progress{display:none}
}

/* ===== Nobatik Pro Slider 1.1.0 — true mobile responsive layer ===== */
.nps-slider{
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  width:100vw!important;
}
.nps-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.nps-picture .nps-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none!important}

@media (max-width: 767px){
  html,body{overflow-x:hidden}
  .nps-slider{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:var(--nps-h-mobile)!important;
    min-height:560px!important;
    max-height:900px;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .nps-track,.nps-slide,.nps-picture{width:100%!important;height:100%!important}
  .nps-bg{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .nps-overlay{
    opacity:1!important;
    background:
      linear-gradient(180deg,rgba(4,14,32,.06) 0%,rgba(4,14,32,.08) 37%,rgba(4,14,32,.54) 70%,rgba(4,14,32,.88) 100%)!important;
  }
  .nps-content-wrap{
    inset:0!important;
    width:100%!important;
    padding:24px 20px calc(72px + env(safe-area-inset-bottom))!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
  }
  .nps-content,
  .nps-align-right,
  .nps-align-center,
  .nps-align-left{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .nps-content h2{
    margin:0!important;
    max-width:100%!important;
    font-size:clamp(29px,8.8vw,43px)!important;
    line-height:1.22!important;
    letter-spacing:-.7px!important;
    overflow-wrap:anywhere;
  }
  .nps-content p{
    max-width:100%!important;
    margin:11px 0 0!important;
    font-size:14px!important;
    line-height:1.85!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .nps-eyebrow{font-size:11.5px!important;padding:7px 11px!important;margin-bottom:10px!important}
  .nps-cta{
    min-height:46px!important;
    max-width:100%!important;
    margin-top:17px!important;
    padding:0 17px!important;
    border-radius:13px!important;
    font-size:13.5px!important;
  }
  .nps-arrow{
    top:50%!important;
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    opacity:.9;
  }
  .nps-prev{right:10px!important}
  .nps-next{left:10px!important}
  .nps-dots{
    bottom:calc(16px + env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 32px);
  }
  .nps-progress{height:2px!important}
}

@media (max-width: 420px){
  .nps-slider{min-height:520px!important}
  .nps-content-wrap{padding-left:17px!important;padding-right:17px!important}
  .nps-content h2{font-size:clamp(27px,8.6vw,38px)!important}
  .nps-arrow{display:none!important}
}

@media (max-width: 767px) and (orientation: landscape){
  .nps-slider{height:100svh!important;min-height:400px!important;max-height:none!important}
  .nps-content-wrap{padding-bottom:48px!important}
  .nps-content h2{font-size:clamp(25px,5vw,36px)!important}
  .nps-content p{-webkit-line-clamp:2}
}
