/* Generated by less 3.11.1 */
.hero {
  padding: 50px calc((100vw - 1170px) / 2) 0px;
  position: relative;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero img {
  background: none;
  border-radius: 0;
  box-shadow: none;
}
.hero .inside {
  position: relative;
  z-index: 3;
}
.hero .inside h1 {
  margin: 0;
}
.hero .inside p {
  margin: 0;
}
.hero .inside .has-x-large-font-size {
  font-size: 50px!important;
  line-height: 1.2;
}
.hero:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(258.48deg, #FFFFFF 0%, #3287BF 48.2%, #1D3557 100%);
  opacity: 0.6;
}
.hero:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  aspect-ratio: 6.79245283;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='212' viewBox='0 0 1440 212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1440 0.00012207C966.4 236.8 316 149.334 0 92.0002V212H1440V0.00012207Z' fill='%23E7F5FF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: 2;
  pointer-events: none;
}
h2.has-small-font-size {
  margin: 0;
  line-height: 1;
}
.squeeze {
  max-width: 630px;
  margin: 0 auto;
}
.step-block {
  position: relative;
  margin: 15px 0;
  display: block;
  background-color: #1D3557;
  transition: all 0.5s ease;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.step-block img {
  display: block;
  width: 100%;
  mix-blend-mode: overlay;
}
.step-block .content {
  text-align: left;
  padding: 40px 20px;
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.step-block .content span {
  background-color: #3287BF;
  display: flex;
  height: 38px;
  width: 38px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.step-block .content span img {
  background: none;
  border-radius: 0;
  max-width: 24px;
  height: auto;
}
.step-block .content h3 {
  color: #ffffff;
  font-size: 16px;
  margin: 10px 0;
}
.step-block .content p {
  color: #ffffff;
  margin: 0;
  font-size: 14px;
}
.range-block {
  position: relative;
}
.range-block img {
  max-width: 60%;
  height: auto;
  border-radius: 0;
  background: none;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.range-block:before {
  content: "";
  display: block;
  border-radius: 10px;
  background-color: #3287BF;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 80%;
}
.benefit-box .title {
  display: flex;
  gap: 5px;
  align-items: center;
}
.benefit-box .title span {
  display: flex;
  height: 22px;
  width: 22px;
  background-color: #3287BF;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.benefit-box .title span svg {
  fill: #1D3557;
  width: 10px;
  height: auto;
}
.benefit-box h3 {
  font-size: 16px;
  margin: 0;
}
.benefit-box p {
  font-size: 14px;
}
#benefits > .wp-block-group__inner-container {
  position: relative;
}
#benefits .benefit-grid {
  position: relative;
  z-index: 3;
  grid-template-columns: auto 40% auto;
}
#benefits .benefit-content {
  z-index: 1;
}
#benefits .benefit-background {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
#benefits .benefit-background img {
  background: none;
  max-height: 560px;
  width: auto;
  box-shadow: none;
  border-radius: 0;
}
.is-vertically-aligned-top {
  align-self: flex-start;
}
blockquote {
  position: relative;
}
blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -50px;
  top: -30px;
  color: #3287BF;
}
blockquote cite {
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
.case-study a {
  display: block;
  position: relative;
}
.case-study a > img {
  display: block;
  border-radius: 10px;
}
.case-study a .logo {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  border-radius: 10px;
}
.case-study a .logo img {
  max-width: 130px;
  max-height: 80px;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
}
.case-study a .content {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 3;
}
.case-study a .content h3 {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  margin: 0;
}
.page-template-page-refresh .site-container .contact-form form .question .element button,
.page-template-page-refresh .site-container .wp-block-button .wp-block-button__link {
  box-shadow: -2.36px -1.18px 9.42px rgba(0, 0, 0, 0.08), 11.78px 8.24px 23.56px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 15px 30px;
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  border: 0;
}
.page-template-page-refresh .site-container .contact-form form .question .element button.has-blue-color:hover,
.page-template-page-refresh .site-container .wp-block-button .wp-block-button__link.has-blue-color:hover {
  color: #3287BF;
}
.site-container .contact-form form .question .element button svg {
  top: 0px;
}
.page-template-page-refresh .site-container .wp-block-button .wp-block-button__link.has-green-background-color {
  background-color: #68BD49;
  border: 0;
  color: #ffffff;
}
.page-template-page-refresh .site-container .schema-faq .schema-faq-section .schema-faq-question {
  color: #1D3557;
  font-size: 18px;
}
.site-container .wp-block-button.contact-buttons .wp-block-button__link {
  text-transform: lowercase;
  width: 300px;
  justify-content: flex-start;
  color: #ffffff;
  margin: 10px 0;
}
.site-container .wp-block-button.contact-buttons .wp-block-button__link:hover {
  background-color: #1D3557;
  border-color: #1D3557;
}
.info-block {
  background-color: #68BD49;
  border-radius: 10px;
  overflow: hidden;
}
.info-block .content {
  padding: 30px;
  position: relative;
  z-index: 2;
}
.info-block .content h2 {
  font-size: 18px;
  color: #ffffff;
}
.info-block .content p {
  color: white;
}
.info-block .content .wp-block-button .wp-block-button__link {
  font-size: 14px;
  padding: 5px 10px;
  box-shadow: none;
}
.info-block .content .wp-block-button .wp-block-button__link:hover {
  border-color: #ffffff;
  color: #ffffff;
}
.info-block .content img {
  background: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
}
.info-block .content:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: -100px;
  left: 0;
  background: linear-gradient(360deg, rgba(104, 189, 73, 0) 54.49%, #68BD49 83.99%);
}
.info-block .content + img {
  background: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  mix-blend-mode: multiply;
  margin-top: -30px;
  position: relative;
  z-index: 1;
}
.app-box-grid {
  gap: 30px;
}
.app-box {
  background-color: #E7F5FF;
  padding: 10px;
  border-radius: 10px;
  height: 100%;
}
.site-container .wp-block-button.is-style-arrow .wp-block-button__link:after {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4141 13.0669H5.23914C4.68685 13.0669 4.23914 12.6192 4.23914 12.0669C4.23914 11.5146 4.68685 11.0669 5.23914 11.0669H16.4141L11.5267 6.17942C11.1342 5.78693 11.137 5.14971 11.5329 4.7607C11.924 4.37653 12.5516 4.37931 12.9392 4.76692L19.532 11.3598C19.9226 11.7503 19.9226 12.3835 19.532 12.774L12.9392 19.3669C12.5515 19.7545 11.924 19.7573 11.5329 19.3731C11.137 18.9841 11.1342 18.3469 11.5267 17.9544L16.4141 13.0669Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.site-container .wp-block-button.is-style-download .wp-block-button__link:after {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0222 16L7.02222 11L8.42222 9.55L11.0222 12.15V4H13.0222V12.15L15.6222 9.55L17.0222 11L12.0222 16ZM6.02222 20C5.47222 20 5.00138 19.8042 4.60972 19.4125C4.21805 19.0208 4.02222 18.55 4.02222 18V15H6.02222V18H18.0222V15H20.0222V18C20.0222 18.55 19.8264 19.0208 19.4347 19.4125C19.0431 19.8042 18.5722 20 18.0222 20H6.02222Z' fill='%233287BF'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.site-container .wp-block-button.is-style-call .wp-block-button__link:before {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0313 21.5669C17.948 21.5669 15.8896 21.1127 13.8563 20.2044C11.823 19.2961 9.97298 18.0086 8.30631 16.3419C6.63965 14.6752 5.35215 12.8252 4.44381 10.7919C3.53548 8.75856 3.08131 6.70023 3.08131 4.61689C3.08131 4.31689 3.18131 4.06689 3.38131 3.86689C3.58131 3.66689 3.83131 3.56689 4.13131 3.56689H8.18131C8.41465 3.56689 8.62298 3.64606 8.80631 3.80439C8.98965 3.96273 9.09798 4.15023 9.13131 4.36689L9.78131 7.86689C9.81465 8.13356 9.80631 8.35856 9.75631 8.54189C9.70631 8.72523 9.61465 8.88356 9.48131 9.01689L7.05631 11.4669C7.38965 12.0836 7.78548 12.6794 8.24381 13.2544C8.70215 13.8294 9.20631 14.3836 9.75631 14.9169C10.273 15.4336 10.8146 15.9127 11.3813 16.3544C11.948 16.7961 12.548 17.2002 13.1813 17.5669L15.5313 15.2169C15.6813 15.0669 15.8771 14.9544 16.1188 14.8794C16.3605 14.8044 16.598 14.7836 16.8313 14.8169L20.2813 15.5169C20.5146 15.5836 20.7063 15.7044 20.8563 15.8794C21.0063 16.0544 21.0813 16.2502 21.0813 16.4669V20.5169C21.0813 20.8169 20.9813 21.0669 20.7813 21.2669C20.5813 21.4669 20.3313 21.5669 20.0313 21.5669ZM6.10631 9.56689L7.75631 7.91689L7.33131 5.56689H5.10631C5.18965 6.25023 5.30631 6.92523 5.45631 7.59189C5.60631 8.25856 5.82298 8.91689 6.10631 9.56689ZM15.0563 18.5169C15.7063 18.8002 16.3688 19.0252 17.0438 19.1919C17.7188 19.3586 18.398 19.4669 19.0813 19.5169V17.3169L16.7313 16.8419L15.0563 18.5169Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.site-container .wp-block-button.is-style-email .wp-block-button__link:before {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.08131 20.7671C3.53131 20.7671 3.06048 20.5713 2.66881 20.1796C2.27715 19.7879 2.08131 19.3171 2.08131 18.7671V6.76709C2.08131 6.21709 2.27715 5.74626 2.66881 5.35459C3.06048 4.96292 3.53131 4.76709 4.08131 4.76709H20.0813C20.6313 4.76709 21.1021 4.96292 21.4938 5.35459C21.8855 5.74626 22.0813 6.21709 22.0813 6.76709V18.7671C22.0813 19.3171 21.8855 19.7879 21.4938 20.1796C21.1021 20.5713 20.6313 20.7671 20.0813 20.7671H4.08131ZM12.0813 13.7671L4.08131 8.76709V18.7671H20.0813V8.76709L12.0813 13.7671ZM12.0813 11.7671L20.0813 6.76709H4.08131L12.0813 11.7671ZM4.08131 8.76709V6.76709V18.7671V8.76709Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 1200px) {
  .hero {
    padding: 50px 30px 0;
  }
  .hero .inside .has-x-large-font-size {
    font-size: 32px!important;
  }
}
@media only screen and (max-width: 992px) {
  .process-grid {
    display: flex!important;
    gap: 20px!important;
    width: 100vw;
    padding: 30px 30px;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-padding-left: 30px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-left: -30px;
    box-sizing: border-box;
  }
  .process-grid > div {
    min-width: 380px;
    height: auto;
    scroll-snap-align: start;
  }
  .step-block {
    height: 100%;
  }
  .step-block img {
    border-radius: 15px 15px 0 0;
    mix-blend-mode: none;
  }
  .step-block .content {
    position: relative;
    background: none;
    margin-top: -33;
    padding: 20px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .benefit-box .title span {
    height: 24px;
    width: 24px;
  }
  .benefit-box .title span svg {
    max-width: 10px;
    height: auto;
  }
  .benefit-box h3 {
    font-size: 16px;
    color: #ffffff;
  }
  .benefit-box p {
    font-size: 14px;
    color: #ffffff;
  }
  #benefits .benefit-grid {
    background-color: #1D3557;
    margin-left: -30px;
    width: 100vw;
    padding: 30px;
    grid-template-columns: 1fr;
    box-sizing: border-box;
  }
  #benefits .benefit-grid .wp-block-spacer {
    display: none;
  }
  #benefits .benefit-background {
    position: relative;
    margin-top: -20px;
  }
  #benefits .benefit-grid + .wp-block-spacer {
    display: none;
  }
  .site-container .wp-block-button.contact-buttons {
    width: 100%;
  }
  .site-container .wp-block-button.contact-buttons .wp-block-button__link {
    width: 100%;
    box-sizing: border-box;
  }
  .site-container .contact-form {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .process-grid {
    display: flex!important;
  }
  .process-grid > div {
    min-width: calc(100vw - 60px);
  }
}
.edit-order-button {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding: 12px 16px;
  text-align: center;
  border-radius: 8px;
  background: #111;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.edit-order-button:hover {
  background: #333;
  color: #fff;
}