.elementor-2637 .elementor-element.elementor-element-8e1b7fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-476c784 *//* ==========================================
   WINDOW FOLDING CARTON HERO
========================================== */

.staviso-wfc-hero {
  position: relative;

  width: 100%;
  padding: 70px 20px 78px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(31, 102, 90, 0.08),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #f4eee7 0%,
      #f7f8f5 48%,
      #edf3f0 100%
    );

  scroll-margin-top: 100px;
}


.staviso-wfc-hero *,
.staviso-wfc-hero *::before,
.staviso-wfc-hero *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND DECORATION
========================================== */

.staviso-wfc-hero::before {
  content: "";

  position: absolute;
  top: -220px;
  right: -170px;

  width: 520px;
  height: 520px;

  border: 1px solid rgba(31, 102, 90, 0.07);
  border-radius: 50%;

  pointer-events: none;
}


.staviso-wfc-hero::after {
  content: "";

  position: absolute;
  bottom: -250px;
  left: -190px;

  width: 500px;
  height: 500px;

  background: rgba(31, 102, 90, 0.025);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-hero__container {
  position: relative;
  z-index: 1;

  display: grid;

  grid-template-columns:
    minmax(0, 1.04fr)
    minmax(440px, 0.96fr);

  gap: 62px;

  align-items: center;

  width: 100%;
  max-width: 1280px;

  margin: 0 auto;
}


/* ==========================================
   GALLERY
========================================== */

.staviso-wfc-hero__gallery {
  min-width: 0;
}


/* ==========================================
   MAIN IMAGE
========================================== */

.staviso-wfc-hero__main-image {
  position: relative;

  width: 100%;
  aspect-ratio: 1 / 1;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #d7e4de;
  border-radius: 20px;

  box-shadow:
    0 20px 50px rgba(42, 52, 47, 0.085);
}


.staviso-wfc-hero__main-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition:
    transform 0.45s ease;
}


.staviso-wfc-hero__main-image:hover img {
  transform: scale(1.025);
}


/* ==========================================
   IMAGE BADGE
========================================== */

.staviso-wfc-hero__image-badge {
  position: absolute;
  z-index: 2;

  top: 18px;
  left: 18px;

  display: inline-flex;

  align-items: center;
  gap: 7px;

  padding: 8px 11px;

  background: rgba(255, 255, 255, 0.92);

  border: 1px solid rgba(31, 102, 90, 0.16);
  border-radius: 7px;

  color: #1f665a;

  font-size: 9px;
  font-weight: 820;
  line-height: 1.3;
  letter-spacing: 0.06em;

  text-transform: uppercase;

  backdrop-filter: blur(8px);
}


.staviso-wfc-hero__image-badge::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}


/* ==========================================
   IMAGE NOTE
========================================== */

.staviso-wfc-hero__image-note {
  position: absolute;
  z-index: 2;

  right: 18px;
  bottom: 18px;
  left: 18px;

  display: flex;

  align-items: center;
  gap: 8px;

  padding: 12px 14px;

  background: rgba(30, 43, 38, 0.78);

  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;

  color: #ffffff;

  font-size: 9px;
  font-weight: 650;
  line-height: 1.45;

  backdrop-filter: blur(8px);
}


.staviso-wfc-hero__image-note-dot {
  width: 7px;
  height: 7px;

  flex: 0 0 7px;

  background: #ffffff;

  border-radius: 50%;
}


/* ==========================================
   THUMBNAILS
========================================== */

.staviso-wfc-hero__thumbs {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-top: 11px;
}


.staviso-wfc-hero__thumb {
  position: relative;

  aspect-ratio: 1 / 1;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 10px;
}


.staviso-wfc-hero__thumb img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition:
    transform 0.32s ease;
}


.staviso-wfc-hero__thumb:hover img {
  transform: scale(1.045);
}


.staviso-wfc-hero__thumb::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      transparent 50%,
      rgba(20, 35, 30, 0.56) 100%
    );

  pointer-events: none;
}


.staviso-wfc-hero__thumb span {
  position: absolute;
  z-index: 2;

  right: 8px;
  bottom: 8px;
  left: 8px;

  color: #ffffff;

  font-size: 7px;
  font-weight: 760;
  line-height: 1.3;

  text-align: center;
}


/* ==========================================
   CONTENT
========================================== */

.staviso-wfc-hero__content {
  min-width: 0;
}


/* ==========================================
   EYEBROW
========================================== */

.staviso-wfc-hero__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.staviso-wfc-hero__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}


/* ==========================================
   H1
========================================== */

.staviso-wfc-hero__content h1 {
  max-width: 680px;

  margin: 0;

  color: #1d2623;

  font-size: clamp(44px, 5vw, 66px);
  font-weight: 790;
  line-height: 0.98;
  letter-spacing: -0.048em;
}


/* ==========================================
   SUBTITLE
========================================== */

.staviso-wfc-hero__subtitle {
  max-width: 650px;

  margin: 21px 0 0;

  color: #34483f;

  font-size: 17px;
  font-weight: 650;
  line-height: 1.52;
}


/* ==========================================
   DESCRIPTION
========================================== */

.staviso-wfc-hero__description {
  max-width: 650px;

  margin: 14px 0 0;

  color: #66706c;

  font-size: 13px;
  line-height: 1.7;
}


/* ==========================================
   CORE STRUCTURE
========================================== */

.staviso-wfc-hero__core {
  margin-top: 23px;
  padding: 17px 18px;

  background:
    linear-gradient(
      135deg,
      #edf3f0 0%,
      #f7faf8 100%
    );

  border: 1px solid #cfe0d8;
  border-radius: 12px;
}


.staviso-wfc-hero__core-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 14px;

  margin-bottom: 12px;
}


.staviso-wfc-hero__core-label {
  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.staviso-wfc-hero__core-head strong {
  color: #3a4b44;

  font-size: 10px;
  font-weight: 740;
  line-height: 1.4;
}


/* ==========================================
   CORE FLOW
========================================== */

.staviso-wfc-hero__core-flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 7px;
}


.staviso-wfc-hero__core-flow > span:not(.staviso-wfc-hero__plus) {
  display: inline-flex;

  min-height: 29px;

  align-items: center;

  padding: 6px 9px;

  background: #ffffff;

  border: 1px solid #d4e2dc;
  border-radius: 6px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 750;
  line-height: 1.35;
}


.staviso-wfc-hero__plus {
  color: #82918a;

  font-size: 12px;
  font-weight: 800;
}


.staviso-wfc-hero__core p {
  margin: 11px 0 0;

  color: #69766f;

  font-size: 10px;
  line-height: 1.55;
}


/* ==========================================
   SPECS
========================================== */

.staviso-wfc-hero__specs {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 8px;

  margin-top: 18px;
}


.staviso-wfc-hero__spec {
  min-width: 0;

  padding: 11px 12px;

  background: rgba(255, 255, 255, 0.78);

  border: 1px solid #dce5e1;
  border-radius: 8px;
}


