/* Banner strip: layout, typography and colors have a single owner here. */
body.banglapets-site #main-content .bp-banner-benefits {
  order:1;flex-shrink:0;position:relative;z-index:2;
  width:var(--bp-strip-width,var(--bp-content-width));max-width:none;margin:0 auto;
  min-height:var(--bp-strip-height,0px);
  transform:translateY(calc(-1 * var(--bp-strip-overlap,50%)));
  background:var(--bp-strip-background,#fff);
  border:var(--bp-strip-border,1px) solid var(--bp-strip-border-color,#e9efec);
  border-radius:var(--bp-strip-radius,18px);
  box-shadow:var(--bp-strip-shadow,0 10px 30px rgba(17,47,36,.07));
}
.bp-banner-benefits-list {
  list-style:none;margin:0;padding:var(--bp-strip-padding,24px) 8px;
  display:grid;grid-template-columns:repeat(var(--bp-strip-columns,4),minmax(0,1fr));
  row-gap:var(--bp-strip-row-gap,0px);
  min-height:calc(var(--bp-strip-height,0px) - 2 * var(--bp-strip-border,1px));
}
.bp-banner-benefits-list>li {
  min-width:0;display:flex;margin:0;padding:0;
  border-inline-start:var(--bp-strip-divider,1px) solid var(--bp-strip-divider-color,#e6ebe7);
  background:var(--bp-item-background,transparent);
}
.bp-banner-benefits .bp-banner-benefit-content {
  display:flex;flex:1;min-width:0;min-height:44px;width:100%;
  flex-direction:var(--bp-strip-direction,row);align-items:center;
  justify-content:var(--bp-strip-justify,center);
  text-align:var(--bp-strip-align,center);text-decoration:none;
  gap:var(--bp-strip-gap,14px);
  padding:var(--bp-strip-item-padding,8px) var(--bp-strip-item-inset,20px);
  background:transparent;border:0;border-radius:0;box-shadow:none;
}
.bp-banner-benefits .bp-banner-benefit-text {min-width:0;overflow-wrap:anywhere;}
.bp-banner-benefits .bp-banner-benefit-icon {
  display:block;flex:0 0 auto;
  width:var(--bp-item-icon-size,var(--bp-strip-icon-size,34px));
  height:var(--bp-item-icon-size,var(--bp-strip-icon-size,34px));
  color:var(--bp-item-icon-color,var(--bp-strip-icon-color,#f47c67));
}
.bp-banner-benefit-icon :is(svg,img) {display:block;width:100%;height:100%;object-fit:contain;}
body.banglapets-site .bp-banner-benefits .bp-banner-benefit-title {
  display:block;margin:0;
  font-family:var(--bp-strip-title-font,var(--bp-font-body,sans-serif));
  font-size:var(--bp-strip-title-size,14px);font-weight:var(--bp-strip-title-weight,600);
  line-height:var(--bp-strip-title-line,1.4);letter-spacing:-.01em;
  text-transform:var(--bp-strip-title-case,none);
  color:var(--bp-item-title-color,var(--bp-strip-title-color,#202b2a));
}
body.banglapets-site .bp-banner-benefits .bp-banner-benefit-copy {
  display:block;margin-top:var(--bp-strip-copy-gap,5px);
  font-family:var(--bp-strip-copy-font,var(--bp-font-body,sans-serif));
  font-size:var(--bp-strip-copy-size,13px);font-weight:var(--bp-strip-copy-weight,400);
  line-height:var(--bp-strip-copy-line,1.55);letter-spacing:0;
  text-transform:var(--bp-strip-copy-case,none);
  color:var(--bp-item-copy-color,var(--bp-strip-copy-color,#566663));
}
body.banglapets-site .bp-banner-benefits a.bp-banner-benefit-content:is(:hover,:focus-visible) .bp-banner-benefit-title {
  color:var(--bp-strip-hover-color,#005f5b);text-decoration:underline;text-underline-offset:3px;
}
.bp-banner-benefits a.bp-banner-benefit-content:focus-visible {outline:2px solid var(--bp-strip-hover-color,#005f5b);outline-offset:-3px;}
@media(max-width:900px) {
  body.banglapets-site #main-content .bp-banner-benefits {margin-bottom:calc(-1 * var(--bp-benefit-overlap,80px));}
  .bp-v3-hero:has(+ .bp-banner-benefits) {height:auto;min-height:320px;flex-shrink:0;}
  .bp-v3-hero:has(+ .bp-banner-benefits) .bp-v3-hero-inner {height:auto;min-height:320px;padding-top:28px;padding-bottom:calc(var(--bp-benefit-overlap,100px) + 28px);}
  .bp-banner-benefits-list {padding-inline:16px;}
  .bp-banner-benefits .bp-banner-benefit-icon {width:var(--bp-item-icon-mobile,var(--bp-strip-icon-size,34px));height:var(--bp-item-icon-mobile,var(--bp-strip-icon-size,34px));}
}
@media(max-width:540px) {.bp-banner-benefits-list {padding-inline:8px;}}