body #content .fulfilment .ideal-for {
  margin-bottom: 120px;
  padding-bottom: 60px;
  padding-top: 60px;
  box-shadow: 0 20px 11px -17px #000;
  background-image: url("/wp-content/uploads/boxes-bg-scaled.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: auto;
}
@media only screen and (max-width: 575px) {
  body #content .fulfilment .ideal-for {
    margin-bottom: 30px;
  }
}
body #content .fulfilment .ideal-for > [class^=container] {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  body #content .fulfilment .ideal-for > [class^=container] {
    text-align: right;
  }
}
body #content .fulfilment .ideal-for .inner-wrapper {
  display: inline-block;
  padding: 30px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  box-shadow: 0 0 17px -10px #fff;
  backdrop-filter: blur(10px);
}
body #content .fulfilment .ideal-for .inner-wrapper .title-wrapper {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  body #content .fulfilment .ideal-for .inner-wrapper .title-wrapper {
    text-align: right;
  }
}
body #content .fulfilment .ideal-for .inner-wrapper .title-wrapper * {
  color: #fff !important;
}
body #content .fulfilment .ideal-for .inner-wrapper .content-wrapper ul {
  margin-bottom: 0 !important;
}
body #content .fulfilment .ideal-for .inner-wrapper .content-wrapper ul li {
  color: whitesmoke;
  font-size: 1.35rem !important;
  background: rgba(0, 0, 0, 0.35);
  padding: 0 7.5px;
  border-radius: 5px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  body #content .fulfilment .ideal-for .inner-wrapper .content-wrapper ul li {
    font-size: 0.95rem !important;
  }
}
@media only screen and (min-width: 992px) {
  body #content .fulfilment .ideal-for .inner-wrapper .content-wrapper ul li {
    text-align: right;
  }
}
body #content .fulfilment .how-works {
  margin-bottom: 60px;
  background: #fbfbfb;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media only screen and (max-width: 575px) {
  body #content .fulfilment .how-works {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
body #content .fulfilment .how-works .title-wrapper {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
  body #content .fulfilment .how-works .title-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  body #content .fulfilment .how-works .title-wrapper {
    margin-bottom: 15px;
  }
}
body #content .fulfilment .how-works .content-wrapper .row {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #fff1e5;
  border-radius: 30px;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  body #content .fulfilment .how-works .content-wrapper .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 575px) {
  body #content .fulfilment .how-works .content-wrapper .row > [class^=col-]:nth-child(2) {
    border-left: 4px dotted #fff;
  }
}
@media only screen and (max-width: 575px) {
  body #content .fulfilment .how-works .content-wrapper .row > [class^=col-]:nth-child(2) {
    border-top: 4px dotted #fff;
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  body #content .fulfilment .how-works .content-wrapper .row > [class^=col-]:last-of-type {
    border-left: 4px dotted #fff;
  }
}
@media only screen and (max-width: 768px) {
  body #content .fulfilment .how-works .content-wrapper .row > [class^=col-]:last-of-type {
    border-top: 4px dotted #fff;
    margin-top: 30px;
    padding-top: 30px;
  }
}
body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .icon-wrapper {
  text-align: center;
  margin-bottom: 30px;
}
body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .icon-wrapper i {
  font-size: 5rem;
  color: #fcbd33;
}
@media only screen and (min-width: 575px) {
  body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .content {
    padding: 0 15px;
  }
}
body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .content h5 {
  text-align: center;
  padding-bottom: 4px;
  margin-bottom: 15px;
}
body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .content p {
  text-align: center;
  font-size: 1.05rem !important;
}
@media only screen and (max-width: 768px) {
  body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .content p {
    font-size: 1rem !important;
  }
}
@media only screen and (max-width: 575px) {
  body #content .fulfilment .how-works .content-wrapper .col-inner-wrapper .content p {
    font-size: 0.95rem !important;
  }
}

/*# sourceMappingURL=fulfillment.css.map */