/* Home Block Two — image slider */
.home-block-two { padding:28px 0 47px; }
.home-block-two .container { max-width:1322px; margin:0 auto; padding:0; box-sizing:border-box; }

.hb2-slider {
  position:relative;
  border-radius:12px;
  overflow:hidden;
  background:#f5f4fb;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
}
.hb2-slider__viewport { overflow:hidden; }
.hb2-slider__track {
  display:flex;
  gap:0;
  transform: translateX(calc(-1 * var(--hb2-index, 0) * 100%));
  transition: transform .35s ease;
}
.hb2-slide {
  flex:0 0 100%;
  position:relative;
  aspect-ratio: 1322 / 286;
}
.hb2-slide picture,
.hb2-slide img { display:block; width:100%; height:100%; }
.hb2-slide img {
  object-fit: cover;
  border-radius:12px;
  background:#f5f4fb;
}

.hb2-slider__arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,0.92);
  box-shadow:0 6px 14px rgba(0,0,0,0.14);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition: box-shadow .15s ease, transform .15s ease, opacity .15s ease;
  z-index:2;
}
.hb2-slider__arrow[hidden] { display:none !important; }
.hb2-slider__arrow[disabled] {
  opacity:0.45;
  cursor:default;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
/* .hb2-slider__arrow:hover:not([disabled]) { transform:translateY(-50%) translateY(-1px); } */
.hb2-slider__arrow--prev { left:16px; }
.hb2-slider__arrow--next { right:16px; }
.hb2-slider__arrow .i { width:14px; height:14px; color:#242C6E80; }
.hb2-slider__arrow--prev .i { transform: rotate(180deg); }


.hb2-slider__arrow:not([disabled]):hover .i,
.hb2-slider__arrow:not([disabled]):focus-visible .i,
.hb2-slider__arrow:not([disabled]) .i:hover {
  color:#242C6E;
}

.hb2-slider__dots {
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  padding:6px 10px;
  background:rgba(0,0,0,0.12);
  border-radius:999px;
  backdrop-filter: blur(8px);
}
.hb2-dot {
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.8);
  background:rgba(255,255,255,0.4);
  padding:0;
  cursor:pointer;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.hb2-dot.is-active {
  background:#fff;
  box-shadow:0 0 0 5px rgba(255,255,255,0.35);
  transform: scale(1.05);
}

@media (max-width: 1180px) {
  .hb2-slider__arrow { width:42px; height:42px; }
}

@media (max-width: 1024px) {
  .hb2-slide { aspect-ratio: 1024 / 360; }
}

@media (max-width: 720px) {
  .home-block-two { padding:20px 0 28px; }
  .hb2-slide { aspect-ratio: 350 / 486; }
  .hb2-slider { border-radius:10px; }
  .hb2-slider__arrow {
    width:38px;
    height:38px;
    background:rgba(255,255,255,0.96);
  }
  .hb2-slider__arrow--prev { left:10px; }
  .hb2-slider__arrow--next { right:10px; }
  .hb2-slider__dots { bottom:12px; gap:8px; }
}

@media (max-width: 480px) {
  .home-block-two { padding:16px 0 22px; }
  .hb2-slider__arrow { display:none; }
  .hb2-slider__dots { bottom:10px; }
}