/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/banner-small/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.wp-block-tactus-banner-small.banner-small,
.wp-block-tactus-banner-small .banner-small {
  position: relative;
  overflow: hidden !important;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small,
  .wp-block-tactus-banner-small .banner-small {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .wp-block-tactus-banner-small.banner-small,
  .wp-block-tactus-banner-small .banner-small {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.wp-block-tactus-banner-small.banner-small .banner-image-container,
.wp-block-tactus-banner-small .banner-small .banner-image-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-tactus-banner-small.banner-small .banner-image-container .banner-image,
.wp-block-tactus-banner-small .banner-small .banner-image-container .banner-image {
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20%;
  right: 0;
  background-position: 50% 50% !important;
}
@media (min-width: 576px) {
  .wp-block-tactus-banner-small.banner-small .banner-image-container .banner-image,
  .wp-block-tactus-banner-small .banner-small .banner-image-container .banner-image {
    left: 25%;
    right: -22%;
  }
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small .banner-image-container .banner-image,
  .wp-block-tactus-banner-small .banner-small .banner-image-container .banner-image {
    left: 25%;
    right: -20%;
  }
}
@media (min-width: 992px) {
  .wp-block-tactus-banner-small.banner-small .banner-image-container .banner-image,
  .wp-block-tactus-banner-small .banner-small .banner-image-container .banner-image {
    left: 30%;
    right: -15%;
  }
}
@media (min-width: 1200px) {
  .wp-block-tactus-banner-small.banner-small .banner-image-container .banner-image,
  .wp-block-tactus-banner-small .banner-small .banner-image-container .banner-image {
    top: 0;
    left: 25%;
    right: -20%;
  }
}
.wp-block-tactus-banner-small.banner-small .banner-image-container .banner-image:after,
.wp-block-tactus-banner-small .banner-small .banner-image-container .banner-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-tactus-banner-small.banner-small.bg-white,
.wp-block-tactus-banner-small .banner-small.bg-white {
  background-color: #FFFFFF !important;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.bg-white .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-white .banner-image:after {
  background-image: linear-gradient(to right, #FFFFFF 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, #FFFFFF -15%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-white .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-white .banner-image:after {
    background-image: linear-gradient(to right, #FFFFFF 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%), linear-gradient(110deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%), linear-gradient(140deg, #FFFFFF -40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%), linear-gradient(220deg, #FFFFFF -40%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%), linear-gradient(290deg, #FFFFFF 5%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, #FFFFFF 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small.bg-light,
.wp-block-tactus-banner-small .banner-small.bg-light {
  background-color: #D1D6D8 !important;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.bg-light .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-light .banner-image:after {
  background-image: linear-gradient(to right, #D1D6D8 0%, rgba(209, 214, 216, 0) 35%, rgba(209, 214, 216, 0) 100%), linear-gradient(to left, #D1D6D8 -15%, rgba(209, 214, 216, 0) 15%, rgba(209, 214, 216, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-light .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-light .banner-image:after {
    background-image: linear-gradient(to right, #D1D6D8 0%, rgba(209, 214, 216, 0) 25%, rgba(209, 214, 216, 0) 100%), linear-gradient(110deg, #D1D6D8 0%, rgba(209, 214, 216, 0) 35%, rgba(209, 214, 216, 0) 100%), linear-gradient(140deg, #D1D6D8 -40%, rgba(209, 214, 216, 0) 40%, rgba(209, 214, 216, 0) 100%), linear-gradient(220deg, #D1D6D8 -40%, rgba(209, 214, 216, 0) 25%, rgba(209, 214, 216, 0) 100%), linear-gradient(290deg, #D1D6D8 5%, rgba(209, 214, 216, 0) 25%, rgba(209, 214, 216, 0) 100%), linear-gradient(to left, #D1D6D8 0%, rgba(209, 214, 216, 0) 15%, rgba(209, 214, 216, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small.bg-dark,
.wp-block-tactus-banner-small .banner-small.bg-dark {
  background-color: #414141 !important;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.bg-dark .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-dark .banner-image:after {
  background-image: linear-gradient(to right, #414141 0%, rgba(65, 65, 65, 0) 35%, rgba(65, 65, 65, 0) 100%), linear-gradient(to left, #414141 -15%, rgba(65, 65, 65, 0) 15%, rgba(65, 65, 65, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-dark .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-dark .banner-image:after {
    background-image: linear-gradient(to right, #414141 0%, rgba(65, 65, 65, 0) 25%, rgba(65, 65, 65, 0) 100%), linear-gradient(110deg, #414141 0%, rgba(65, 65, 65, 0) 35%, rgba(65, 65, 65, 0) 100%), linear-gradient(140deg, #414141 -40%, rgba(65, 65, 65, 0) 40%, rgba(65, 65, 65, 0) 100%), linear-gradient(220deg, #414141 -40%, rgba(65, 65, 65, 0) 25%, rgba(65, 65, 65, 0) 100%), linear-gradient(290deg, #414141 5%, rgba(65, 65, 65, 0) 25%, rgba(65, 65, 65, 0) 100%), linear-gradient(to left, #414141 0%, rgba(65, 65, 65, 0) 15%, rgba(65, 65, 65, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-gray,
.wp-block-tactus-banner-small .banner-small.bg-tactus-gray {
  background-color: #61737D !important;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-gray .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-tactus-gray .banner-image:after {
  background-image: linear-gradient(to right, #61737D 0%, rgba(97, 115, 125, 0) 35%, rgba(97, 115, 125, 0) 100%), linear-gradient(to right, #61737D 0%, rgba(97, 115, 125, 0) 35%, rgba(97, 115, 125, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-tactus-gray .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-tactus-gray .banner-image:after {
    background-image: linear-gradient(to right, #61737D 0%, rgba(97, 115, 125, 0) 25%, rgba(97, 115, 125, 0) 100%), linear-gradient(110deg, #61737D 0%, rgba(97, 115, 125, 0) 35%, rgba(97, 115, 125, 0) 100%), linear-gradient(140deg, #61737D -40%, rgba(97, 115, 125, 0) 40%, rgba(97, 115, 125, 0) 100%), linear-gradient(220deg, #61737D -40%, rgba(97, 115, 125, 0) 25%, rgba(97, 115, 125, 0) 100%), linear-gradient(290deg, #61737D 5%, rgba(97, 115, 125, 0) 25%, rgba(97, 115, 125, 0) 100%), linear-gradient(to left, #61737D 0%, rgba(97, 115, 125, 0) 15%, rgba(97, 115, 125, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-green,
.wp-block-tactus-banner-small .banner-small.bg-tactus-green {
  background-color: #ABE032 !important;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-green .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-tactus-green .banner-image:after {
  background-image: linear-gradient(to right, #ABE032 0%, rgba(171, 224, 50, 0) 35%, rgba(171, 224, 50, 0) 100%), linear-gradient(to left, #ABE032 -15%, rgba(171, 224, 50, 0) 15%, rgba(171, 224, 50, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-tactus-green .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-tactus-green .banner-image:after {
    background-image: linear-gradient(to right, #ABE032 0%, rgba(171, 224, 50, 0) 25%, rgba(171, 224, 50, 0) 100%), linear-gradient(110deg, #ABE032 0%, rgba(171, 224, 50, 0) 35%, rgba(171, 224, 50, 0) 100%), linear-gradient(140deg, #ABE032 -40%, rgba(171, 224, 50, 0) 40%, rgba(171, 224, 50, 0) 100%), linear-gradient(220deg, #ABE032 -40%, rgba(171, 224, 50, 0) 25%, rgba(171, 224, 50, 0) 100%), linear-gradient(290deg, #ABE032 5%, rgba(171, 224, 50, 0) 25%, rgba(171, 224, 50, 0) 100%), linear-gradient(to left, #ABE032 0%, rgba(171, 224, 50, 0) 15%, rgba(171, 224, 50, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-purple,
.wp-block-tactus-banner-small .banner-small.bg-tactus-purple {
  background-color: #494DA0 !important;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-purple .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-tactus-purple .banner-image:after {
  background-image: linear-gradient(to right, #494DA0 0%, rgba(73, 77, 160, 0) 35%, rgba(73, 77, 160, 0) 100%), linear-gradient(to left, #494DA0 -15%, rgba(73, 77, 160, 0) 15%, rgba(73, 77, 160, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-tactus-purple .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-tactus-purple .banner-image:after {
    background-image: linear-gradient(to right, #494DA0 0%, rgba(73, 77, 160, 0) 25%, rgba(73, 77, 160, 0) 100%), linear-gradient(110deg, #494DA0 0%, rgba(73, 77, 160, 0) 35%, rgba(73, 77, 160, 0) 100%), linear-gradient(140deg, #494DA0 -40%, rgba(73, 77, 160, 0) 40%, rgba(73, 77, 160, 0) 100%), linear-gradient(220deg, #494DA0 -40%, rgba(73, 77, 160, 0) 25%, rgba(73, 77, 160, 0) 100%), linear-gradient(290deg, #494DA0 5%, rgba(73, 77, 160, 0) 25%, rgba(73, 77, 160, 0) 100%), linear-gradient(to left, #494DA0 0%, rgba(73, 77, 160, 0) 15%, rgba(73, 77, 160, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-teal,
.wp-block-tactus-banner-small .banner-small.bg-tactus-teal {
  background-color: #38BFBC !important;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.bg-tactus-teal .banner-image:after,
.wp-block-tactus-banner-small .banner-small.bg-tactus-teal .banner-image:after {
  background-image: linear-gradient(to right, #38BFBC 0%, rgba(56, 191, 188, 0) 35%, rgba(56, 191, 188, 0) 100%), linear-gradient(to left, #38BFBC -15%, rgba(56, 191, 188, 0) 15%, rgba(56, 191, 188, 0) 100%);
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small.bg-tactus-teal .banner-image:after,
  .wp-block-tactus-banner-small .banner-small.bg-tactus-teal .banner-image:after {
    background-image: linear-gradient(to right, #38BFBC 0%, rgba(56, 191, 188, 0) 25%, rgba(56, 191, 188, 0) 100%), linear-gradient(110deg, #38BFBC 0%, rgba(56, 191, 188, 0) 35%, rgba(56, 191, 188, 0) 100%), linear-gradient(140deg, #38BFBC -40%, rgba(56, 191, 188, 0) 40%, rgba(56, 191, 188, 0) 100%), linear-gradient(220deg, #38BFBC -40%, rgba(56, 191, 188, 0) 25%, rgba(56, 191, 188, 0) 100%), linear-gradient(290deg, #38BFBC 5%, rgba(56, 191, 188, 0) 25%, rgba(56, 191, 188, 0) 100%), linear-gradient(to left, #38BFBC 0%, rgba(56, 191, 188, 0) 15%, rgba(56, 191, 188, 0) 100%);
  }
}
.wp-block-tactus-banner-small.banner-small h1,
.wp-block-tactus-banner-small .banner-small h1 {
  padding: 0 0.5rem;
  margin-bottom: 0rem;
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small h1,
  .wp-block-tactus-banner-small .banner-small h1 {
    padding: 0 0.7rem;
  }
}
.wp-block-tactus-banner-small.banner-small h1 span,
.wp-block-tactus-banner-small .banner-small h1 span {
  line-height: 1.45;
}
.wp-block-tactus-banner-small.banner-small h4,
.wp-block-tactus-banner-small .banner-small h4 {
  padding: 0 0.35rem;
  margin-top: 1rem !important;
  margin-bottom: 0rem;
}
@media (min-width: 768px) {
  .wp-block-tactus-banner-small.banner-small h4,
  .wp-block-tactus-banner-small .banner-small h4 {
    padding: 0 0.35rem;
  }
}
.wp-block-tactus-banner-small.banner-small h4 span,
.wp-block-tactus-banner-small .banner-small h4 span {
  line-height: 1.5;
}
.wp-block-tactus-banner-small.banner-small.text-bg-white h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-white h1 span {
  background-color: #FFFFFF;
  box-shadow: 0.2em 1px 0 1px #FFFFFF, -0.2em 1px 0px 1px #FFFFFF;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-white h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-white h4 span {
  background-color: #FFFFFF;
  box-shadow: 0.2em 1px 0 1px #FFFFFF, -0.2em 1px 0px 1px #FFFFFF;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-light h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-light h1 span {
  background-color: #D1D6D8;
  box-shadow: 0.2em 1px 0 1px #D1D6D8, -0.2em 1px 0px 1px #D1D6D8;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-light h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-light h4 span {
  background-color: #D1D6D8;
  box-shadow: 0.2em 1px 0 1px #D1D6D8, -0.2em 1px 0px 1px #D1D6D8;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-dark h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-dark h1 span {
  background-color: #414141;
  box-shadow: 0.2em 1px 0 1px #414141, -0.2em 1px 0px 1px #414141;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-dark h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-dark h4 span {
  background-color: #414141;
  box-shadow: 0.2em 1px 0 1px #414141, -0.2em 1px 0px 1px #414141;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-gray h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-gray h1 span {
  background-color: #61737D;
  box-shadow: 0.2em 1px 0 1px #61737D, -0.2em 1px 0px 1px #61737D;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-gray h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-gray h4 span {
  background-color: #61737D;
  box-shadow: 0.2em 1px 0 1px #61737D, -0.2em 1px 0px 1px #61737D;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-green h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-green h1 span {
  background-color: #ABE032;
  box-shadow: 0.2em 1px 0 1px #ABE032, -0.2em 1px 0px 1px #ABE032;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-green h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-green h4 span {
  background-color: #ABE032;
  box-shadow: 0.2em 1px 0 1px #ABE032, -0.2em 1px 0px 1px #ABE032;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-purple h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-purple h1 span {
  background-color: #494DA0;
  box-shadow: 0.2em 1px 0 1px #494DA0, -0.2em 1px 0px 1px #494DA0;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-purple h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-purple h4 span {
  background-color: #494DA0;
  box-shadow: 0.2em 1px 0 1px #494DA0, -0.2em 1px 0px 1px #494DA0;
  color: #FFFFFF !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-teal h1 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-teal h1 span {
  background-color: #38BFBC;
  box-shadow: 0.2em 1px 0 1px #38BFBC, -0.2em 1px 0px 1px #38BFBC;
  color: #414141 !important;
}
.wp-block-tactus-banner-small.banner-small.text-bg-tactus-teal h4 span,
.wp-block-tactus-banner-small .banner-small.text-bg-tactus-teal h4 span {
  background-color: #38BFBC;
  box-shadow: 0.2em 1px 0 1px #38BFBC, -0.2em 1px 0px 1px #38BFBC;
  color: #414141 !important;
}

/*# sourceMappingURL=style-index.css.map*/