/* SunamganjSheba v3.3.86 — modern breadcrumb component from attached UI reference */
:root{
  --ssbc-teal:#0f8f84;
  --ssbc-teal-2:#17b9aa;
  --ssbc-navy:#062554;
  --ssbc-muted:#748197;
  --ssbc-line:#dbe6ee;
  --ssbc-soft:#eefbf8;
  --ssbc-card:#ffffff;
  --ssbc-shadow:0 20px 56px rgba(15,52,96,.10);
}

.ss-breadcrumb.ss-breadcrumb-v3386,
.ssda-page .ss-breadcrumb.ss-breadcrumb-v3386,
.arc-breadcrumb.ss-breadcrumb-v3386,
.dkb_bc_wrap .ss-breadcrumb.ss-breadcrumb-v3386,
.ssp-bc-wrap .ss-breadcrumb.ss-breadcrumb-v3386,
.sgs-seo-hero .ss-breadcrumb.ss-breadcrumb-v3386{
  box-sizing:border-box!important;
  display:block!important;
  width:min(1180px, calc(100% - 32px))!important;
  max-width:1180px!important;
  margin:18px auto 0!important;
  padding:22px 24px!important;
  border:1px solid rgba(211,225,235,.92)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--ssbc-navy)!important;
  box-shadow:var(--ssbc-shadow)!important;
  backdrop-filter:saturate(135%) blur(12px)!important;
  font-family:var(--ss-bengali-font)!important;
}

