:root {
  --heading-color: #000;
  --para-color: #717171;
  --textover-color: #0A0A0A;
  --bg-alt: #FCF8EE;
  --bg-alt-dark: #EEE7D7;
  --white: #fff;
  --anchor-color: #2EB7E5;
  --footer-border-color: #BFBFBF;
  --upper-nav-bg: #003A5A;
  --dropdown-border-color: #F2F2F2;
  --sml-menu-border-color: #EAEAEA;
  --footer-statement-box-border: #D9D9D9;
  --footer-statement-box-background: #FAFAFA;
  --hero-background: #ede7d7;
  --pricing-border:#D6D6D6;
  --cart-total-bg: #fcf8ee;
}

.shop-banner {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  background: var(--hero-background);
}
.shop-banner + .trustedby-slider-section {
  padding-top: 32px;
}
.shop-banner .shop-banner-wrapper {
  max-width: 1920px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.shop-banner .shop-banner-wrapper .sb-content {
  position: relative;
  z-index: 1;
}
.shop-banner .shop-banner-wrapper .sb-content .btn-cta {
  margin-bottom: 40px;
}
.shop-banner .shop-banner-wrapper .sb-image {
  position: absolute;
  height: 50%;
  z-index: 0;
}
.shop-banner .shop-banner-wrapper .sb-image img {
  height: 100%;
}

@media screen and (min-width: 992px) {
  .shop-banner .shop-banner-wrapper {
    padding-top: 108px;
    padding-bottom: 108px;
  }
}
@media (min-width: 1200px) {
  .shop-banner .shop-banner-wrapper .sb-image {
    height: 100%;
  }
}