.staviso-wfc-hero__spec span {
  display: block;

  margin-bottom: 3px;

  color: #8a9690;

  font-size: 7px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.staviso-wfc-hero__spec strong {
  display: block;

  color: #394841;

  font-size: 9px;
  font-weight: 690;
  line-height: 1.45;
}


/* ==========================================
   KEY SPECS
========================================== */

.staviso-wfc-hero__spec--key {
  background: #edf3f0;

  border-color: #c9ddd4;
}


.staviso-wfc-hero__spec--key span {
  color: #1f665a;
}


.staviso-wfc-hero__spec--key strong {
  color: #1f665a;

  font-weight: 770;
}


.staviso-wfc-hero__spec--wide {
  grid-column: 1 / -1;
}


/* ==========================================
   ACTIONS
========================================== */

.staviso-wfc-hero__actions {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 20px;
}


/* ==========================================
   BUTTONS
========================================== */

.staviso-wfc-hero__button {
  display: inline-flex;

  min-height: 46px;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 10px 16px;

  border-radius: 7px;

  font-size: 10px;
  font-weight: 760;
  line-height: 1.3;

  text-decoration: none;

  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    gap 0.22s ease,
    transform 0.22s ease;
}


.staviso-wfc-hero__button svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* PRIMARY */
.staviso-wfc-hero__button--primary {
  background: #1f665a;

  border: 1px solid #1f665a;

  color: #ffffff;
}


.staviso-wfc-hero__button--primary:hover {
  gap: 11px;

  background: #174f46;

  border-color: #174f46;

  transform: translateY(-2px);
}


/* SECONDARY */
.staviso-wfc-hero__button--secondary {
  background: #ffffff;

  border: 1px solid #ccd9d3;

  color: #34483f;
}


.staviso-wfc-hero__button--secondary:hover {
  gap: 11px;

  border-color: #1f665a;

  color: #1f665a;

  transform: translateY(-2px);
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-hero__note {
  display: grid;

  grid-template-columns:
    34px
    minmax(0, 1fr);

  gap: 10px;

  align-items: center;

  margin-top: 15px;
}


.staviso-wfc-hero__note-icon {
  display: flex;

  width: 34px;
  height: 34px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.7);

  border: 1px solid #d9e4df;
  border-radius: 7px;

  color: #1f665a;
}


.staviso-wfc-hero__note-icon svg {
  width: 17px;
  height: 17px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-hero__note p {
  margin: 0;

  color: #77827d;

  font-size: 9px;
  line-height: 1.55;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 1000px) {

  .staviso-wfc-hero {
    padding: 60px 20px 70px;
  }

  .staviso-wfc-hero__container {
    grid-template-columns: 1fr;

    gap: 44px;

    max-width: 820px;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-hero {
    padding: 40px 15px 58px;
  }

  .staviso-wfc-hero__container {
    gap: 34px;
  }


  /* Gallery */
  .staviso-wfc-hero__main-image {
    border-radius: 15px;
  }

  .staviso-wfc-hero__image-badge {
    top: 12px;
    left: 12px;
  }

  .staviso-wfc-hero__image-note {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .staviso-wfc-hero__thumbs {
    gap: 6px;
  }

  .staviso-wfc-hero__thumb {
    border-radius: 7px;
  }

  .staviso-wfc-hero__thumb span {
    display: none;
  }


  /* Content */
  .staviso-wfc-hero__content h1 {
    font-size: clamp(40px, 12vw, 52px);
  }

  .staviso-wfc-hero__subtitle {
    font-size: 15px;
  }

  .staviso-wfc-hero__description {
    font-size: 12px;
  }


  /* Core */
  .staviso-wfc-hero__core-head {
    align-items: flex-start;
    flex-direction: column;

    gap: 4px;
  }


  /* Specs */
  .staviso-wfc-hero__specs {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-hero__spec--wide {
    grid-column: auto;
  }


  /* Buttons */
  .staviso-wfc-hero__actions {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-hero__button {
    width: 100%;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-hero {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-hero__core-flow {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-hero__core-flow > span:not(.staviso-wfc-hero__plus) {
    justify-content: center;
  }

  .staviso-wfc-hero__plus {
    text-align: center;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-hero__main-image img,
  .staviso-wfc-hero__thumb img,
  .staviso-wfc-hero__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-227f857b *//* ==========================================
   WINDOW FOLDING CARTON
   STRUCTURE
========================================== */

.staviso-wfc-structure {
  position: relative;
  width: 100%;
  padding: 92px 20px 98px;
  overflow: hidden;
  background: #ffffff;
  scroll-margin-top: 100px;
}

.staviso-wfc-structure *,
.staviso-wfc-structure *::before,
.staviso-wfc-structure *::after {
  box-sizing: border-box;
}

.staviso-wfc-structure__container {
  position: relative;
  z-index: 1;

  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(450px, 1.08fr);

  gap: 70px;
  align-items: center;

  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


/* HEADER CONTENT */

.staviso-wfc-structure__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;
  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.staviso-wfc-structure__eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #1f665a;
  border-radius: 50%;
}

.staviso-wfc-structure__content h2 {
  margin: 0 0 20px;
  max-width: 600px;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-structure__lead {
  margin: 0 0 14px;

  color: #34463f;

  font-size: 17px;
  font-weight: 620;
  line-height: 1.65;
}

.staviso-wfc-structure__description {
  margin: 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* FEATURES */

.staviso-wfc-structure__features {
  display: grid;
  gap: 10px;
  margin-top: 31px;
}

.staviso-wfc-structure__feature {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;

  padding: 15px 16px;

  background: #f8faf9;
  border: 1px solid #e0e8e4;
  border-radius: 11px;
}

.staviso-wfc-structure__feature-icon {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;

  background: #edf3f0;
  border: 1px solid #d9e5df;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-structure__feature-icon svg {
  width: 21px;
  height: 21px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-structure__feature h3 {
  margin: 0 0 4px;

  color: #2c3933;

  font-size: 14px;
  font-weight: 750;
}

.staviso-wfc-structure__feature p {
  margin: 0;

  color: #6e7974;

  font-size: 11px;
  line-height: 1.55;
}


/* DIAGRAM CARD */

.staviso-wfc-structure__diagram-card {
  padding: 28px;

  background:
    linear-gradient(
      145deg,
      #f5f8f6,
      #edf2ef
    );

  border: 1px solid #d8e4de;
  border-radius: 20px;

  box-shadow:
    0 16px 38px rgba(42, 51, 47, 0.065);
}

.staviso-wfc-structure__diagram-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;

  margin-bottom: 22px;
}

.staviso-wfc-structure__diagram-label {
  display: block;
  margin-bottom: 5px;

  color: #829089;

  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.staviso-wfc-structure__diagram-header h3 {
  margin: 0;

  color: #29352f;

  font-size: 20px;
  font-weight: 760;
}

.staviso-wfc-structure__code {
  display: flex;
  min-width: 48px;
  height: 34px;
  align-items: center;
  justify-content: center;

  background: #1f665a;
  border-radius: 7px;

  color: #fff;

  font-size: 10px;
  font-weight: 850;
}


/* DIAGRAM */

.staviso-wfc-structure__diagram {
  display: grid;
  gap: 9px;

  padding: 22px;

  background: rgba(255,255,255,.85);
  border: 1px solid #dce6e1;
  border-radius: 14px;
}

.staviso-wfc-structure__step {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 20px;
  align-items: center;

  min-height: 96px;
  padding: 14px 16px;

  background: #fff;
  border: 1px solid #e0e8e4;
  border-radius: 10px;
}

.staviso-wfc-structure__step--final {
  background: linear-gradient(90deg, #fff, #eef6f2);
  border-color: #bfd7cd;
}

.staviso-wfc-structure__step-info {
  display: grid;
  gap: 5px;
}

.staviso-wfc-structure__step-info span {
  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

.staviso-wfc-structure__step-info strong {
  color: #425149;

  font-size: 10px;
  font-weight: 760;
}


/* BLANK */

.staviso-wfc-structure__blank {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;

  width: 160px;
  height: 65px;

  margin: auto;
  padding: 12px;

  background: #edf3f0;
  border: 2px solid #668b7f;
}

.staviso-wfc-structure__blank-print {
  width: 70%;
  height: 4px;
  background: #aac1b8;
}


/* APERTURE */

.staviso-wfc-structure__aperture {
  display: flex;
  width: 160px;
  height: 70px;

  align-items: center;
  justify-content: center;

  margin: auto;

  border: 2px solid #668b7f;

  color: #1f665a;

  font-size: 9px;
  font-weight: 760;
}

.staviso-wfc-structure__aperture::before {
  content: "";

  position: absolute;
}


/* FILM */

.staviso-wfc-structure__film {
  display: flex;

  width: 160px;
  height: 70px;

  align-items: center;
  justify-content: center;

  margin: auto;

  background:
    linear-gradient(
      135deg,
      rgba(193, 222, 215, 0.35),
      rgba(255,255,255,.8)
    );

  border: 2px solid #8db0a4;

  color: #1f665a;

  font-size: 9px;
  font-weight: 760;
}


/* FINAL CARTON */

.staviso-wfc-structure__carton {
  position: relative;

  width: 155px;
  height: 88px;

  margin: auto;

  background: #1f665a;

  border-radius: 4px;
}

.staviso-wfc-structure__branding {
  position: absolute;

  top: 12px;
  left: 12px;

  color: #fff;

  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.staviso-wfc-structure__window {
  position: absolute;

  right: 12px;
  bottom: 12px;

  display: flex;

  width: 78px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.92);

  border: 2px solid #fff;
  border-radius: 3px;

  color: #4f5d57;

  font-size: 8px;
  font-weight: 720;
}


/* ARROWS */

.staviso-wfc-structure__arrow {
  display: flex;
  flex-direction: column;
  align-items: center;

  color: #1f665a;
}

.staviso-wfc-structure__arrow span {
  color: #829089;

  font-size: 7px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.staviso-wfc-structure__arrow svg {
  width: 20px;
  height: 27px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* FLOW */

.staviso-wfc-structure__flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  gap: 8px;

  margin-top: 17px;
  padding: 13px;

  background: #fff;
  border: 1px solid #dbe5e0;
  border-radius: 9px;
}

.staviso-wfc-structure__flow span {
  color: #586861;

  font-size: 9px;
  font-weight: 720;
}

.staviso-wfc-structure__flow svg {
  width: 14px;
  height: 14px;

  fill: none;
  stroke: #1f665a;
  stroke-width: 1.8;
}

.staviso-wfc-structure__flow-final {
  padding: 5px 8px;

  background: #1f665a;
  border-radius: 5px;

  color: #fff !important;
}


/* NOTE */

.staviso-wfc-structure__note {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: center;

  margin-top: 15px;
  padding: 14px 15px;

  background: #fff;
  border: 1px solid #dbe5e0;
  border-radius: 10px;
}

.staviso-wfc-structure__note-icon {
  display: flex;
  width: 40px;
  height: 40px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;
  border-radius: 8px;

  color: #1f665a;
}

.staviso-wfc-structure__note-icon svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.staviso-wfc-structure__note p {
  margin: 0;

  color: #68756f;

  font-size: 10px;
  line-height: 1.55;
}


/* RESPONSIVE */

@media screen and (max-width: 960px) {

  .staviso-wfc-structure__container {
    grid-template-columns: 1fr;
    gap: 42px;

    max-width: 820px;
  }

}

@media screen and (max-width: 640px) {

  .staviso-wfc-structure {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-structure__content h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-structure__diagram-card {
    padding: 18px;
  }

  .staviso-wfc-structure__step {
    grid-template-columns: 1fr;

    text-align: center;
  }

  .staviso-wfc-structure__step-info {
    justify-items: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45bc6bd3 *//* ==========================================
   WINDOW FOLDING CARTON
   BENEFITS
========================================== */

.staviso-wfc-benefits {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #f4eee7;

  scroll-margin-top: 100px;
}

.staviso-wfc-benefits *,
.staviso-wfc-benefits *::before,
.staviso-wfc-benefits *::after {
  box-sizing: border-box;
}


/* CONTAINER */

.staviso-wfc-benefits__container {
  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* HEADER */

.staviso-wfc-benefits__header {
  max-width: 800px;

  margin: 0 auto 44px;

  text-align: center;
}

.staviso-wfc-benefits__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-wfc-benefits__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}

.staviso-wfc-benefits__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-benefits__intro {
  max-width: 730px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* GRID */

.staviso-wfc-benefits__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;
}


/* CARD */

.staviso-wfc-benefits__card {
  position: relative;

  min-height: 255px;

  padding: 23px 22px 24px;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 15px;

  box-shadow:
    0 10px 28px rgba(40, 52, 46, 0.045);

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.staviso-wfc-benefits__card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background: #1f665a;

  opacity: 0;

  transform: scaleX(.35);
  transform-origin: left;

  transition:
    opacity .24s ease,
    transform .24s ease;
}

.staviso-wfc-benefits__card:hover {
  transform: translateY(-4px);

  border-color: rgba(31,102,90,.28);

  box-shadow:
    0 16px 34px rgba(40,52,46,.075);
}

.staviso-wfc-benefits__card:hover::before {
  opacity: 1;
  transform: scaleX(1);
}


/* PRIORITY */

.staviso-wfc-benefits__card--priority {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f0f6f3
    );

  border-color: #cadfd6;
}

.staviso-wfc-benefits__card--priority::before {
  opacity: 1;
  transform: scaleX(1);
}


/* TOP */

.staviso-wfc-benefits__card-top {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  margin-bottom: 26px;
}

.staviso-wfc-benefits__number {
  color: #94a09a;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}

.staviso-wfc-benefits__icon {
  display: flex;

  width: 47px;
  height: 47px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d8e4de;
  border-radius: 10px;

  color: #1f665a;
}

.staviso-wfc-benefits__icon svg {
  width: 22px;
  height: 22px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-benefits__card--priority
.staviso-wfc-benefits__icon {
  background: #1f665a;
  border-color: #1f665a;
  color: #ffffff;
}


/* LABEL */

.staviso-wfc-benefits__priority-label {
  display: inline-flex;

  margin-bottom: 8px;
  padding: 4px 7px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  letter-spacing: .08em;

  text-transform: uppercase;
}


/* TEXT */

.staviso-wfc-benefits__card h3 {
  margin: 0 0 9px;

  color: #29362f;

  font-size: 17px;
  font-weight: 760;
  line-height: 1.35;
}

.staviso-wfc-benefits__card p {
  margin: 0;

  color: #6b7771;

  font-size: 11px;
  line-height: 1.65;
}


/* SUMMARY */

.staviso-wfc-benefits__summary {
  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    1px
    minmax(0,1fr)
    1px
    minmax(0,1fr);

  gap: 18px;

  align-items: center;

  margin-top: 20px;
  padding: 19px 22px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31,102,90,.13);
}

.staviso-wfc-benefits__summary-item {
  text-align: center;
}

.staviso-wfc-benefits__summary-item strong {
  display: block;

  margin-bottom: 4px;

  color: #ffffff;

  font-size: 12px;
  font-weight: 760;
}

.staviso-wfc-benefits__summary-item span {
  color: rgba(255,255,255,.68);

  font-size: 9px;
  line-height: 1.5;
}

.staviso-wfc-benefits__summary-divider {
  width: 1px;
  height: 35px;

  background: rgba(255,255,255,.18);
}


/* RESPONSIVE */

@media screen and (max-width: 960px) {

  .staviso-wfc-benefits__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}

@media screen and (max-width: 640px) {

  .staviso-wfc-benefits {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-benefits__header {
    margin-bottom: 32px;

    text-align: left;
  }

  .staviso-wfc-benefits__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-benefits__intro {
    margin-left: 0;

    font-size: 13px;
  }

  .staviso-wfc-benefits__grid {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-benefits__card {
    min-height: 0;
  }

  .staviso-wfc-benefits__summary {
    grid-template-columns: 1fr;

    gap: 13px;
  }

  .staviso-wfc-benefits__summary-divider {
    width: 100%;
    height: 1px;
  }

  .staviso-wfc-benefits__summary-item {
    text-align: left;
  }

}

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-benefits__card,
  .staviso-wfc-benefits__card::before {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73e7d427 *//* ==========================================
   WINDOW FOLDING CARTON
   WINDOW STYLES
========================================== */

.staviso-wfc-styles {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #ffffff;

  scroll-margin-top: 100px;
}

.staviso-wfc-styles *,
.staviso-wfc-styles *::before,
.staviso-wfc-styles *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND DECORATION
========================================== */

.staviso-wfc-styles::before {
  content: "";

  position: absolute;
  top: -190px;
  right: -150px;

  width: 420px;
  height: 420px;

  border: 1px solid rgba(31, 102, 90, 0.06);
  border-radius: 50%;

  pointer-events: none;
}


.staviso-wfc-styles::after {
  content: "";

  position: absolute;
  bottom: -230px;
  left: -170px;

  width: 440px;
  height: 440px;

  background: rgba(31, 102, 90, 0.025);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-styles__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-styles__header {
  max-width: 800px;

  margin: 0 auto 44px;

  text-align: center;
}


.staviso-wfc-styles__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.staviso-wfc-styles__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  background: #1f665a;

  border-radius: 50%;
}


.staviso-wfc-styles__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}


.staviso-wfc-styles__intro {
  max-width: 730px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   GRID
========================================== */

.staviso-wfc-styles__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 18px;
}


/* ==========================================
   CARD
========================================== */

.staviso-wfc-styles__card {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(220px, 0.92fr);

  min-height: 290px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 16px;

  box-shadow:
    0 10px 28px rgba(40, 52, 46, 0.045);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}


.staviso-wfc-styles__card:hover {
  transform: translateY(-4px);

  border-color: rgba(31, 102, 90, 0.30);

  box-shadow:
    0 17px 36px rgba(40, 52, 46, 0.075);
}


/* ==========================================
   FEATURE CARD
========================================== */

.staviso-wfc-styles__card--feature {
  border-color: #c7dcd3;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f3f8f5
    );
}


/* ==========================================
   IMAGE
========================================== */

.staviso-wfc-styles__image {
  position: relative;

  min-height: 290px;

  overflow: hidden;

  background: #f2f5f3;
}


.staviso-wfc-styles__image::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(20, 38, 32, 0.01) 42%,
      rgba(20, 38, 32, 0.17) 100%
    );

  pointer-events: none;
}


.staviso-wfc-styles__image img {
  display: block;

  width: 100%;
  height: 100%;

  min-height: 290px;

  object-fit: cover;
  object-position: center;

  transition:
    transform 0.42s ease;
}


.staviso-wfc-styles__card:hover
.staviso-wfc-styles__image img {
  transform: scale(1.035);
}


/* ==========================================
   NUMBER
========================================== */

.staviso-wfc-styles__number {
  position: absolute;
  z-index: 2;

  top: 14px;
  left: 14px;

  display: inline-flex;

  min-width: 34px;
  height: 27px;

  align-items: center;
  justify-content: center;

  padding: 0 8px;

  background: rgba(255, 255, 255, 0.93);

  border: 1px solid rgba(31, 102, 90, 0.16);
  border-radius: 6px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.07em;

  backdrop-filter: blur(7px);
}


/* ==========================================
   TYPE
========================================== */

.staviso-wfc-styles__type {
  position: absolute;
  z-index: 2;

  right: 14px;
  bottom: 14px;

  display: inline-flex;

  min-height: 27px;

  align-items: center;

  padding: 6px 9px;

  background: rgba(31, 102, 90, 0.91);

  border-radius: 6px;

  color: #ffffff;

  font-size: 7px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.07em;

  text-transform: uppercase;

  backdrop-filter: blur(7px);
}


/* ==========================================
   CONTENT
========================================== */

.staviso-wfc-styles__content {
  display: flex;
  flex-direction: column;

  justify-content: center;

  min-width: 0;

  padding: 27px 25px;
}


.staviso-wfc-styles__content h3 {
  margin: 0 0 11px;

  color: #28352f;

  font-size: 20px;
  font-weight: 760;
  line-height: 1.3;
  letter-spacing: -0.025em;
}


.staviso-wfc-styles__content > p {
  margin: 0;

  color: #6b7771;

  font-size: 11px;
  line-height: 1.68;
}


/* ==========================================
   FEATURE LABEL
========================================== */

.staviso-wfc-styles__feature-label {
  display: inline-flex;

  width: fit-content;

  margin-bottom: 8px;
  padding: 4px 7px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


/* ==========================================
   BEST FOR
========================================== */

.staviso-wfc-styles__best {
  margin-top: 22px;
  padding-top: 16px;

  border-top: 1px solid #e2e9e5;
}


.staviso-wfc-styles__best-label {
  display: block;

  margin-bottom: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.staviso-wfc-styles__best strong {
  display: block;

  color: #405149;

  font-size: 10px;
  font-weight: 720;
  line-height: 1.5;
}


/* ==========================================
   TECHNICAL NOTE
========================================== */

.staviso-wfc-styles__technical-note {
  display: grid;

  grid-template-columns:
    30px
    minmax(0, 1fr);

  gap: 9px;

  align-items: start;

  margin-top: 14px;
  padding: 11px 12px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 8px;
}


.staviso-wfc-styles__technical-icon {
  display: flex;

  width: 30px;
  height: 30px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #d7e4de;
  border-radius: 6px;

  color: #1f665a;
}


.staviso-wfc-styles__technical-icon svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-styles__technical-note p {
  margin: 0;

  color: #637069;

  font-size: 8px;
  line-height: 1.55;
}


/* ==========================================
   GUIDE
========================================== */

.staviso-wfc-styles__guide {
  display: grid;

  grid-template-columns:
    minmax(300px, 0.9fr)
    minmax(0, 1.1fr);

  gap: 26px;

  align-items: center;

  margin-top: 20px;
  padding: 20px 22px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 13px;
}


/* ==========================================
   GUIDE INTRO
========================================== */

.staviso-wfc-styles__guide-intro {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 13px;

  align-items: center;
}


.staviso-wfc-styles__guide-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #d8e4de;
  border-radius: 9px;

  color: #1f665a;
}


.staviso-wfc-styles__guide-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-styles__guide-intro strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}


.staviso-wfc-styles__guide-intro p {
  margin: 0;

  color: #68756f;

  font-size: 9px;
  line-height: 1.55;
}


/* ==========================================
   GUIDE FLOW
========================================== */

.staviso-wfc-styles__guide-flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: flex-end;

  gap: 7px;
}


.staviso-wfc-styles__guide-flow span {
  display: inline-flex;

  min-height: 29px;

  align-items: center;
  justify-content: center;

  padding: 6px 9px;

  background: #ffffff;

  border: 1px solid #d5e2dc;
  border-radius: 5px;

  color: #52635c;

  font-size: 8px;
  font-weight: 700;
}


.staviso-wfc-styles__guide-flow
.staviso-wfc-styles__guide-final {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;

  font-weight: 800;
}


.staviso-wfc-styles__guide-flow svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke: #1f665a;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   SUMMARY
========================================== */

.staviso-wfc-styles__summary {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    1px
    minmax(0, 1fr)
    1px
    minmax(0, 1fr)
    1px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 16px;
  padding: 18px 20px;

  background: #1f665a;

  border-radius: 12px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}


.staviso-wfc-styles__summary-item {
  text-align: center;
}


.staviso-wfc-styles__summary-item span {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.58);

  font-size: 7px;
  font-weight: 760;
  line-height: 1.3;

  text-transform: uppercase;
}


.staviso-wfc-styles__summary-item strong {
  display: block;

  color: #ffffff;

  font-size: 10px;
  font-weight: 760;
  line-height: 1.4;
}


.staviso-wfc-styles__summary-divider {
  width: 1px;
  height: 33px;

  background: rgba(255, 255, 255, 0.18);
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 1000px) {

  .staviso-wfc-styles {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-styles__card {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-styles__image,
  .staviso-wfc-styles__image img {
    min-height: 245px;
  }

  .staviso-wfc-styles__guide {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-styles__guide-flow {
    justify-content: flex-start;
  }

  .staviso-wfc-styles__summary {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 14px;
  }

  .staviso-wfc-styles__summary-divider {
    display: none;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-styles {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-styles__header {
    margin-bottom: 32px;

    text-align: left;
  }

  .staviso-wfc-styles__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-styles__intro {
    margin-left: 0;

    font-size: 13px;
  }

  .staviso-wfc-styles__grid {
    grid-template-columns: 1fr;

    gap: 13px;
  }

  .staviso-wfc-styles__card {
    min-height: 0;

    border-radius: 14px;
  }

  .staviso-wfc-styles__image,
  .staviso-wfc-styles__image img {
    min-height: 230px;
  }

  .staviso-wfc-styles__content {
    padding: 21px 20px 22px;
  }

  .staviso-wfc-styles__content h3 {
    font-size: 18px;
  }


  /* GUIDE */
  .staviso-wfc-styles__guide {
    padding: 17px;
  }

  .staviso-wfc-styles__guide-flow {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-styles__guide-flow span {
    width: 100%;
  }

  .staviso-wfc-styles__guide-flow svg {
    margin: 0 auto;

    transform: rotate(90deg);
  }


  /* SUMMARY */
  .staviso-wfc-styles__summary {
    grid-template-columns: 1fr;

    gap: 0;

    padding: 17px 18px;
  }

  .staviso-wfc-styles__summary-item {
    padding: 11px 0;

    text-align: left;

    border-bottom:
      1px solid rgba(255, 255, 255, 0.15);
  }

  .staviso-wfc-styles__summary-item:last-of-type {
    border-bottom: 0;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-styles {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-styles__guide-intro {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-styles__card,
  .staviso-wfc-styles__image img {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64434f *//* ==========================================
   WINDOW FOLDING CARTON
   PRODUCT SPECIFICATIONS
========================================== */

.staviso-wfc-specs {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #f4eee7;

  scroll-margin-top: 100px;
}

.staviso-wfc-specs *,
.staviso-wfc-specs *::before,
.staviso-wfc-specs *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND
========================================== */

.staviso-wfc-specs::before {
  content: "";

  position: absolute;
  top: -190px;
  right: -150px;

  width: 420px;
  height: 420px;

  border: 1px solid rgba(31, 102, 90, 0.07);
  border-radius: 50%;

  pointer-events: none;
}

.staviso-wfc-specs::after {
  content: "";

  position: absolute;
  bottom: -230px;
  left: -180px;

  width: 450px;
  height: 450px;

  background: rgba(31, 102, 90, 0.028);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-specs__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-specs__header {
  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;
}

.staviso-wfc-specs__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-wfc-specs__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  background: #1f665a;

  border-radius: 50%;
}

.staviso-wfc-specs__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-specs__intro {
  max-width: 740px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   TABLE WRAPPER
========================================== */

.staviso-wfc-specs__table-wrap {
  width: 100%;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 16px;

  box-shadow:
    0 14px 34px rgba(40, 52, 46, 0.055);
}


/* ==========================================
   TABLE
========================================== */

.staviso-wfc-specs__table {
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;

  font-family: inherit;
}


/* TABLE HEADER */

.staviso-wfc-specs__table thead {
  background: #1f665a;
}

.staviso-wfc-specs__table thead th {
  padding: 17px 22px;

  color: #ffffff;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.08em;

  text-align: left;
  text-transform: uppercase;
}

.staviso-wfc-specs__table thead th:first-child {
  width: 34%;
}


/* ==========================================
   ROWS
========================================== */

.staviso-wfc-specs__table tbody tr {
  border-bottom: 1px solid #e4ebe7;

  transition:
    background-color 0.2s ease;
}

.staviso-wfc-specs__table tbody tr:last-child {
  border-bottom: 0;
}

.staviso-wfc-specs__table tbody tr:nth-child(even) {
  background: #fafbf9;
}

.staviso-wfc-specs__table tbody tr:hover {
  background: #f1f6f3;
}


/* CELLS */

.staviso-wfc-specs__table tbody th,
.staviso-wfc-specs__table tbody td {
  padding: 16px 22px;

  vertical-align: middle;
}

.staviso-wfc-specs__table tbody th {
  color: #35423d;

  font-size: 12px;
  font-weight: 730;
  line-height: 1.45;

  text-align: left;
}

.staviso-wfc-specs__table tbody td {
  color: #68736e;

  font-size: 12px;
  line-height: 1.55;
}


/* ==========================================
   WFC TAG
========================================== */

.staviso-wfc-specs__value {
  margin-right: 8px;
}

.staviso-wfc-specs__tag {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 4px 7px;

  background: #edf3f0;

  border: 1px solid #d5e2dc;
  border-radius: 5px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.06em;
}


/* ==========================================
   HIGHLIGHT ROWS
========================================== */

.staviso-wfc-specs__row--highlight {
  background:
    linear-gradient(
      90deg,
      #edf3f0 0%,
      #f8faf9 100%
    ) !important;
}

.staviso-wfc-specs__row--highlight th {
  color: #1f665a !important;

  border-left: 4px solid #1f665a;
}

.staviso-wfc-specs__key-value {
  color: #1f665a;

  font-weight: 780;
}

.staviso-wfc-specs__key-badge {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  margin-left: 8px;
  padding: 4px 7px;

  background: #1f665a;

  border-radius: 5px;

  color: #ffffff;

  font-size: 7px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}


/* WINDOW TYPE VARIATION */

.staviso-wfc-specs__row--window {
  background:
    linear-gradient(
      90deg,
      #eef6f2 0%,
      #ffffff 100%
    ) !important;
}


/* ==========================================
   STRUCTURE SUMMARY
========================================== */

.staviso-wfc-specs__structure-summary {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    34px
    minmax(0, 1fr)
    34px
    minmax(0, 1fr);

  gap: 10px;

  align-items: center;

  margin-top: 18px;
  padding: 19px 20px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}


/* STRUCTURE ITEM */

.staviso-wfc-specs__structure-item {
  display: grid;

  grid-template-columns:
    40px
    minmax(0, 1fr);

  gap: 11px;

  align-items: center;
}

.staviso-wfc-specs__structure-icon {
  display: flex;

  width: 40px;
  height: 40px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.12);

  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 8px;

  color: #ffffff;
}

.staviso-wfc-specs__structure-icon svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-specs__structure-item
span:not(.staviso-wfc-specs__structure-icon) {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.58);

  font-size: 7px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}

.staviso-wfc-specs__structure-item strong {
  display: block;

  color: #ffffff;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.4;
}


/* PLUS */

.staviso-wfc-specs__plus {
  display: flex;

  align-items: center;
  justify-content: center;

  color: rgba(255, 255, 255, 0.6);

  font-size: 18px;
  font-weight: 500;
}


/* ==========================================
   DESIGN LOGIC
========================================== */

.staviso-wfc-specs__logic {
  display: grid;

  grid-template-columns:
    minmax(330px, 0.92fr)
    minmax(0, 1.08fr);

  gap: 24px;

  align-items: center;

  margin-top: 15px;
  padding: 18px 20px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 12px;
}


/* LOGIC INTRO */

.staviso-wfc-specs__logic-intro {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr);

  gap: 12px;

  align-items: center;
}

.staviso-wfc-specs__logic-icon {
  display: flex;

  width: 42px;
  height: 42px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #d7e4de;
  border-radius: 8px;

  color: #1f665a;
}

.staviso-wfc-specs__logic-icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-specs__logic-intro strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}

.staviso-wfc-specs__logic-intro p {
  margin: 0;

  color: #68756f;

  font-size: 9px;
  line-height: 1.55;
}


/* LOGIC FLOW */

.staviso-wfc-specs__logic-flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: flex-end;

  gap: 7px;
}

.staviso-wfc-specs__logic-flow span {
  display: inline-flex;

  min-height: 29px;

  align-items: center;
  justify-content: center;

  padding: 6px 9px;

  background: #ffffff;

  border: 1px solid #d5e2dc;
  border-radius: 5px;

  color: #52635c;

  font-size: 8px;
  font-weight: 700;
}

.staviso-wfc-specs__logic-flow
.staviso-wfc-specs__logic-final {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;

  font-weight: 800;
}

.staviso-wfc-specs__logic-flow svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke: #1f665a;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-specs__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 12px;
}

.staviso-wfc-specs__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d8e4de;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-specs__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-specs__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

.staviso-wfc-specs__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 900px) {

  .staviso-wfc-specs {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-specs__structure-summary {
    grid-template-columns: 1fr;

    gap: 8px;
  }

  .staviso-wfc-specs__plus {
    justify-content: flex-start;

    padding-left: 12px;
  }

  .staviso-wfc-specs__logic {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-specs__logic-flow {
    justify-content: flex-start;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-specs {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-specs__header {
    margin-bottom: 30px;

    text-align: left;
  }

  .staviso-wfc-specs__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-specs__intro {
    margin-left: 0;

    font-size: 13px;
  }


  /* ==========================================
     MOBILE TABLE
  =========================================== */

  .staviso-wfc-specs__table thead {
    display: none;
  }

  .staviso-wfc-specs__table,
  .staviso-wfc-specs__table tbody,
  .staviso-wfc-specs__table tr,
  .staviso-wfc-specs__table th,
  .staviso-wfc-specs__table td {
    display: block;

    width: 100%;
  }

  .staviso-wfc-specs__table tbody tr {
    padding: 15px 17px;

    border-bottom: 1px solid #e3ebe7;
  }

  .staviso-wfc-specs__table tbody th {
    padding: 0 0 5px;

    color: #1f665a;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.07em;

    text-transform: uppercase;
  }

  .staviso-wfc-specs__table tbody td {
    padding: 0;

    color: #47554f;

    font-size: 12px;
    font-weight: 550;
  }


  /* HIGHLIGHT */
  .staviso-wfc-specs__row--highlight {
    padding-top: 18px !important;
    padding-bottom: 18px !important;

    border-left: 3px solid #1f665a;
  }

  .staviso-wfc-specs__row--highlight th {
    border-left: 0;
  }

  .staviso-wfc-specs__key-badge {
    margin-top: 7px;
    margin-left: 0;
  }


  /* LOGIC */
  .staviso-wfc-specs__logic {
    padding: 17px;
  }

  .staviso-wfc-specs__logic-flow {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-specs__logic-flow span {
    width: 100%;
  }

  .staviso-wfc-specs__logic-flow svg {
    margin: 0 auto;

    transform: rotate(90deg);
  }


  /* NOTE */
  .staviso-wfc-specs__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-specs__note-icon {
    width: 40px;
    height: 40px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-specs {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-specs__logic-intro,
  .staviso-wfc-specs__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-specs__table tbody tr {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72a18c71 *//* ==========================================
   WINDOW FOLDING CARTON
   WINDOW MATERIAL OPTIONS
========================================== */

.staviso-wfc-windowmat {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #ffffff;

  scroll-margin-top: 100px;
}


.staviso-wfc-windowmat *,
.staviso-wfc-windowmat *::before,
.staviso-wfc-windowmat *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND
========================================== */

.staviso-wfc-windowmat::before {
  content: "";

  position: absolute;
  top: -190px;
  right: -160px;

  width: 430px;
  height: 430px;

  border: 1px solid rgba(31, 102, 90, 0.06);
  border-radius: 50%;

  pointer-events: none;
}


.staviso-wfc-windowmat::after {
  content: "";

  position: absolute;
  bottom: -230px;
  left: -170px;

  width: 440px;
  height: 440px;

  background: rgba(31, 102, 90, 0.025);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-windowmat__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-windowmat__header {
  max-width: 800px;

  margin: 0 auto 44px;

  text-align: center;
}


.staviso-wfc-windowmat__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.staviso-wfc-windowmat__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  background: #1f665a;

  border-radius: 50%;
}


.staviso-wfc-windowmat__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}


.staviso-wfc-windowmat__intro {
  max-width: 730px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   GRID
========================================== */

.staviso-wfc-windowmat__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;
}


/* ==========================================
   CARD
========================================== */

.staviso-wfc-windowmat__card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 470px;

  padding: 22px;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 16px;

  box-shadow:
    0 10px 28px rgba(40, 52, 46, 0.045);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}


.staviso-wfc-windowmat__card:hover {
  transform: translateY(-4px);

  border-color: rgba(31, 102, 90, 0.3);

  box-shadow:
    0 16px 35px rgba(40, 52, 46, 0.075);
}


.staviso-wfc-windowmat__card--primary {
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f0f6f3 100%
    );

  border-color: #c6dbd2;
}


/* ==========================================
   CARD TOP
========================================== */

.staviso-wfc-windowmat__card-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-bottom: 18px;
}


.staviso-wfc-windowmat__number {
  color: #89968f;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
}


.staviso-wfc-windowmat__badge {
  display: inline-flex;

  align-items: center;

  min-height: 25px;

  padding: 5px 8px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}


/* ==========================================
   VISUAL
========================================== */

.staviso-wfc-windowmat__visual {
  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  min-height: 190px;

  padding: 22px;

  background: #f5f8f6;

  border: 1px solid #dce6e1;
  border-radius: 11px;
}


/* CARTON */

.staviso-wfc-windowmat__carton {
  position: relative;

  width: 180px;
  height: 124px;

  overflow: hidden;

  background: #1f665a;

  border-radius: 5px;

  box-shadow:
    7px 9px 0 rgba(31, 102, 90, 0.09);
}


.staviso-wfc-windowmat__branding {
  position: absolute;

  top: 14px;
  left: 15px;

  color: rgba(255, 255, 255, 0.85);

  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.06em;

  text-transform: uppercase;
}


/* ==========================================
   WINDOW BASE
========================================== */

.staviso-wfc-windowmat__window {
  position: absolute;

  right: 16px;
  bottom: 15px;

  display: flex;

  width: 104px;
  height: 69px;

  align-items: center;
  justify-content: center;

  border-radius: 3px;

  font-size: 8px;
  font-weight: 760;
}


/* CLEAR */

.staviso-wfc-windowmat__window--clear {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.82),
      rgba(211, 232, 226, 0.64)
    );

  border: 2px solid rgba(255, 255, 255, 0.9);

  color: #53655e;
}


.staviso-wfc-windowmat__window--clear::after {
  content: "";

  position: absolute;

  top: 7px;
  left: 12px;

  width: 24px;
  height: 2px;

  background: rgba(255, 255, 255, 0.85);

  transform: rotate(-38deg);
}


/* SPECIALTY */

.staviso-wfc-windowmat__window--specialty {
  background:
    repeating-linear-gradient(
      135deg,
      rgba(232, 242, 238, 0.9) 0,
      rgba(232, 242, 238, 0.9) 9px,
      rgba(203, 224, 216, 0.72) 9px,
      rgba(203, 224, 216, 0.72) 11px
    );

  border: 2px solid rgba(255, 255, 255, 0.9);

  color: #426258;
}


/* OPEN */

.staviso-wfc-windowmat__window--open {
  background: #ffffff;

  border: 3px solid #ffffff;

  outline: 1px dashed rgba(31, 102, 90, 0.4);
  outline-offset: -7px;

  color: #1f665a;
}


/* ==========================================
   VISUAL LABEL
========================================== */

.staviso-wfc-windowmat__visual-label {
  display: block;

  margin-top: 14px;

  color: #839089;

  font-size: 7px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}


/* ==========================================
   CARD CONTENT
========================================== */

.staviso-wfc-windowmat__content {
  margin-top: 21px;
}


.staviso-wfc-windowmat__content h3 {
  margin: 0 0 9px;

  color: #29362f;

  font-size: 19px;
  font-weight: 760;
  line-height: 1.35;
  letter-spacing: -0.02em;
}


.staviso-wfc-windowmat__content p {
  margin: 0;

  color: #6b7771;

  font-size: 11px;
  line-height: 1.67;
}


/* ==========================================
   FEATURE TAGS
========================================== */

.staviso-wfc-windowmat__features {
  display: flex;

  flex-wrap: wrap;

  gap: 6px;

  margin-top: auto;
  padding-top: 19px;
}


.staviso-wfc-windowmat__features span {
  display: inline-flex;

  align-items: center;

  min-height: 26px;

  padding: 5px 8px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 700;
}


/* ==========================================
   SELECTION BAR
========================================== */

.staviso-wfc-windowmat__selection {
  display: grid;

  grid-template-columns:
    minmax(270px, 0.78fr)
    minmax(0, 1.22fr);

  gap: 24px;

  align-items: center;

  margin-top: 20px;
  padding: 20px 22px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}


/* ==========================================
   SELECTION HEADER
========================================== */

.staviso-wfc-windowmat__selection-head {
  display: grid;

  grid-template-columns:
    43px
    minmax(0, 1fr);

  gap: 12px;

  align-items: center;
}


.staviso-wfc-windowmat__selection-icon {
  display: flex;

  width: 43px;
  height: 43px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.11);

  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 8px;

  color: #ffffff;
}


.staviso-wfc-windowmat__selection-icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-windowmat__selection-label {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.58);

  font-size: 7px;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.staviso-wfc-windowmat__selection-head strong {
  display: block;

  color: #ffffff;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}


/* ==========================================
   FLOW
========================================== */

.staviso-wfc-windowmat__flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: flex-end;

  gap: 6px;
}


.staviso-wfc-windowmat__flow span {
  display: inline-flex;

  min-height: 29px;

  align-items: center;
  justify-content: center;

  padding: 6px 8px;

  background: rgba(255, 255, 255, 0.11);

  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;

  color: rgba(255, 255, 255, 0.82);

  font-size: 7px;
  font-weight: 700;
}


.staviso-wfc-windowmat__flow
.staviso-wfc-windowmat__flow-final {
  background: #ffffff;

  border-color: #ffffff;

  color: #1f665a;

  font-weight: 800;
}


.staviso-wfc-windowmat__flow svg {
  width: 12px;
  height: 12px;

  fill: none;

  stroke: rgba(255, 255, 255, 0.62);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   SELECTION FACTORS
========================================== */

.staviso-wfc-windowmat__factors {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-top: 15px;
}


.staviso-wfc-windowmat__factor {
  display: grid;

  grid-template-columns:
    29px
    minmax(0, 1fr);

  gap: 10px;

  align-items: start;

  padding: 15px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 10px;
}


.staviso-wfc-windowmat__factor > span {
  display: flex;

  width: 29px;
  height: 27px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #d8e4de;
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
}


.staviso-wfc-windowmat__factor strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 9px;
  font-weight: 760;
  line-height: 1.4;
}


.staviso-wfc-windowmat__factor p {
  margin: 0;

  color: #68756f;

  font-size: 8px;
  line-height: 1.55;
}


/* ==========================================
   BOTTOM NOTE
========================================== */

.staviso-wfc-windowmat__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #f4eee7;

  border: 1px solid #e4dacf;
  border-radius: 12px;
}


.staviso-wfc-windowmat__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #dfd5ca;
  border-radius: 9px;

  color: #1f665a;
}


.staviso-wfc-windowmat__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-windowmat__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}


.staviso-wfc-windowmat__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 960px) {

  .staviso-wfc-windowmat {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-windowmat__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .staviso-wfc-windowmat__card:last-child {
    grid-column: 1 / -1;
  }

  .staviso-wfc-windowmat__selection {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-windowmat__flow {
    justify-content: flex-start;
  }

  .staviso-wfc-windowmat__factors {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-windowmat {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-windowmat__header {
    margin-bottom: 32px;

    text-align: left;
  }

  .staviso-wfc-windowmat__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-windowmat__intro {
    margin-left: 0;

    font-size: 13px;
  }


  /* CARDS */
  .staviso-wfc-windowmat__grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .staviso-wfc-windowmat__card,
  .staviso-wfc-windowmat__card:last-child {
    grid-column: auto;

    min-height: 0;

    padding: 19px;
  }


  /* FLOW */
  .staviso-wfc-windowmat__selection {
    padding: 18px;
  }

  .staviso-wfc-windowmat__flow {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-windowmat__flow span {
    width: 100%;
  }

  .staviso-wfc-windowmat__flow svg {
    margin: 0 auto;

    transform: rotate(90deg);
  }


  /* FACTORS */
  .staviso-wfc-windowmat__factors {
    grid-template-columns: 1fr;
  }


  /* NOTE */
  .staviso-wfc-windowmat__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-windowmat__note-icon {
    width: 40px;
    height: 40px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-windowmat {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-windowmat__selection-head,
  .staviso-wfc-windowmat__note {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-windowmat__carton {
    width: 160px;
    height: 112px;
  }

  .staviso-wfc-windowmat__window {
    width: 92px;
    height: 60px;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-windowmat__card {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a9fb26f *//* ==========================================
   WINDOW FOLDING CARTON
   PRINTING & FINISHING
========================================== */

.staviso-wfc-finish {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #f4eee7;

  scroll-margin-top: 100px;
}


.staviso-wfc-finish *,
.staviso-wfc-finish *::before,
.staviso-wfc-finish *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND
========================================== */

.staviso-wfc-finish::before {
  content: "";

  position: absolute;
  top: -200px;
  right: -170px;

  width: 450px;
  height: 450px;

  border: 1px solid rgba(31, 102, 90, 0.07);
  border-radius: 50%;

  pointer-events: none;
}


.staviso-wfc-finish::after {
  content: "";

  position: absolute;
  bottom: -240px;
  left: -180px;

  width: 470px;
  height: 470px;

  background: rgba(31, 102, 90, 0.028);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-finish__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-finish__header {
  max-width: 820px;

  margin: 0 auto 44px;

  text-align: center;
}


.staviso-wfc-finish__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.staviso-wfc-finish__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}


.staviso-wfc-finish__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}


.staviso-wfc-finish__intro {
  max-width: 760px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   MAIN AREA
========================================== */

.staviso-wfc-finish__main {
  display: grid;

  grid-template-columns:
    minmax(0, 1.06fr)
    minmax(370px, 0.94fr);

  gap: 20px;

  align-items: stretch;
}


/* ==========================================
   MAIN IMAGE
========================================== */

.staviso-wfc-finish__main-image {
  position: relative;

  min-height: 500px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 17px;

  box-shadow:
    0 13px 34px rgba(40, 52, 46, 0.055);
}


.staviso-wfc-finish__main-image img {
  display: block;

  width: 100%;
  height: 100%;

  min-height: 500px;

  object-fit: cover;
  object-position: center;

  transition:
    transform 0.42s ease;
}


.staviso-wfc-finish__main-image:hover img {
  transform: scale(1.025);
}


/* ==========================================
   IMAGE BADGE
========================================== */

.staviso-wfc-finish__image-badge {
  position: absolute;
  z-index: 2;

  top: 17px;
  left: 17px;

  display: inline-flex;

  align-items: center;
  gap: 7px;

  padding: 7px 10px;

  background: rgba(255, 255, 255, 0.92);

  border: 1px solid rgba(31, 102, 90, 0.18);
  border-radius: 6px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.07em;

  text-transform: uppercase;

  backdrop-filter: blur(8px);
}


.staviso-wfc-finish__image-badge::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}


/* ==========================================
   IMAGE OVERLAY
========================================== */

.staviso-wfc-finish__image-overlay {
  position: absolute;
  z-index: 2;

  right: 17px;
  bottom: 17px;
  left: 17px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 13px 15px;

  background: rgba(25, 42, 36, 0.80);

  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 9px;

  color: #ffffff;

  backdrop-filter: blur(8px);
}


.staviso-wfc-finish__image-overlay span {
  font-size: 8px;
  font-weight: 720;
  line-height: 1.4;
}


.staviso-wfc-finish__overlay-plus {
  color: rgba(255, 255, 255, 0.48);

  font-size: 12px !important;
}


/* ==========================================
   GROUPS
========================================== */

.staviso-wfc-finish__groups {
  display: grid;

  grid-template-columns: 1fr;

  gap: 12px;
}


/* ==========================================
   GROUP CARD
========================================== */

.staviso-wfc-finish__group {
  padding: 20px;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 13px;

  box-shadow:
    0 8px 22px rgba(40, 52, 46, 0.035);
}


.staviso-wfc-finish__group--premium {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf3f0
    );

  border-color: #c7dcd3;
}


/* ==========================================
   GROUP HEAD
========================================== */

.staviso-wfc-finish__group-head {
  display: grid;

  grid-template-columns:
    34px
    minmax(0, 1fr);

  gap: 11px;

  align-items: center;

  margin-bottom: 15px;
}


.staviso-wfc-finish__group-number {
  display: flex;

  width: 34px;
  height: 31px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 6px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
}


.staviso-wfc-finish__group--premium
.staviso-wfc-finish__group-number {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;
}


.staviso-wfc-finish__group-label {
  display: block;

  margin-bottom: 2px;

  color: #8a9690;

  font-size: 7px;
  font-weight: 820;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.staviso-wfc-finish__group h3 {
  margin: 0;

  color: #304039;

  font-size: 16px;
  font-weight: 760;
}


/* ==========================================
   OPTION TAGS
========================================== */

.staviso-wfc-finish__options {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;
}


.staviso-wfc-finish__options span {
  display: inline-flex;

  min-height: 28px;

  align-items: center;

  padding: 6px 9px;

  background: #f6f8f7;

  border: 1px solid #dde6e2;
  border-radius: 5px;

  color: #50615a;

  font-size: 8px;
  font-weight: 690;
}


.staviso-wfc-finish__group--premium
.staviso-wfc-finish__options span {
  background: #ffffff;

  border-color: #d1e0d9;

  color: #1f665a;
}


/* ==========================================
   COMBINATION BAR
========================================== */

.staviso-wfc-finish__combination {
  display: grid;

  grid-template-columns:
    minmax(290px, 0.8fr)
    minmax(0, 1.2fr);

  gap: 20px;

  align-items: center;

  margin-top: 20px;
  padding: 20px 22px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}


/* ==========================================
   COMBINATION HEAD
========================================== */

.staviso-wfc-finish__combination-head {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 12px;

  align-items: center;
}


.staviso-wfc-finish__combination-code {
  display: flex;

  width: 44px;
  height: 37px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.13);

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 7px;

  color: #ffffff;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
}


.staviso-wfc-finish__combination-label {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.58);

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.staviso-wfc-finish__combination-head strong {
  display: block;

  color: #ffffff;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}


/* ==========================================
   COMBINATION FLOW
========================================== */

.staviso-wfc-finish__combination-flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: flex-end;

  gap: 6px;
}


.staviso-wfc-finish__combination-flow
> span:not(.staviso-wfc-finish__plus):not(.staviso-wfc-finish__slash):not(.staviso-wfc-finish__equals) {
  display: inline-flex;

  min-height: 28px;

  align-items: center;
  justify-content: center;

  padding: 6px 8px;

  background: rgba(255, 255, 255, 0.11);

  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;

  color: rgba(255, 255, 255, 0.86);

  font-size: 7px;
  font-weight: 700;
}


.staviso-wfc-finish__plus,
.staviso-wfc-finish__slash,
.staviso-wfc-finish__equals {
  color: rgba(255, 255, 255, 0.55);

  font-size: 11px;
  font-weight: 750;
}


.staviso-wfc-finish__combination-flow
.staviso-wfc-finish__combination-final {
  background: #ffffff !important;

  border-color: #ffffff !important;

  color: #1f665a !important;

  font-weight: 800 !important;
}


/* ==========================================
   SHOWCASE GRID
========================================== */

.staviso-wfc-finish__showcase {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 13px;

  margin-top: 18px;
}


/* ==========================================
   SHOWCASE CARD
========================================== */

.staviso-wfc-finish__showcase-card {
  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 13px;

  box-shadow:
    0 8px 23px rgba(40, 52, 46, 0.035);

  transition:
    transform 0.23s ease,
    border-color 0.23s ease,
    box-shadow 0.23s ease;
}


.staviso-wfc-finish__showcase-card:hover {
  transform: translateY(-4px);

  border-color: rgba(31, 102, 90, 0.28);

  box-shadow:
    0 14px 30px rgba(40, 52, 46, 0.065);
}


.staviso-wfc-finish__showcase-card--highlight {
  border-color: #ccdcd5;
}


/* ==========================================
   SHOWCASE IMAGE
========================================== */

.staviso-wfc-finish__showcase-image {
  position: relative;

  aspect-ratio: 1.25 / 1;

  overflow: hidden;

  background: #f3f6f4;
}


.staviso-wfc-finish__showcase-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition:
    transform 0.36s ease;
}


.staviso-wfc-finish__showcase-card:hover
.staviso-wfc-finish__showcase-image img {
  transform: scale(1.04);
}


.staviso-wfc-finish__showcase-image span {
  position: absolute;

  top: 11px;
  left: 11px;

  display: flex;

  min-width: 29px;
  height: 25px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.92);

  border: 1px solid rgba(31, 102, 90, 0.16);
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
}


/* ==========================================
   SHOWCASE CONTENT
========================================== */

.staviso-wfc-finish__showcase-content {
  padding: 16px;
}


.staviso-wfc-finish__showcase-content h3 {
  margin: 0 0 6px;

  color: #304039;

  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}


.staviso-wfc-finish__showcase-content p {
  margin: 0;

  color: #6c7872;

  font-size: 9px;
  line-height: 1.58;
}


/* ==========================================
   SUMMARY
========================================== */

.staviso-wfc-finish__summary {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    1px
    minmax(0, 1fr)
    1px
    minmax(0, 1fr);

  gap: 17px;

  align-items: center;

  margin-top: 17px;
  padding: 18px 20px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 12px;
}


.staviso-wfc-finish__summary-item {
  display: grid;

  grid-template-columns:
    38px
    minmax(0, 1fr);

  gap: 10px;

  align-items: center;
}


.staviso-wfc-finish__summary-icon {
  display: flex;

  width: 38px;
  height: 38px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #d8e4de;
  border-radius: 7px;

  color: #1f665a;
}


.staviso-wfc-finish__summary-icon svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-finish__summary-item
div > span {
  display: block;

  margin-bottom: 2px;

  color: #84918a;

  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}


.staviso-wfc-finish__summary-item strong {
  display: block;

  color: #30423a;

  font-size: 10px;
  font-weight: 760;
}


.staviso-wfc-finish__summary-divider {
  width: 1px;
  height: 34px;

  background: #cad8d1;
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-finish__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 12px;
}


.staviso-wfc-finish__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d8e4de;
  border-radius: 9px;

  color: #1f665a;
}


.staviso-wfc-finish__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-wfc-finish__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}


.staviso-wfc-finish__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 960px) {

  .staviso-wfc-finish {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-finish__main {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-finish__main-image,
  .staviso-wfc-finish__main-image img {
    min-height: 430px;
  }

  .staviso-wfc-finish__groups {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .staviso-wfc-finish__group--premium {
    grid-column: 1 / -1;
  }

  .staviso-wfc-finish__combination {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-finish__combination-flow {
    justify-content: flex-start;
  }

  .staviso-wfc-finish__showcase {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-finish {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-finish__header {
    margin-bottom: 32px;

    text-align: left;
  }

  .staviso-wfc-finish__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-finish__intro {
    margin-left: 0;

    font-size: 13px;
  }


  /* MAIN IMAGE */
  .staviso-wfc-finish__main-image,
  .staviso-wfc-finish__main-image img {
    min-height: 330px;
  }


  /* GROUPS */
  .staviso-wfc-finish__groups {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-finish__group--premium {
    grid-column: auto;
  }


  /* COMBINATION */
  .staviso-wfc-finish__combination {
    padding: 18px;
  }

  .staviso-wfc-finish__combination-flow {
    display: grid;

    grid-template-columns: 1fr;

    text-align: center;
  }

  .staviso-wfc-finish__combination-flow
  > span:not(.staviso-wfc-finish__plus):not(.staviso-wfc-finish__slash):not(.staviso-wfc-finish__equals) {
    width: 100%;
  }


  /* SHOWCASE */
  .staviso-wfc-finish__showcase {
    grid-template-columns: 1fr;
  }


  /* SUMMARY */
  .staviso-wfc-finish__summary {
    grid-template-columns: 1fr;

    gap: 11px;
  }

  .staviso-wfc-finish__summary-divider {
    width: 100%;
    height: 1px;
  }


  /* NOTE */
  .staviso-wfc-finish__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-finish__note-icon {
    width: 40px;
    height: 40px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-finish {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-finish__combination-head,
  .staviso-wfc-finish__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-finish__main-image img,
  .staviso-wfc-finish__showcase-card,
  .staviso-wfc-finish__showcase-image img {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7488784b *//* ==========================================
   STRAIGHT TUCK END
   CUSTOM SIZE + QUOTE FORM
========================================== */

.staviso-ste-size {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #ffffff;

  scroll-margin-top: 100px;
}

.staviso-ste-size *,
.staviso-ste-size *::before,
.staviso-ste-size *::after {
  box-sizing: border-box;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-ste-size__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-ste-size__header {
  max-width: 760px;

  margin: 0 auto 44px;

  text-align: center;
}


.staviso-ste-size__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.staviso-ste-size__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  background: #1f665a;

  border-radius: 50%;
}


.staviso-ste-size__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}


.staviso-ste-size__intro {
  max-width: 700px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   MAIN GRID
========================================== */

.staviso-ste-size__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(440px, 1.08fr);

  gap: 34px;

  align-items: start;
}


/* ==========================================
   LEFT IMAGE
========================================== */

.staviso-ste-size__visual {
  min-width: 0;
}


.staviso-ste-size__image-card {
  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 18px;

  box-shadow:
    0 14px 34px rgba(40, 52, 46, 0.06);
}


/* Image Header
------------------------------------------ */

.staviso-ste-size__image-header {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 20px;

  padding: 20px 22px;

  border-bottom: 1px solid #e2e9e5;
}


.staviso-ste-size__image-label {
  display: block;

  margin-bottom: 5px;

  color: #1f665a;

  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.staviso-ste-size__image-header h3 {
  margin: 0;

  color: #2c3933;

  font-size: 18px;
  font-weight: 760;
  line-height: 1.35;
}


.staviso-ste-size__unit {
  display: inline-flex;

  min-width: 42px;
  height: 30px;

  align-items: center;
  justify-content: center;

  padding: 0 9px;

  background: #edf3f0;

  border: 1px solid #d8e4de;
  border-radius: 6px;

  color: #1f665a;

  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
}


/* ==========================================
   IMAGE
========================================== */

.staviso-ste-size__image-wrap {
  width: 100%;

  background: #f6f8f7;
}


.staviso-ste-size__image-wrap img {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 1 / 1;

  object-fit: contain;
  object-position: center;
}


/* ==========================================
   IMAGE NOTE
========================================== */

.staviso-ste-size__image-note {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr);

  gap: 13px;

  align-items: center;

  padding: 17px 20px;

  border-top: 1px solid #e2e9e5;

  background: #f8faf9;
}


.staviso-ste-size__image-note-icon {
  display: flex;

  width: 42px;
  height: 42px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border-radius: 8px;

  color: #1f665a;
}


.staviso-ste-size__image-note-icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-ste-size__image-note strong {
  display: block;

  margin-bottom: 3px;

  color: #34423c;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}


.staviso-ste-size__image-note p {
  margin: 0;

  color: #6c7772;

  font-size: 10px;
  line-height: 1.55;
}


/* ==========================================
   FORM CARD
========================================== */

.staviso-ste-size__form-card {
  min-width: 0;

  padding: 27px;

  background: #f8faf9;

  border: 1px solid #dce5e1;
  border-radius: 18px;

  box-shadow:
    0 14px 34px rgba(40, 52, 46, 0.055);
}


/* ==========================================
   FORM HEADER
========================================== */

.staviso-ste-size__form-header {
  margin-bottom: 23px;
}


.staviso-ste-size__form-label {
  display: block;

  margin-bottom: 6px;

  color: #1f665a;

  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.staviso-ste-size__form-header h3 {
  margin: 0 0 7px;

  color: #29362f;

  font-size: 22px;
  font-weight: 760;
  line-height: 1.3;
  letter-spacing: -0.025em;
}


.staviso-ste-size__form-header p {
  margin: 0;

  color: #69756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   FORM
========================================== */

.staviso-ste-size__form {
  display: grid;

  gap: 16px;
}


/* Two Fields
------------------------------------------ */

.staviso-ste-size__two-fields {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;
}


/* ==========================================
   FIELD
========================================== */

.staviso-ste-size__field {
  display: grid;

  gap: 7px;
}


.staviso-ste-size__field-label {
  color: #495751;

  font-size: 10px;
  font-weight: 720;
  line-height: 1.4;
}


/* ==========================================
   INPUT
========================================== */

.staviso-ste-size__input-wrap,
.staviso-ste-size__select-wrap {
  position: relative;

  display: flex;

  align-items: center;
}


.staviso-ste-size__input-wrap input,
.staviso-ste-size__select-wrap select {
  width: 100%;
  min-height: 46px;

  margin: 0;

  padding: 11px 13px;

  background: #ffffff;

  border: 1px solid #d6e0db;
  border-radius: 8px;

  color: #2f3d37;

  font-family: inherit;
  font-size: 12px;

  outline: none;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}


.staviso-ste-size__input-wrap input:focus,
.staviso-ste-size__select-wrap select:focus {
  border-color: #1f665a;

  box-shadow:
    0 0 0 3px rgba(31, 102, 90, 0.10);
}


.staviso-ste-size__input-wrap input::placeholder {
  color: #a0aaa5;
}


/* Unit
------------------------------------------ */

.staviso-ste-size__input-unit {
  position: absolute;
  right: 13px;

  color: #84908a;

  font-size: 9px;
  font-weight: 700;

  pointer-events: none;
}


.staviso-ste-size__input-wrap input[type="number"] {
  padding-right: 44px;
}


/* ==========================================
   SELECT
========================================== */

.staviso-ste-size__select-wrap select {
  appearance: none;

  padding-right: 40px;

  cursor: pointer;
}


.staviso-ste-size__select-wrap svg {
  position: absolute;
  right: 13px;

  width: 16px;
  height: 16px;

  pointer-events: none;

  fill: none;

  stroke: #6c7973;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   FIELDSET
========================================== */

.staviso-ste-size__fieldset {
  margin: 0;
  padding: 15px;

  border: 1px solid #dce5e1;
  border-radius: 10px;
}


.staviso-ste-size__fieldset legend {
  padding: 0 7px;

  color: #1f665a;

  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;

  text-transform: uppercase;
}


.staviso-ste-size__dimension-fields {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 10px;
}


/* ==========================================
   SUBMIT BUTTON
========================================== */

.staviso-ste-size__submit {
  display: inline-flex;

  width: 100%;
  min-height: 50px;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding: 12px 18px;

  cursor: pointer;

  background: #1f665a;

  border: 1px solid #1f665a;
  border-radius: 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 12px;
  font-weight: 760;

  box-shadow:
    0 8px 20px rgba(31, 102, 90, 0.18);

  transition:
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}


.staviso-ste-size__submit svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.staviso-ste-size__submit:hover {
  background: #174f46;
  border-color: #174f46;

  box-shadow:
    0 11px 25px rgba(31, 102, 90, 0.23);

  transform: translateY(-2px);
}


/* ==========================================
   FORM NOTE
========================================== */

.staviso-ste-size__form-note {
  margin: -3px 0 0;

  color: #818c87;

  font-size: 9px;
  line-height: 1.55;

  text-align: center;
}


/* ==========================================
   HONEYPOT
========================================== */

.staviso-ste-size__honeypot {
  position: absolute !important;

  left: -9999px !important;

  width: 1px;
  height: 1px;

  overflow: hidden;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 960px) {

  .staviso-ste-size {
    padding: 74px 20px 80px;
  }

  .staviso-ste-size__grid {
    grid-template-columns: 1fr;

    max-width: 780px;

    margin: 0 auto;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-ste-size {
    padding: 58px 15px 64px;
  }

  .staviso-ste-size__header {
    margin-bottom: 30px;

    text-align: left;
  }

  .staviso-ste-size__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-ste-size__intro {
    margin-left: 0;

    font-size: 13px;
  }

  .staviso-ste-size__image-card,
  .staviso-ste-size__form-card {
    border-radius: 14px;
  }

  .staviso-ste-size__form-card {
    padding: 20px;
  }

  .staviso-ste-size__two-fields {
    grid-template-columns: 1fr;
  }

  .staviso-ste-size__dimension-fields {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-ste-size {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-ste-size__image-header {
    padding: 17px;
  }

  .staviso-ste-size__image-note {
    grid-template-columns: 1fr;

    padding: 16px;
  }

  .staviso-ste-size__form-card {
    padding: 17px;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-ste-size__input-wrap input,
  .staviso-ste-size__select-wrap select,
  .staviso-ste-size__submit {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5867ddab *//* ==========================================
   WINDOW FOLDING CARTON
   COMMON APPLICATIONS
========================================== */

.staviso-wfc-applications {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #ffffff;

  scroll-margin-top: 100px;
}

.staviso-wfc-applications *,
.staviso-wfc-applications *::before,
.staviso-wfc-applications *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND DECORATION
========================================== */

.staviso-wfc-applications::before {
  content: "";

  position: absolute;
  top: -200px;
  right: -170px;

  width: 450px;
  height: 450px;

  border: 1px solid rgba(31, 102, 90, 0.06);
  border-radius: 50%;

  pointer-events: none;
}

.staviso-wfc-applications::after {
  content: "";

  position: absolute;
  bottom: -240px;
  left: -180px;

  width: 470px;
  height: 470px;

  background: rgba(31, 102, 90, 0.025);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-applications__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-applications__header {
  max-width: 820px;

  margin: 0 auto 44px;

  text-align: center;
}

.staviso-wfc-applications__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-wfc-applications__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}

.staviso-wfc-applications__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-applications__intro {
  max-width: 760px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   GRID
========================================== */

.staviso-wfc-applications__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;
}


/* ==========================================
   CARD
========================================== */

.staviso-wfc-applications__card {
  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 15px;

  box-shadow:
    0 10px 28px rgba(40, 52, 46, 0.045);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.staviso-wfc-applications__card:hover {
  transform: translateY(-4px);

  border-color: rgba(31, 102, 90, 0.28);

  box-shadow:
    0 16px 34px rgba(40, 52, 46, 0.075);
}


/* ==========================================
   IMAGE
========================================== */

.staviso-wfc-applications__image {
  position: relative;

  aspect-ratio: 1.35 / 1;

  overflow: hidden;

  background: #f1f4f2;
}

.staviso-wfc-applications__image::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(22, 36, 31, 0.01) 45%,
      rgba(22, 36, 31, 0.35) 100%
    );

  pointer-events: none;
}

.staviso-wfc-applications__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition:
    transform 0.4s ease;
}

.staviso-wfc-applications__card:hover
.staviso-wfc-applications__image img {
  transform: scale(1.04);
}


/* ==========================================
   NUMBER
========================================== */

.staviso-wfc-applications__number {
  position: absolute;
  z-index: 2;

  top: 13px;
  left: 13px;

  display: flex;

  min-width: 33px;
  height: 27px;

  align-items: center;
  justify-content: center;

  padding: 0 8px;

  background: rgba(255, 255, 255, 0.93);

  border: 1px solid rgba(31, 102, 90, 0.16);
  border-radius: 6px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.07em;

  backdrop-filter: blur(7px);
}


/* ==========================================
   TYPE
========================================== */

.staviso-wfc-applications__type {
  position: absolute;
  z-index: 2;

  right: 13px;
  bottom: 13px;

  display: inline-flex;

  min-height: 27px;

  align-items: center;

  padding: 6px 9px;

  background: rgba(31, 102, 90, 0.91);

  border-radius: 6px;

  color: #ffffff;

  font-size: 7px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.07em;

  text-transform: uppercase;

  backdrop-filter: blur(7px);
}


/* ==========================================
   CONTENT
========================================== */

.staviso-wfc-applications__content {
  padding: 20px;
}

.staviso-wfc-applications__content h3 {
  margin: 0 0 8px;

  color: #29362f;

  font-size: 18px;
  font-weight: 760;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.staviso-wfc-applications__products {
  margin: 0;

  color: #7b8781;

  font-size: 9px;
  font-weight: 680;
  line-height: 1.55;
}


/* ==========================================
   BENEFIT
========================================== */

.staviso-wfc-applications__benefit {
  display: grid;

  grid-template-columns:
    34px
    minmax(0, 1fr);

  gap: 10px;

  align-items: center;

  margin-top: 16px;
  padding-top: 15px;

  border-top: 1px solid #e3ebe7;
}

.staviso-wfc-applications__benefit-icon {
  display: flex;

  width: 34px;
  height: 34px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 7px;

  color: #1f665a;
}

.staviso-wfc-applications__benefit-icon svg {
  width: 17px;
  height: 17px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-applications__benefit p {
  margin: 0;

  color: #55655e;

  font-size: 10px;
  font-weight: 650;
  line-height: 1.55;
}


/* ==========================================
   APPLICATION LOGIC
========================================== */

.staviso-wfc-applications__logic {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    35px
    minmax(0, 1fr)
    35px
    minmax(0, 1fr);

  gap: 10px;

  align-items: center;

  margin-top: 20px;
  padding: 19px 21px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 12px;
}

.staviso-wfc-applications__logic-item {
  text-align: center;
}

.staviso-wfc-applications__logic-label {
  display: block;

  margin-bottom: 4px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.staviso-wfc-applications__logic-item strong {
  display: block;

  color: #35463f;

  font-size: 10px;
  font-weight: 750;
  line-height: 1.45;
}

.staviso-wfc-applications__logic-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  color: #1f665a;
}

.staviso-wfc-applications__logic-arrow svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   SUMMARY
========================================== */

.staviso-wfc-applications__summary {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    1px
    minmax(0, 1fr)
    1px
    minmax(0, 1fr);

  gap: 18px;

  align-items: center;

  margin-top: 15px;
  padding: 19px 22px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}

.staviso-wfc-applications__summary-item {
  text-align: center;
}

.staviso-wfc-applications__summary-item strong {
  display: block;

  margin-bottom: 4px;

  color: #ffffff;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.4;
}

.staviso-wfc-applications__summary-item span {
  display: block;

  color: rgba(255, 255, 255, 0.64);

  font-size: 8px;
  line-height: 1.5;
}

.staviso-wfc-applications__summary-divider {
  width: 1px;
  height: 36px;

  background: rgba(255, 255, 255, 0.18);
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-applications__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #f4eee7;

  border: 1px solid #e4dacf;
  border-radius: 12px;
}

.staviso-wfc-applications__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #dfd5ca;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-applications__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-applications__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

.staviso-wfc-applications__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 960px) {

  .staviso-wfc-applications {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-applications__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-applications {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-applications__header {
    margin-bottom: 32px;

    text-align: left;
  }

  .staviso-wfc-applications__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-applications__intro {
    margin-left: 0;

    font-size: 13px;
  }


  /* GRID */
  .staviso-wfc-applications__grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }


  /* LOGIC */
  .staviso-wfc-applications__logic {
    grid-template-columns: 1fr;

    gap: 7px;
  }

  .staviso-wfc-applications__logic-item {
    padding: 5px 0;

    text-align: left;
  }

  .staviso-wfc-applications__logic-arrow {
    justify-content: flex-start;

    padding-left: 6px;
  }

  .staviso-wfc-applications__logic-arrow svg {
    transform: rotate(90deg);
  }


  /* SUMMARY */
  .staviso-wfc-applications__summary {
    grid-template-columns: 1fr;

    gap: 0;
  }

  .staviso-wfc-applications__summary-item {
    padding: 11px 0;

    text-align: left;
  }

  .staviso-wfc-applications__summary-divider {
    width: 100%;
    height: 1px;
  }


  /* NOTE */
  .staviso-wfc-applications__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-applications__note-icon {
    width: 40px;
    height: 40px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-applications {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-applications__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-applications__card,
  .staviso-wfc-applications__image img {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7528cf75 *//* ==========================================
   WINDOW FOLDING CARTON
   HOW TO ORDER
========================================== */

.staviso-wfc-order {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #ffffff;

  scroll-margin-top: 100px;
}

.staviso-wfc-order *,
.staviso-wfc-order *::before,
.staviso-wfc-order *::after {
  box-sizing: border-box;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-order__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-order__header {
  max-width: 810px;

  margin: 0 auto 44px;

  text-align: center;
}

.staviso-wfc-order__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-wfc-order__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}

.staviso-wfc-order__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-order__intro {
  max-width: 750px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   STEP GRID
========================================== */

.staviso-wfc-order__steps {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 15px;
}


/* ==========================================
   STEP CARD
========================================== */

.staviso-wfc-order__step {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 260px;

  padding: 22px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 14px;

  box-shadow:
    0 9px 25px rgba(40, 52, 46, 0.04);

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.staviso-wfc-order__step:hover {
  transform: translateY(-4px);

  border-color: rgba(31, 102, 90, 0.28);

  box-shadow:
    0 15px 32px rgba(40, 52, 46, 0.07);
}


/* ==========================================
   KEY STEP
========================================== */

.staviso-wfc-order__step--key {
  background:
    linear-gradient(
      145deg,
      #edf3f0 0%,
      #ffffff 100%
    );

  border-color: #bdd7cc;
}

.staviso-wfc-order__step--key::before {
  content: "";

  position: absolute;

  top: 0;
  right: 0;
  left: 0;

  height: 4px;

  background: #1f665a;
}


/* ==========================================
   STEP TOP
========================================== */

.staviso-wfc-order__step-top {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 12px;

  margin-bottom: 34px;
}

.staviso-wfc-order__number {
  color: #8e9a94;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.staviso-wfc-order__icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d8e4de;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-order__step--key
.staviso-wfc-order__icon {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;
}

.staviso-wfc-order__icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   CONTENT
========================================== */

.staviso-wfc-order__content {
  margin-top: auto;
}

.staviso-wfc-order__key-label {
  display: inline-flex;

  margin-bottom: 8px;
  padding: 4px 7px;

  background: #1f665a;

  border-radius: 5px;

  color: #ffffff;

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.staviso-wfc-order__content h3 {
  margin: 0 0 9px;

  color: #2c3933;

  font-size: 16px;
  font-weight: 760;
  line-height: 1.4;
}

.staviso-wfc-order__content p {
  margin: 0;

  color: #6b7771;

  font-size: 10px;
  line-height: 1.62;
}


/* ==========================================
   WINDOW DETAIL
========================================== */

.staviso-wfc-order__window-detail {
  display: grid;

  grid-template-columns:
    300px
    minmax(0, 1fr);

  gap: 24px;

  align-items: center;

  margin-top: 20px;
  padding: 21px 22px;

  background: #edf3f0;

  border: 1px solid #cddfd7;
  border-radius: 13px;
}


/* WINDOW HEAD */

.staviso-wfc-order__window-head {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr);

  gap: 12px;

  align-items: center;
}

.staviso-wfc-order__window-code {
  display: flex;

  width: 42px;
  height: 37px;

  align-items: center;
  justify-content: center;

  background: #1f665a;

  border-radius: 7px;

  color: #ffffff;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.06em;
}

.staviso-wfc-order__window-label {
  display: block;

  margin-bottom: 3px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.staviso-wfc-order__window-head strong {
  display: block;

  color: #30423a;

  font-size: 11px;
  font-weight: 760;
  line-height: 1.45;
}


/* WINDOW OPTIONS */

.staviso-wfc-order__window-options {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 8px;
}

.staviso-wfc-order__window-option {
  padding: 11px 10px;

  background: #ffffff;

  border: 1px solid #d7e4de;
  border-radius: 7px;
}

.staviso-wfc-order__window-option span {
  display: block;

  margin-bottom: 3px;

  color: #84918a;

  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.06em;

  text-transform: uppercase;
}

.staviso-wfc-order__window-option strong {
  display: block;

  color: #3b5047;

  font-size: 9px;
  font-weight: 730;
  line-height: 1.4;
}


/* ==========================================
   PROCESS FLOW
========================================== */

.staviso-wfc-order__flow {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    25px
    minmax(0, 1fr)
    25px
    minmax(0, 1fr)
    25px
    minmax(0, 1fr)
    25px
    minmax(0, 1fr)
    25px
    minmax(0, 1fr);

  gap: 5px;

  align-items: center;

  margin-top: 16px;
  padding: 19px 20px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}

.staviso-wfc-order__flow-item {
  text-align: center;
}

.staviso-wfc-order__flow-item span {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.51);

  font-size: 7px;
  font-weight: 850;
}

.staviso-wfc-order__flow-item strong {
  display: block;

  color: rgba(255, 255, 255, 0.83);

  font-size: 9px;
  font-weight: 720;
}

.staviso-wfc-order__flow-item--key {
  padding: 8px 5px;

  background: rgba(255, 255, 255, 0.10);

  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
}

.staviso-wfc-order__flow-item--final {
  padding: 8px 5px;

  background: #ffffff;

  border-radius: 6px;
}

.staviso-wfc-order__flow-item--final span {
  color: #829089;
}

.staviso-wfc-order__flow-item--final strong {
  color: #1f665a;

  font-weight: 800;
}

.staviso-wfc-order__flow > svg {
  width: 14px;
  height: 14px;

  margin: auto;

  fill: none;

  stroke: rgba(255, 255, 255, 0.58);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-order__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #f4eee7;

  border: 1px solid #e4dacf;
  border-radius: 12px;
}

.staviso-wfc-order__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #dfd5ca;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-order__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-order__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

.staviso-wfc-order__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   CTA
========================================== */

.staviso-wfc-order__cta {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 15px;
  padding: 20px 22px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 12px;
}

.staviso-wfc-order__cta div > span {
  display: block;

  margin-bottom: 3px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.staviso-wfc-order__cta strong {
  display: block;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
}


/* BUTTON */

.staviso-wfc-order__button {
  display: inline-flex;

  min-height: 44px;

  flex: 0 0 auto;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 10px 15px;

  background: #1f665a;

  border: 1px solid #1f665a;
  border-radius: 7px;

  color: #ffffff;

  font-size: 10px;
  font-weight: 760;

  text-decoration: none;

  transition:
    background-color 0.22s ease,
    gap 0.22s ease,
    transform 0.22s ease;
}

.staviso-wfc-order__button:hover {
  gap: 11px;

  background: #174f46;

  transform: translateY(-2px);
}

.staviso-wfc-order__button svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 960px) {

  .staviso-wfc-order {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-order__steps {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .staviso-wfc-order__window-detail {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-order__window-options {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .staviso-wfc-order__flow {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .staviso-wfc-order__flow > svg {
    transform: rotate(90deg);
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-order {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-order__header {
    margin-bottom: 31px;

    text-align: left;
  }

  .staviso-wfc-order__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-order__intro {
    margin-left: 0;

    font-size: 13px;
  }


  /* STEPS */
  .staviso-wfc-order__steps {
    grid-template-columns: 1fr;

    gap: 11px;
  }

  .staviso-wfc-order__step {
    min-height: 0;

    padding: 19px;
  }

  .staviso-wfc-order__step-top {
    margin-bottom: 24px;
  }


  /* WINDOW DETAIL */
  .staviso-wfc-order__window-detail {
    padding: 17px;
  }

  .staviso-wfc-order__window-options {
    grid-template-columns: 1fr;
  }


  /* NOTE */
  .staviso-wfc-order__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-order__note-icon {
    width: 40px;
    height: 40px;
  }


  /* CTA */
  .staviso-wfc-order__cta {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-order__button {
    width: 100%;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-order {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-order__window-head,
  .staviso-wfc-order__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-order__step,
  .staviso-wfc-order__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c7e5cf1 *//* ==========================================
   WINDOW FOLDING CARTON
   QUALITY ASSURANCE
========================================== */

.staviso-wfc-quality {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #f4eee7;

  scroll-margin-top: 100px;
}

.staviso-wfc-quality *,
.staviso-wfc-quality *::before,
.staviso-wfc-quality *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND
========================================== */

.staviso-wfc-quality::before {
  content: "";

  position: absolute;
  top: -190px;
  right: -160px;

  width: 430px;
  height: 430px;

  border: 1px solid rgba(31, 102, 90, 0.07);
  border-radius: 50%;

  pointer-events: none;
}

.staviso-wfc-quality::after {
  content: "";

  position: absolute;
  bottom: -230px;
  left: -180px;

  width: 460px;
  height: 460px;

  background: rgba(31, 102, 90, 0.028);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-quality__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-quality__header {
  max-width: 800px;

  margin: 0 auto 44px;

  text-align: center;
}

.staviso-wfc-quality__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-wfc-quality__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}

.staviso-wfc-quality__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-quality__intro {
  max-width: 740px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   GRID
========================================== */

.staviso-wfc-quality__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;
}


/* ==========================================
   CARD
========================================== */

.staviso-wfc-quality__card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 245px;

  padding: 23px 22px 24px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 15px;

  box-shadow:
    0 10px 28px rgba(40, 52, 46, 0.045);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.staviso-wfc-quality__card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background: #1f665a;

  opacity: 0;

  transform: scaleX(0.3);
  transform-origin: left;

  transition:
    opacity 0.24s ease,
    transform 0.24s ease;
}

.staviso-wfc-quality__card:hover {
  transform: translateY(-4px);

  border-color: rgba(31, 102, 90, 0.28);

  box-shadow:
    0 16px 34px rgba(40, 52, 46, 0.075);
}

.staviso-wfc-quality__card:hover::before {
  opacity: 1;

  transform: scaleX(1);
}


/* ==========================================
   KEY CARD
========================================== */

.staviso-wfc-quality__card--key {
  background:
    linear-gradient(
      145deg,
      #edf3f0 0%,
      #ffffff 100%
    );

  border-color: #bdd6cc;
}

.staviso-wfc-quality__card--key::before {
  height: 4px;

  opacity: 1;

  transform: scaleX(1);
}


/* ==========================================
   CARD TOP
========================================== */

.staviso-wfc-quality__card-top {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 16px;

  margin-bottom: 27px;
}

.staviso-wfc-quality__number {
  color: #94a09a;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
}


/* ==========================================
   ICON
========================================== */

.staviso-wfc-quality__icon {
  display: flex;

  width: 47px;
  height: 47px;

  flex: 0 0 47px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d8e4de;
  border-radius: 10px;

  color: #1f665a;
}

.staviso-wfc-quality__icon svg {
  width: 22px;
  height: 22px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-quality__card--key
.staviso-wfc-quality__icon {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;
}


/* ==========================================
   CONTENT
========================================== */

.staviso-wfc-quality__content {
  margin-top: auto;
}

.staviso-wfc-quality__key-label {
  display: inline-flex;

  width: fit-content;

  margin-bottom: 8px;
  padding: 4px 7px;

  background: #1f665a;

  border-radius: 5px;

  color: #ffffff;

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.staviso-wfc-quality__content h3 {
  margin: 0 0 9px;

  color: #29362f;

  font-size: 17px;
  font-weight: 760;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.staviso-wfc-quality__content p {
  margin: 0;

  color: #6b7771;

  font-size: 11px;
  line-height: 1.65;
}


/* ==========================================
   WINDOW CHECK BAR
========================================== */

.staviso-wfc-quality__window-check {
  display: grid;

  grid-template-columns:
    245px
    minmax(0, 1fr);

  gap: 22px;

  align-items: center;

  margin-top: 20px;
  padding: 20px 22px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.14);
}


/* ==========================================
   WINDOW HEAD
========================================== */

.staviso-wfc-quality__window-head {
  display: grid;

  grid-template-columns:
    45px
    minmax(0, 1fr);

  gap: 12px;

  align-items: center;
}

.staviso-wfc-quality__window-code {
  display: flex;

  width: 45px;
  height: 36px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.13);

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 7px;

  color: #ffffff;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.staviso-wfc-quality__window-label {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.58);

  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.staviso-wfc-quality__window-head strong {
  display: block;

  color: #ffffff;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.4;
}


/* ==========================================
   QC FLOW
========================================== */

.staviso-wfc-quality__flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;
  justify-content: flex-end;

  gap: 7px;
}

.staviso-wfc-quality__flow span {
  display: inline-flex;

  min-height: 29px;

  align-items: center;
  justify-content: center;

  padding: 6px 9px;

  background: rgba(255, 255, 255, 0.11);

  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;

  color: rgba(255, 255, 255, 0.84);

  font-size: 8px;
  font-weight: 690;
}

.staviso-wfc-quality__flow
.staviso-wfc-quality__flow-final {
  background: #ffffff;

  border-color: #ffffff;

  color: #1f665a;

  font-weight: 800;
}

.staviso-wfc-quality__flow svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke: rgba(255, 255, 255, 0.62);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   DETAILS
========================================== */

.staviso-wfc-quality__details {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-top: 15px;
}

.staviso-wfc-quality__detail {
  display: grid;

  grid-template-columns:
    30px
    minmax(0, 1fr);

  gap: 10px;

  align-items: start;

  padding: 15px;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 10px;
}

.staviso-wfc-quality__detail-number {
  display: flex;

  width: 30px;
  height: 28px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 5px;

  color: #1f665a;

  font-size: 7px;
  font-weight: 850;
}

.staviso-wfc-quality__detail strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 9px;
  font-weight: 760;
  line-height: 1.4;
}

.staviso-wfc-quality__detail p {
  margin: 0;

  color: #68756f;

  font-size: 8px;
  line-height: 1.55;
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-quality__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 12px;
}

.staviso-wfc-quality__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #d8e4de;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-quality__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-quality__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

.staviso-wfc-quality__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 960px) {

  .staviso-wfc-quality {
    padding: 74px 20px 80px;
  }

  .staviso-wfc-quality__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .staviso-wfc-quality__window-check {
    grid-template-columns: 1fr;
  }

  .staviso-wfc-quality__flow {
    justify-content: flex-start;
  }

  .staviso-wfc-quality__details {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-quality {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-quality__header {
    margin-bottom: 32px;

    text-align: left;
  }

  .staviso-wfc-quality__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-quality__intro {
    margin-left: 0;

    font-size: 13px;
  }


  /* GRID */
  .staviso-wfc-quality__grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .staviso-wfc-quality__card {
    min-height: 0;

    padding: 20px;
  }


  /* WINDOW FLOW */
  .staviso-wfc-quality__window-check {
    padding: 18px;
  }

  .staviso-wfc-quality__flow {
    display: grid;

    grid-template-columns: 1fr;
  }

  .staviso-wfc-quality__flow span {
    width: 100%;
  }

  .staviso-wfc-quality__flow svg {
    margin: 0 auto;

    transform: rotate(90deg);
  }


  /* DETAILS */
  .staviso-wfc-quality__details {
    grid-template-columns: 1fr;
  }


  /* NOTE */
  .staviso-wfc-quality__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-quality__note-icon {
    width: 40px;
    height: 40px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-quality {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-quality__window-head,
  .staviso-wfc-quality__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-quality__card,
  .staviso-wfc-quality__card::before {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a09f957 *//* ==========================================
   WINDOW FOLDING CARTON FAQ
========================================== */

.staviso-wfc-faq {
  position: relative;

  width: 100%;
  padding: 92px 20px 98px;

  overflow: hidden;

  background: #ffffff;

  scroll-margin-top: 100px;
}

.staviso-wfc-faq *,
.staviso-wfc-faq *::before,
.staviso-wfc-faq *::after {
  box-sizing: border-box;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-wfc-faq__container {
  width: 100%;
  max-width: 1050px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.staviso-wfc-faq__header {
  max-width: 780px;

  margin: 0 auto 42px;

  text-align: center;
}

.staviso-wfc-faq__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 999px;

  color: #1f665a;

  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-wfc-faq__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  background: #1f665a;

  border-radius: 50%;
}

.staviso-wfc-faq__header h2 {
  margin: 0;

  color: #1d2623;

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.07;
  letter-spacing: -0.04em;
}

.staviso-wfc-faq__intro {
  max-width: 700px;

  margin: 18px auto 0;

  color: #66706c;

  font-size: 14px;
  line-height: 1.72;
}


/* ==========================================
   FAQ LIST
========================================== */

.staviso-wfc-faq__list {
  display: grid;

  gap: 10px;
}


/* ==========================================
   FAQ ITEM
========================================== */

.staviso-wfc-faq__item {
  overflow: hidden;

  background: #ffffff;

  border: 1px solid #dce5e1;
  border-radius: 12px;

  box-shadow:
    0 6px 20px rgba(40, 52, 46, 0.03);

  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.staviso-wfc-faq__item:hover {
  border-color: #c6d9d0;
}

.staviso-wfc-faq__item[open] {
  border-color: #bfd6cc;

  box-shadow:
    0 11px 28px rgba(40, 52, 46, 0.055);
}


/* ==========================================
   PRIORITY
========================================== */

.staviso-wfc-faq__item--priority {
  border-color: #cadfd6;

  background:
    linear-gradient(
      90deg,
      #f1f6f3 0%,
      #ffffff 35%
    );
}


/* ==========================================
   SUMMARY
========================================== */

.staviso-wfc-faq__item summary {
  display: grid;

  grid-template-columns:
    38px
    minmax(0, 1fr)
    38px;

  gap: 14px;

  align-items: center;

  min-height: 72px;

  padding: 17px 18px;

  cursor: pointer;

  list-style: none;
}

.staviso-wfc-faq__item summary::-webkit-details-marker {
  display: none;
}


/* ==========================================
   NUMBER
========================================== */

.staviso-wfc-faq__number {
  display: flex;

  width: 38px;
  height: 34px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border: 1px solid #d7e4de;
  border-radius: 7px;

  color: #1f665a;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.06em;
}

.staviso-wfc-faq__item--priority
.staviso-wfc-faq__number {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;
}


/* ==========================================
   QUESTION
========================================== */

.staviso-wfc-faq__question {
  color: #2d3a34;

  font-size: 14px;
  font-weight: 740;
  line-height: 1.5;
}


/* ==========================================
   TOGGLE
========================================== */

.staviso-wfc-faq__toggle {
  display: flex;

  width: 38px;
  height: 38px;

  align-items: center;
  justify-content: center;

  background: #f6f8f7;

  border: 1px solid #dde6e2;
  border-radius: 8px;

  color: #1f665a;

  transition:
    background-color 0.22s ease,
    transform 0.22s ease;
}

.staviso-wfc-faq__toggle svg {
  width: 17px;
  height: 17px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition:
    transform 0.22s ease;
}

.staviso-wfc-faq__item[open]
.staviso-wfc-faq__toggle {
  background: #1f665a;

  color: #ffffff;
}

.staviso-wfc-faq__item[open]
.staviso-wfc-faq__toggle svg {
  transform: rotate(180deg);
}


/* ==========================================
   ANSWER
========================================== */

.staviso-wfc-faq__answer {
  margin: 0 18px 18px 70px;
  padding: 16px 18px;

  background: #f7f9f8;

  border: 1px solid #e0e8e4;
  border-radius: 9px;
}

.staviso-wfc-faq__item--priority
.staviso-wfc-faq__answer {
  background: #edf3f0;

  border-color: #d3e2db;
}

.staviso-wfc-faq__answer p {
  margin: 0;

  color: #65716b;

  font-size: 12px;
  line-height: 1.7;
}


/* ==========================================
   CORE SUMMARY
========================================== */

.staviso-wfc-faq__summary {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    36px
    minmax(0, 1fr)
    36px
    minmax(0, 1fr);

  gap: 8px;

  align-items: center;

  margin-top: 20px;
  padding: 19px 21px;

  background: #1f665a;

  border-radius: 13px;

  box-shadow:
    0 12px 28px rgba(31, 102, 90, 0.13);
}

.staviso-wfc-faq__summary-item {
  text-align: center;
}

.staviso-wfc-faq__summary-item span {
  display: block;

  margin-bottom: 4px;

  color: rgba(255, 255, 255, 0.56);

  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.07em;

  text-transform: uppercase;
}

.staviso-wfc-faq__summary-item strong {
  display: block;

  color: rgba(255, 255, 255, 0.86);

  font-size: 10px;
  font-weight: 740;
  line-height: 1.4;
}

.staviso-wfc-faq__summary-item--final {
  padding: 10px;

  background: #ffffff;

  border-radius: 7px;
}

.staviso-wfc-faq__summary-item--final span {
  color: #829089;
}

.staviso-wfc-faq__summary-item--final strong {
  color: #1f665a;
}


/* ==========================================
   ARROWS
========================================== */

.staviso-wfc-faq__summary-arrow {
  display: flex;

  align-items: center;
  justify-content: center;
}

.staviso-wfc-faq__summary-arrow svg {
  width: 15px;
  height: 15px;

  fill: none;

  stroke: rgba(255, 255, 255, 0.55);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   NOTE
========================================== */

.staviso-wfc-faq__note {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 14px;

  align-items: center;

  margin-top: 15px;
  padding: 17px 18px;

  background: #f4eee7;

  border: 1px solid #e4dacf;
  border-radius: 12px;
}

.staviso-wfc-faq__note-icon {
  display: flex;

  width: 44px;
  height: 44px;

  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #dfd5ca;
  border-radius: 9px;

  color: #1f665a;
}

.staviso-wfc-faq__note-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.staviso-wfc-faq__note strong {
  display: block;

  margin-bottom: 4px;

  color: #30423a;

  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

.staviso-wfc-faq__note p {
  margin: 0;

  color: #68756f;

  font-size: 11px;
  line-height: 1.6;
}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-wfc-faq {
    padding: 58px 15px 64px;
  }

  .staviso-wfc-faq__header {
    margin-bottom: 30px;

    text-align: left;
  }

  .staviso-wfc-faq__header h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .staviso-wfc-faq__intro {
    margin-left: 0;

    font-size: 13px;
  }

  .staviso-wfc-faq__item summary {
    grid-template-columns:
      34px
      minmax(0, 1fr)
      34px;

    gap: 10px;

    padding: 15px;
  }

  .staviso-wfc-faq__number {
    width: 34px;
    height: 31px;
  }

  .staviso-wfc-faq__toggle {
    width: 34px;
    height: 34px;
  }

  .staviso-wfc-faq__question {
    font-size: 12px;
  }

  .staviso-wfc-faq__answer {
    margin:
      0
      15px
      15px
      15px;

    padding: 14px 15px;
  }

  .staviso-wfc-faq__summary {
    grid-template-columns: 1fr;

    gap: 7px;
  }

  .staviso-wfc-faq__summary-arrow {
    justify-content: center;
  }

  .staviso-wfc-faq__summary-arrow svg {
    transform: rotate(90deg);
  }

  .staviso-wfc-faq__note {
    grid-template-columns:
      40px
      minmax(0, 1fr);

    padding: 15px;
  }

  .staviso-wfc-faq__note-icon {
    width: 40px;
    height: 40px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-wfc-faq {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-wfc-faq__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-wfc-faq__item,
  .staviso-wfc-faq__toggle,
  .staviso-wfc-faq__toggle svg {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d309bdc *//* ==========================================
   STAVISO REVERSE TUCK END
   FINAL CTA
========================================== */

.staviso-rte-final-cta {
  position: relative;

  width: 100%;
  padding: 92px 20px 96px;

  overflow: hidden;

  background: #f4eee7;

  scroll-margin-top: 100px;
}

.staviso-rte-final-cta *,
.staviso-rte-final-cta *::before,
.staviso-rte-final-cta *::after {
  box-sizing: border-box;
}


/* ==========================================
   BACKGROUND DECORATION
========================================== */

.staviso-rte-final-cta::before {
  content: "";

  position: absolute;
  top: -180px;
  right: -140px;

  width: 410px;
  height: 410px;

  border: 1px solid rgba(31, 102, 90, 0.1);
  border-radius: 50%;

  pointer-events: none;
}

.staviso-rte-final-cta::after {
  content: "";

  position: absolute;
  bottom: -210px;
  left: -160px;

  width: 410px;
  height: 410px;

  background: rgba(31, 102, 90, 0.04);
  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   CONTAINER
========================================== */

.staviso-rte-final-cta__container {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


/* ==========================================
   MAIN PANEL
========================================== */

.staviso-rte-final-cta__panel {
  position: relative;

  display: grid;
  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(380px, 0.92fr);

  gap: 58px;

  align-items: center;

  padding: 54px;

  overflow: hidden;

  background: #1f665a;

  border: 1px solid #1f665a;
  border-radius: 24px;

  box-shadow:
    0 22px 50px rgba(31, 102, 90, 0.17);
}


/* Panel decoration
------------------------------------------ */

.staviso-rte-final-cta__panel::before {
  content: "";

  position: absolute;
  top: -150px;
  right: 19%;

  width: 330px;
  height: 330px;

  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;

  pointer-events: none;
}

.staviso-rte-final-cta__panel::after {
  content: "";

  position: absolute;
  bottom: -180px;
  left: 17%;

  width: 360px;
  height: 360px;

  background: rgba(255, 255, 255, 0.035);
  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   LEFT CONTENT
========================================== */

.staviso-rte-final-cta__content {
  position: relative;
  z-index: 2;

  min-width: 0;
  max-width: 650px;
}


/* Eyebrow
------------------------------------------ */

.staviso-rte-final-cta__eyebrow {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-bottom: 17px;
  padding: 7px 11px;

  background: rgba(255, 255, 255, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 999px;

  color: rgba(255, 255, 255, 0.86);

  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}

.staviso-rte-final-cta__eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  background: #ffffff;
  border-radius: 50%;
}


/* Heading
------------------------------------------ */

.staviso-rte-final-cta__content h2 {
  max-width: 650px;

  margin: 0 0 21px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(38px, 4.3vw, 56px);
  font-weight: 780;
  line-height: 1.06;
  letter-spacing: -0.04em;
}


/* Description
------------------------------------------ */

.staviso-rte-final-cta__description {
  max-width: 610px;

  margin: 0;

  color: rgba(255, 255, 255, 0.75);

  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}


/* ==========================================
   HIGHLIGHTS
========================================== */

.staviso-rte-final-cta__highlights {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 30px;
}

.staviso-rte-final-cta__highlight {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  min-height: 40px;

  padding: 8px 11px;

  background: rgba(255, 255, 255, 0.08);

  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;

  color: rgba(255, 255, 255, 0.84);

  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
}

.staviso-rte-final-cta__highlight-icon {
  display: flex;

  width: 25px;
  height: 25px;

  flex: 0 0 25px;

  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 6px;

  color: #ffffff;
}

.staviso-rte-final-cta__highlight-icon svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   ACTION CARD
========================================== */

.staviso-rte-final-cta__action-card {
  position: relative;
  z-index: 2;

  min-width: 0;

  padding: 31px;

  background: #ffffff;

  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 17px;

  box-shadow:
    0 16px 38px rgba(18, 55, 49, 0.15);
}


/* Label
------------------------------------------ */

.staviso-rte-final-cta__action-label {
  display: block;

  margin-bottom: 7px;

  color: #1f665a;

  font-family: inherit;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-transform: uppercase;
}


/* Heading
------------------------------------------ */

.staviso-rte-final-cta__action-card h3 {
  margin: 0 0 12px;

  color: #27332e;

  font-family: inherit;
  font-size: 27px;
  font-weight: 770;
  line-height: 1.2;
  letter-spacing: -0.025em;
}


/* Paragraph
------------------------------------------ */

.staviso-rte-final-cta__action-card > p {
  margin: 0;

  color: #68746e;

  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.68;
}


/* ==========================================
   ACTIONS
========================================== */

.staviso-rte-final-cta__actions {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;

  margin-top: 25px;
}


/* Button
------------------------------------------ */

.staviso-rte-final-cta__button {
  display: inline-flex;

  width: 100%;
  min-height: 51px;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding: 12px 18px;

  border: 1px solid transparent;
  border-radius: 8px;

  font-family: inherit;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.4;

  text-align: center;
  text-decoration: none;

  transition:
    gap 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.staviso-rte-final-cta__button svg {
  width: 18px;
  height: 18px;

  flex: 0 0 18px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.22s ease;
}


/* Primary
------------------------------------------ */

.staviso-rte-final-cta__button--primary {
  background: #1f665a;

  border-color: #1f665a;

  color: #ffffff;

  box-shadow:
    0 8px 20px rgba(31, 102, 90, 0.19);
}

.staviso-rte-final-cta__button--primary:hover {
  gap: 12px;

  background: #174f46;
  border-color: #174f46;

  box-shadow:
    0 11px 26px rgba(31, 102, 90, 0.24);

  transform: translateY(-2px);
}

.staviso-rte-final-cta__button--primary:hover svg {
  transform: translateX(3px);
}


/* Secondary
------------------------------------------ */

.staviso-rte-final-cta__button--secondary {
  background: #ffffff;

  border-color: #b9ccc4;

  color: #1f665a;
}

.staviso-rte-final-cta__button--secondary:hover {
  background: #edf3f0;

  border-color: #1f665a;

  color: #174f46;

  transform: translateY(-2px);
}

.staviso-rte-final-cta__button--secondary:hover svg {
  transform: translateY(2px);
}


/* Focus
------------------------------------------ */

.staviso-rte-final-cta__button:focus-visible {
  outline: 3px solid rgba(31, 102, 90, 0.25);
  outline-offset: 4px;
}


/* ==========================================
   NOTE
========================================== */

.staviso-rte-final-cta__note {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);

  gap: 10px;

  align-items: center;

  margin-top: 17px;
  padding-top: 16px;

  border-top: 1px solid #e4ebe7;

  color: #77847e;

  font-family: inherit;
  font-size: 10px;
  font-weight: 450;
  line-height: 1.55;
}

.staviso-rte-final-cta__note-icon {
  display: flex;

  width: 34px;
  height: 34px;

  align-items: center;
  justify-content: center;

  background: #edf3f0;

  border-radius: 7px;

  color: #1f665a;
}

.staviso-rte-final-cta__note-icon svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================
   SMALL DESKTOP
========================================== */

@media screen and (max-width: 1050px) {

  .staviso-rte-final-cta__panel {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(340px, 0.9fr);

    gap: 38px;

    padding: 44px;
  }

}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 900px) {

  .staviso-rte-final-cta {
    padding: 74px 20px 80px;
  }

  .staviso-rte-final-cta__panel {
    grid-template-columns: 1fr;

    gap: 34px;

    padding: 42px;
  }

  .staviso-rte-final-cta__content {
    max-width: 720px;
  }

  .staviso-rte-final-cta__action-card {
    max-width: 680px;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .staviso-rte-final-cta {
    padding: 58px 15px 64px;
  }

  .staviso-rte-final-cta__panel {
    gap: 29px;

    padding: 29px 22px;

    border-radius: 17px;
  }

  .staviso-rte-final-cta__content h2 {
    margin-bottom: 17px;

    font-size: clamp(34px, 9.5vw, 44px);
  }

  .staviso-rte-final-cta__description {
    font-size: 14px;
    line-height: 1.7;
  }

  .staviso-rte-final-cta__highlights {
    display: grid;
    grid-template-columns: 1fr;

    gap: 8px;

    margin-top: 24px;
  }

  .staviso-rte-final-cta__highlight {
    width: 100%;
  }

  .staviso-rte-final-cta__action-card {
    padding: 23px;

    border-radius: 13px;
  }

  .staviso-rte-final-cta__action-card h3 {
    font-size: 23px;
  }

  .staviso-rte-final-cta__action-card > p {
    font-size: 12px;
  }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media screen and (max-width: 400px) {

  .staviso-rte-final-cta {
    padding-right: 12px;
    padding-left: 12px;
  }

  .staviso-rte-final-cta__panel {
    padding: 24px 17px;
  }

  .staviso-rte-final-cta__content h2 {
    font-size: 33px;
  }

  .staviso-rte-final-cta__action-card {
    padding: 19px;
  }

  .staviso-rte-final-cta__note {
    grid-template-columns: 1fr;
  }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

  .staviso-rte-final-cta__button,
  .staviso-rte-final-cta__button svg {
    transition: none;
  }

}/* End custom CSS */