.ssda-container > .ss-breadcrumb.ss-breadcrumb-v3386,
.dkb_bc_wrap .ss-breadcrumb.ss-breadcrumb-v3386,
.ssp-bc-wrap .ss-breadcrumb.ss-breadcrumb-v3386,
.sgs-seo-hero .ss-breadcrumb.ss-breadcrumb-v3386,
.sgs2-hero .ss-breadcrumb.ss-breadcrumb-v3386{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.ss-breadcrumb-v3386 *,
.ss-breadcrumb-v3386 *::before,
.ss-breadcrumb-v3386 *::after{box-sizing:border-box}

.ss-breadcrumb-v3386 .ss-bc-list{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:14px 20px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.ss-breadcrumb-v3386 .ss-bc-item,
.ss-breadcrumb-v3386 .ss-bc-sep{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.ss-breadcrumb-v3386 .ss-bc-pill,
.ss-breadcrumb-v3386 a.ss-bc-pill,
.ss-breadcrumb-v3386 span.ss-bc-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
  min-height:58px!important;
  padding:0 24px!important;
  border:1px solid var(--ssbc-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--ssbc-navy)!important;
  text-decoration:none!important;
  font-size:clamp(16px, 1.35vw, 22px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.01em!important;
  box-shadow:0 10px 24px rgba(15,52,96,.045)!important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease!important;
  white-space:normal!important;
}

.ss-breadcrumb-v3386 a.ss-bc-pill:hover,
.ss-breadcrumb-v3386 a.ss-bc-pill:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(15,143,132,.34)!important;
  background:#f8fffd!important;
  color:var(--ssbc-teal)!important;
  box-shadow:0 16px 34px rgba(15,52,96,.09)!important;
  outline:none!important;
}

.ss-breadcrumb-v3386 a.ss-bc-pill:focus-visible{
  box-shadow:0 0 0 4px rgba(23,185,170,.16),0 16px 34px rgba(15,52,96,.09)!important;
}

.ss-breadcrumb-v3386 .ss-bc-home .ss-bc-pill{
  overflow:hidden!important;
  padding-left:0!important;
}

.ss-breadcrumb-v3386 .ss-bc-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  color:var(--ssbc-teal)!important;
}

.ss-breadcrumb-v3386 .ss-bc-home .ss-bc-icon{
  width:58px!important;
  height:58px!important;
  margin:-1px 0 -1px -1px!important;
  border-radius:17px 0 0 17px!important;
  background:linear-gradient(135deg,#eefdf9,#e6f7f5)!important;
  border-right:1px solid rgba(219,230,238,.70)!important;
}

.ss-breadcrumb-v3386 .ss-bc-icon svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
}

.ss-breadcrumb-v3386 .ss-bc-home .ss-bc-label{padding-right:2px!important}

.ss-breadcrumb-v3386 .ss-bc-sep{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:58px!important;
  color:#748197!important;
  opacity:.95!important;
}

.ss-breadcrumb-v3386 .ss-bc-sep svg{
  width:26px!important;
  height:26px!important;
  display:block!important;
}

.ss-breadcrumb-v3386 .ss-bc-current,
.ss-breadcrumb-v3386 a.ss-bc-current,
.ss-breadcrumb-v3386 span.ss-bc-current{
  color:var(--ssbc-teal)!important;
  border-color:rgba(15,143,132,.16)!important;
  background:linear-gradient(135deg,#eafaf7,#e7f8f5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 12px 26px rgba(15,143,132,.08)!important;
}

.ss-breadcrumb-v3386 .ss-bc-current .ss-bc-icon{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.34)!important;
}

.ss-breadcrumb-v3386 .ss-bc-current .ss-bc-icon svg{
  width:27px!important;
  height:27px!important;
}

.ss-breadcrumb-v3386 .ss-bc-label{
  display:inline-block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:900px){
  .ss-breadcrumb.ss-breadcrumb-v3386,
  .ssda-page .ss-breadcrumb.ss-breadcrumb-v3386,
  .arc-breadcrumb.ss-breadcrumb-v3386,
  .dkb_bc_wrap .ss-breadcrumb.ss-breadcrumb-v3386,
  .ssp-bc-wrap .ss-breadcrumb.ss-breadcrumb-v3386,
  .sgs-seo-hero .ss-breadcrumb.ss-breadcrumb-v3386{
    width:min(100% - 24px, 1180px)!important;
    padding:18px!important;
    border-radius:22px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-list{gap:11px 14px!important}
  .ss-breadcrumb-v3386 .ss-bc-pill,
  .ss-breadcrumb-v3386 a.ss-bc-pill,
  .ss-breadcrumb-v3386 span.ss-bc-pill{
    min-height:52px!important;
    padding:0 18px!important;
    border-radius:16px!important;
    font-size:15.5px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-home .ss-bc-icon{
    width:52px!important;
    height:52px!important;
    border-radius:15px 0 0 15px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-icon svg{width:24px!important;height:24px!important}
  .ss-breadcrumb-v3386 .ss-bc-sep{width:22px!important;height:52px!important}
}

@media(max-width:560px){
  .ss-breadcrumb.ss-breadcrumb-v3386,
  .ssda-page .ss-breadcrumb.ss-breadcrumb-v3386,
  .arc-breadcrumb.ss-breadcrumb-v3386,
  .dkb_bc_wrap .ss-breadcrumb.ss-breadcrumb-v3386,
  .ssp-bc-wrap .ss-breadcrumb.ss-breadcrumb-v3386,
  .sgs-seo-hero .ss-breadcrumb.ss-breadcrumb-v3386{
    width:calc(100% - 20px)!important;
    margin-top:12px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-list{
    gap:9px 10px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-pill,
  .ss-breadcrumb-v3386 a.ss-bc-pill,
  .ss-breadcrumb-v3386 span.ss-bc-pill{
    min-height:46px!important;
    padding:0 13px!important;
    gap:9px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-home .ss-bc-icon{
    width:46px!important;
    height:46px!important;
    border-radius:13px 0 0 13px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-current .ss-bc-icon{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-current .ss-bc-icon svg,
  .ss-breadcrumb-v3386 .ss-bc-icon svg{
    width:21px!important;
    height:21px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-sep{
    width:16px!important;
    height:46px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-sep svg{width:18px!important;height:18px!important}
}


/* v3.3.142 — compact responsive breadcrumb sizing fix */
.ss-breadcrumb.ss-breadcrumb-v3386,
.ssda-page .ss-breadcrumb.ss-breadcrumb-v3386,
.arc-breadcrumb.ss-breadcrumb-v3386,
.dkb_bc_wrap .ss-breadcrumb.ss-breadcrumb-v3386,
.ssp-bc-wrap .ss-breadcrumb.ss-breadcrumb-v3386,
.sgs-seo-hero .ss-breadcrumb.ss-breadcrumb-v3386,
.sgs2-hero .ss-breadcrumb.ss-breadcrumb-v3386{
  width:min(1120px, calc(100% - 24px))!important;
  margin:10px auto 0!important;
  padding:clamp(9px, 1.3vw, 14px)!important;
  border-radius:clamp(14px, 1.5vw, 18px)!important;
  box-shadow:0 8px 24px rgba(15,52,96,.06)!important;
  overflow:hidden!important;
}
.ss-breadcrumb-v3386 .ss-bc-list{
  gap:clamp(6px, 1vw, 10px)!important;
  align-items:center!important;
  min-width:0!important;
}
.ss-breadcrumb-v3386 .ss-bc-pill,
.ss-breadcrumb-v3386 a.ss-bc-pill,
.ss-breadcrumb-v3386 span.ss-bc-pill{
  min-height:clamp(34px, 4.4vw, 42px)!important;
  padding:0 clamp(9px, 1.4vw, 14px)!important;
  gap:8px!important;
  border-radius:clamp(11px, 1.2vw, 14px)!important;
  font-size:clamp(13px, 1.15vw, 15px)!important;
  line-height:1.25!important;
  max-width:100%!important;
  min-width:0!important;
}
.ss-breadcrumb-v3386 .ss-bc-home .ss-bc-pill{padding-left:0!important}
.ss-breadcrumb-v3386 .ss-bc-home .ss-bc-icon{
  width:clamp(34px, 4.4vw, 42px)!important;
  height:clamp(34px, 4.4vw, 42px)!important;
  border-radius:clamp(10px, 1.2vw, 13px) 0 0 clamp(10px, 1.2vw, 13px)!important;
}
.ss-breadcrumb-v3386 .ss-bc-icon svg{
  width:clamp(17px, 2.1vw, 21px)!important;
  height:clamp(17px, 2.1vw, 21px)!important;
}
.ss-breadcrumb-v3386 .ss-bc-current .ss-bc-icon{
  width:clamp(22px, 2.8vw, 28px)!important;
  height:clamp(22px, 2.8vw, 28px)!important;
}
.ss-breadcrumb-v3386 .ss-bc-sep{
  width:clamp(10px, 1.5vw, 16px)!important;
  height:clamp(34px, 4.4vw, 42px)!important;
  flex:0 0 auto!important;
}
.ss-breadcrumb-v3386 .ss-bc-sep svg{width:clamp(13px, 1.8vw, 17px)!important;height:clamp(13px, 1.8vw, 17px)!important}
.ss-breadcrumb-v3386 .ss-bc-label{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  min-width:0!important;
}
@media(max-width:560px){
  .ss-breadcrumb.ss-breadcrumb-v3386,
  .ssda-page .ss-breadcrumb.ss-breadcrumb-v3386,
  .arc-breadcrumb.ss-breadcrumb-v3386,
  .dkb_bc_wrap .ss-breadcrumb.ss-breadcrumb-v3386,
  .ssp-bc-wrap .ss-breadcrumb.ss-breadcrumb-v3386,
  .sgs-seo-hero .ss-breadcrumb.ss-breadcrumb-v3386,
  .sgs2-hero .ss-breadcrumb.ss-breadcrumb-v3386{
    width:calc(100% - 16px)!important;
    padding:9px!important;
    margin-top:8px!important;
  }
  .ss-breadcrumb-v3386 .ss-bc-list{gap:6px!important}
  .ss-breadcrumb-v3386 .ss-bc-current-item{max-width:100%!important;flex:1 1 100%!important}
  .ss-breadcrumb-v3386 .ss-bc-current-item .ss-bc-pill{justify-content:flex-start!important;width:100%!important}
}