/* WAYO original contact page / "Next Steps After Submit the Form".
 * Source selectors: .section.dark-background, .base-container,
 * .response-section, .about-image-wrapper.contacts, .image-cover,
 * .image-decor, .response-text-box, .response-title,
 * .response-steps-wrapper, .response-step-item, .response-step-title,
 * .style-h5.text-light, .image-response.
 * Scoped under .pk-response-steps: no Webflow global CSS conflicts.
 */
.pk-response-steps.section.dark-background {
  --pk-rs-duration:750ms;
  --pk-rs-stagger:120ms;
  --pk-rs-offset:25px;
  position:relative;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:80px 0;
  --pk-rs-bg:#0a3248;
  background-color:#0a3248;
  color:#eef2f2;
  font-family:var(--pk-font-body,Geist,sans-serif);
  font-size:16px;
  line-height:1.3;
  letter-spacing:-.48px;
  overflow:visible;
}
/* Real background element replaces the old very large box-shadow and
 * clip-path. The section has its own background as a fallback, while this
 * independently painted layer works even with Elementor wrappers/effects.
 * Layering is explicit: backdrop below; WAYO image and text above. */
.pk-response-steps.section.dark-background {
  isolation:isolate;
  overflow:visible;
}
.pk-response-steps.section.dark-background > .pk-rs-backdrop {
  position:absolute;
  display:block;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  background-color:var(--pk-rs-bg,#0a3248);
}
.pk-response-steps.section.dark-background > .base-container {
  position:relative;
  z-index:1;
}
/* The full-width setting affects the painted backdrop, NEVER the section's
 * intrinsic width or margins, so a horizontal scrollbar cannot be created by
 * a 100vw section. Elementor's own container handles the content width. */
.pk-response-steps.section.dark-background[data-pk-rs-full-width="yes"] {
  width:100%;
  max-width:100%;
  margin-inline:0;
}
.pk-response-steps.section.dark-background[data-pk-rs-full-width="yes"] > .pk-rs-backdrop {
  width:100vw;
  max-width:none;
  left:50%;
  right:auto;
  transform:translateX(-50%);
}
/* Elementor's own entrance effect must not leave our independently animated
 * section stuck behind the `elementor-invisible` class. The widget has its own
 * optional staggered scroll animation. */
.elementor-widget-pk_response_steps.elementor-invisible {
  visibility:visible !important;
  opacity:1 !important;
}
/* Widget controls remain isolated from other Elementor sections. */
.elementor-widget-pk_response_steps {
  min-width:0;
  max-width:100%;
}
.elementor-widget-pk_response_steps > .elementor-widget-container {
  min-width:0;
  max-width:100%;
}
.pk-response-steps *,
.pk-response-steps *::before,
.pk-response-steps *::after {box-sizing:border-box;}
.pk-response-steps .w-layout-blockcontainer.base-container.w-container {
  max-width:100%;width:100%;min-width:0;
  padding:0 15px;
  margin:0 auto;
  display:block;
}
.pk-response-steps .response-section {
  width:100%;
  display:flex;
  min-width:0;
  flex-direction:row;
  align-items:stretch;
}
/* WAYO .about-image-wrapper + .about-image-wrapper.contacts */
.pk-response-steps .about-image-wrapper.contacts {
  position:relative;
  display:flex;
  flex:0 1 40%;
  justify-content:center;
  align-items:flex-start;
  width:40%;
  min-width:0;
  aspect-ratio:2.39;
  overflow:hidden;
}
.pk-response-steps .about-image-wrapper.contacts .image-cover {
  display:block;
  width:100%;height:100%;
  max-width:100%;
  border-radius:2px;
  object-fit:cover;
  object-position:50% 50%;
}
.pk-response-steps .image-decor {
  display:block;
  width:auto;
  height:auto;
  max-width:300px;
  position:absolute;
  top:0;left:50%;right:auto;bottom:auto;
  transform:translateX(-50%);
  pointer-events:none;
}
.pk-response-steps .response-text-box {
  display:flex;
  flex:1 1 0;
  flex-flow:column;
  min-width:0;
  width:60%;
  row-gap:80px;
  padding-left:80px;
}
.pk-response-steps .response-text-box.pk-rs-no-image {
  width:100%;padding-left:0;
}
.pk-response-steps .response-title {max-width:450px;min-width:0;}
.pk-response-steps .response-title .pk-rs-heading {
  display:block;
  margin:0;
  padding:0;
  color:#eef2f2;
  font-family:var(--pk-font-heading,"Barlow Condensed",sans-serif);
  font-size:70px;
  font-weight:700;
  letter-spacing:-1.4px;
  text-transform:uppercase;
  line-height:1;
  overflow:visible;
  overflow-wrap:break-word;
}
.pk-response-steps .response-steps-wrapper {
  display:flex;
  flex-flow:column;
  row-gap:30px;
  min-width:0;
}
.pk-response-steps .response-step-item {
  display:flex;
  flex-flow:column;
  row-gap:20px;
  max-width:500px;
  min-width:0;
}
.pk-response-steps .response-step-title {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  column-gap:20px;
  min-width:0;
}
.pk-response-steps .response-step-title .style-h5.text-light {
  color:#eef2f2;
  font-family:var(--pk-font-heading,"Barlow Condensed",sans-serif);
  font-size:26px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.34px;
  text-transform:uppercase;
  overflow-wrap:break-word;
}
.pk-response-steps .response-step-item > p.text-light {
  margin:0;
  color:#eef2f2;
  font-family:var(--pk-font-body,Geist,sans-serif);
  font-size:16px;
  line-height:1.3;
  font-weight:400;
  letter-spacing:-.48px;
  overflow-wrap:break-word;
}
.pk-response-steps .image-response {
  display:block;
  object-fit:cover;
  width:auto;
  height:18px;
  max-width:none;
  flex:0 0 auto;
}
/* Original WAYO >=1280px overrides: container, column widths, heading size. */
@media screen and (min-width:1280px) {
  .pk-response-steps.section.dark-background {padding-top:130px;padding-bottom:130px;}
  .pk-response-steps .w-layout-blockcontainer.base-container.w-container {padding-inline:20px;}
  .pk-response-steps .about-image-wrapper.contacts {width:50%;flex-basis:50%;}
  .pk-response-steps .response-text-box {width:50%;padding-left:100px;}
  .pk-response-steps .response-title {max-width:550px;}
  .pk-response-steps .response-title .pk-rs-heading {font-size:78px;}
}
/* Original WAYO >=1440px overrides. */
@media screen and (min-width:1440px) {
  .pk-response-steps .w-layout-blockcontainer.base-container.w-container {padding-inline:40px;}
  .pk-response-steps .image-decor {max-width:400px;}
  .pk-response-steps .response-text-box {padding-left:120px;}
}
/* Original WAYO <=991px overrides. */
@media screen and (max-width:991px) {
  .pk-response-steps .response-title .pk-rs-heading {font-size:50px;letter-spacing:-1px;}
  .pk-response-steps .image-decor {max-width:200px;}
  .pk-response-steps .response-text-box {row-gap:50px;padding-left:60px;}
  .pk-response-steps .response-step-item {row-gap:15px;max-width:none;}
  .pk-response-steps .response-steps-wrapper {row-gap:24px;}
}
/* Original WAYO <=767px: image full width, 300px tall. */
@media screen and (max-width:767px) {
  .pk-response-steps.section.dark-background {padding-block:60px;}
  .pk-response-steps .response-section {flex-flow:row wrap;}
  .pk-response-steps .about-image-wrapper.contacts {
    width:100%;flex:0 0 100%;height:300px;aspect-ratio:auto;
  }
  .pk-response-steps .about-image-wrapper.contacts .image-cover {object-position:50% 70%;}
  .pk-response-steps .image-decor {max-width:250px;}
  .pk-response-steps .response-text-box {width:100%;flex:0 0 100%;padding:0;margin-top:40px;row-gap:30px;}
  .pk-response-steps .response-text-box.pk-rs-no-image {margin-top:0;}
  .pk-response-steps .response-title {max-width:370px;}
  .pk-response-steps .response-title .pk-rs-heading {font-size:42px;letter-spacing:-1px;}
}
/* The original mobile layout remains a single column. */
@media screen and (max-width:479px) {
  .pk-response-steps .w-layout-blockcontainer.base-container.w-container {padding-inline:15px;}
}
/* Progressive enhancement: never hide the whole widget while waiting for JS,
 * images, an IntersectionObserver callback or the Elementor editor. The content
 * is always visible; motion only runs once the intersection has been confirmed. */
.pk-response-steps [data-pk-rs-reveal] {
  opacity:1;
  visibility:visible;
  transform:none;
}
.pk-response-steps[data-pk-rs-animate="yes"].pk-rs-motion-ready [data-pk-rs-reveal].pk-rs-visible {
  animation:pk-rs-enter var(--pk-rs-duration) cubic-bezier(.22,1,.36,1) both;
}
.pk-response-steps[data-pk-rs-animate="yes"].pk-rs-motion-ready [data-pk-rs-reveal="step"].pk-rs-visible {
  animation-delay:calc(var(--pk-rs-stagger) * var(--pk-rs-index,0));
}
@keyframes pk-rs-enter {
  from {opacity:.15;transform:translate3d(0,var(--pk-rs-offset),0);}
  to {opacity:1;transform:translate3d(0,0,0);}
}
@media (prefers-reduced-motion:reduce) {
  .pk-response-steps [data-pk-rs-reveal] {
    opacity:1!important;visibility:visible!important;
    transform:none!important;animation:none!important;transition:none!important;
  }
}