/* BFSI mobile carousels — horizontal swipe on small screens only */
.bfsi-carousel-wrap{
  position:relative;
  overflow:visible;
}
.bfsi-carousel-dots{
  display:none;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:16px;
  width:100%;
}
.bfsi-carousel-dot{
  width:8px;
  height:8px;
  padding:0;
  border:none;
  border-radius:50%;
  background:#D5D1CB;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease;
  outline:none;
}
.bfsi-carousel-dot:focus-visible{
  outline:2px solid var(--field-accent,var(--purple,#7C4DFF));
  outline-offset:2px;
}
.bfsi-carousel-dot.is-active{
  background:var(--field-accent,var(--purple,#7C4DFF));
  transform:scale(1.15);
}
@media(max-width:640px){
  .bfsi-carousel-dots{display:flex}
  .bfsi-carousel{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    grid-template-columns:unset!important;
    align-items:stretch!important;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    gap:14px!important;
    margin-top:32px!important;
    padding:4px 7% 10px;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
  }
  .bfsi-carousel::-webkit-scrollbar{display:none}
  .bfsi-carousel>*{
    flex:0 0 86%;
    max-width:86%;
    scroll-snap-align:center;
    scroll-snap-stop:always;
  }
  .bfsi-carousel--compact>*{
    flex-basis:74%;
    max-width:74%;
  }
  .pkgs.bfsi-carousel{
    padding-top:18px;
    overflow-y:visible;
  }
  .pkgs.bfsi-carousel>.pkg{
    min-height:100%;
    overflow:visible;
  }
  .work-shell .bfsi-carousel-wrap{
    margin-top:32px;
  }
  .work-section .work-shell{
    background:transparent;
    border:none;
    box-shadow:none;
    overflow:visible;
    border-radius:0;
    margin-top:32px;
  }
  .work-shell .bfsi-carousel{
    margin-top:0!important;
    padding:0 7% 4px;
    background:transparent;
  }
  .work-shell .bfsi-carousel-dots{
    margin-top:14px;
    background:transparent;
  }
  .work-shell .bfsi-carousel>.work-row{
    flex-basis:88%;
    max-width:88%;
    background:#fff;
    border:1px solid var(--line,#E8E6E2);
    border-radius:16px;
    margin:0;
    box-shadow:0 8px 24px rgba(43,43,43,.06);
  }
  .paths.bfsi-carousel>.path{
    min-height:100%;
  }
}