.elementor-703 .elementor-element.elementor-element-cfee87a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-703 .elementor-element.elementor-element-bddc8a0{padding:0px 0px 0px 0px;}.elementor-703 .elementor-element.elementor-element-1f888c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-bddc8a0 *//* =========================================================
PIPE CLEANER SALES PAGE
========================================================= */

.pc-sales-page,
.pc-sales-page *{
  box-sizing:border-box;
}

.pc-sales-page{
  --pc-blue:#1085c7;
  --pc-blue-dark:#0b4f82;
  --pc-navy:#0b2942;

  --pc-yellow:#ffc62a;
  --pc-yellow-dark:#e9ad00;

  --pc-black:#121212;
  --pc-text:#272727;
  --pc-muted:#717171;

  --pc-soft:#f5f9fc;
  --pc-line:#e2e8ec;

  width:100%;
  margin:0;
  padding:0;

  overflow:hidden;

  background:#fff;

  color:var(--pc-text);

  font-family:'Poppins',Arial,sans-serif;
}

.pc-sales-page img{
  max-width:100%;
}

.pc-container{
  width:min(
    1180px,
    calc(100% - 48px)
  );

  margin:0 auto;
}


/* =========================================================
COMMON
========================================================= */

.pc-eyebrow{
  display:inline-flex;

  margin-bottom:18px;

  padding:7px 11px;

  background:#dff3ff;

  color:var(--pc-blue-dark);

  border-radius:4px;

  font-size:11px;
  font-weight:800;

  letter-spacing:.07em;
}

.pc-main-btn{
  min-height:54px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 30px;

  background:var(--pc-yellow);

  color:#111;

  text-decoration:none;

  border-radius:5px;

  font-size:14px;
  font-weight:800;

  box-shadow:
    0 10px 25px
    rgba(233,173,0,.18);

  transition:.2s ease;
}

.pc-main-btn:hover{
  background:var(--pc-yellow-dark);

  color:#111;

  transform:translateY(-2px);
}


/* =========================================================
01 — HERO
========================================================= */

.pc-hero{
  width:100%;

  background:
    linear-gradient(
      90deg,
      #fff 0%,
      #fff 44%,
      #eef8ff 100%
    );
}

.pc-hero__grid{
  min-height:590px;

  display:grid;
  grid-template-columns:.9fr 1.1fr;

  align-items:stretch;

  gap:45px;
}

.pc-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  padding:75px 0;
}

.pc-hero h1{
  margin:0 0 20px;

  color:var(--pc-black);

  font-size:
    clamp(
      43px,
      4.6vw,
      67px
    );

  font-weight:800;
  line-height:1.02;

  letter-spacing:-.045em;
}

.pc-hero h1 span{
  display:block;

  color:var(--pc-blue);
}

.pc-hero__desc{
  max-width:510px;

  margin:0 0 28px;

  color:var(--pc-muted);

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


/* HERO FEATURES */

.pc-hero__features{
  display:flex;
  flex-wrap:wrap;

  gap:24px;

  margin-bottom:30px;
}

.pc-feature{
  display:flex;
  align-items:center;

  gap:10px;
}

.pc-feature__icon{
  width:40px;
  height:40px;

  flex:0 0 40px;

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

  background:#eef8ff;

  border:1px solid #b7deef;
  border-radius:50%;

  color:var(--pc-blue);

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

.pc-feature strong{
  display:block;

  color:#151515;

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

.pc-feature span{
  display:block;

  margin-top:2px;

  color:#767676;

  font-size:10px;
}

.pc-hero__note{
  margin:12px 0 0;

  color:#858585;

  font-size:11px;
}


/* HERO IMAGE */

.pc-hero__visual{
  position:relative;

  min-height:590px;

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

  overflow:hidden;
}

.pc-hero__visual::before{
  content:"";

  position:absolute;

  width:460px;
  height:460px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(16,133,199,.13),
      rgba(16,133,199,.03) 60%,
      transparent 71%
    );
}

.pc-hero__visual img{
  position:relative;
  z-index:2;

  width:86%;
  height:86%;

  display:block;

  object-fit:contain;
}


/* =========================================================
SECTION HEAD
========================================================= */

.pc-section-head{
  max-width:760px;

  margin:0 0 40px;
}

.pc-section-head--center{
  margin:
    0
    auto
    40px;

  text-align:center;
}

.pc-section-head > span{
  display:block;

  margin-bottom:9px;

  color:var(--pc-blue);

  font-size:11px;
  font-weight:800;

  letter-spacing:.1em;
}

.pc-section-head h2{
  margin:0;

  color:#111;

  font-size:
    clamp(
      30px,
      3vw,
      44px
    );

  font-weight:800;
  line-height:1.1;

  letter-spacing:-.035em;
}

.pc-section-head h2 strong{
  color:var(--pc-blue);
}


/* =========================================================
02 — PROBLEM
========================================================= */

.pc-problem{
  padding:
    75px
    0;

  background:#fff;
}

.pc-problem__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:17px;
}

.pc-problem-card{
  overflow:hidden;

  background:#fff;

  border:1px solid var(--pc-line);
  border-radius:10px;

  text-align:center;

  transition:.25s ease;
}

.pc-problem-card:hover{
  transform:translateY(-4px);

  box-shadow:
    0 14px 35px
    rgba(11,79,130,.08);
}

.pc-problem-card__image{
  height:190px;

  overflow:hidden;

  background:#f2f2f2;
}

.pc-problem-card__image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:transform .4s ease;
}

.pc-problem-card:hover
.pc-problem-card__image img{
  transform:scale(1.04);
}

.pc-problem-card h3{
  margin:0;

  padding:
    18px
    14px;

  color:#151515;

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


/* =========================================================
03 — HOW TO USE
========================================================= */

.pc-use{
  padding:
    80px
    0;

  background:var(--pc-soft);
}

.pc-use__grid{
  display:grid;
  grid-template-columns:1fr 1fr;

  align-items:center;

  gap:75px;
}

.pc-use__visual{
  overflow:hidden;

  background:#fff;

  border-radius:12px;

  box-shadow:
    0 18px 45px
    rgba(11,79,130,.08);
}

.pc-use__visual img{
  width:100%;
  height:500px;

  display:block;

  object-fit:cover;
}

.pc-use__eyebrow{
  display:block;

  margin-bottom:12px;

  color:var(--pc-blue);

  font-size:11px;
  font-weight:800;

  letter-spacing:.1em;
}

.pc-use__content h2{
  margin:0 0 30px;

  color:#111;

  font-size:
    clamp(
      32px,
      3vw,
      46px
    );

  font-weight:800;
  line-height:1.08;

  letter-spacing:-.035em;
}

.pc-use__content h2 strong{
  display:block;

  color:var(--pc-blue);
}


/* STEPS */

.pc-steps{
  border-top:1px solid #d9e4ea;
}

.pc-step{
  display:grid;
  grid-template-columns:46px 1fr;

  gap:16px;

  padding:
    18px
    0;

  border-bottom:1px solid #d9e4ea;
}

.pc-step > span{
  width:38px;
  height:38px;

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

  background:var(--pc-blue);

  color:#fff;

  border-radius:50%;

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

.pc-step h3{
  margin:0 0 4px;

  color:#171717;

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

.pc-step p{
  margin:0;

  color:#717171;

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


/* =========================================================
04 — AREA
========================================================= */

.pc-area{
  padding:
    75px
    0;

  background:#fff;
}

.pc-area__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:15px;
}

.pc-area-card{
  min-height:190px;

  padding:
    28px
    24px;

  background:#fff;

  border:1px solid var(--pc-line);
  border-radius:10px;
}

.pc-area-card__icon{
  width:42px;
  height:42px;

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

  margin-bottom:22px;

  background:#e8f6fe;

  color:var(--pc-blue);

  border-radius:50%;

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

.pc-area-card h3{
  margin:0 0 8px;

  color:#111;

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

.pc-area-card p{
  margin:0;

  color:#737373;

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


/* =========================================================
05 — SAFETY
========================================================= */

.pc-safety{
  padding:
    75px
    0;

  background:var(--pc-navy);

  color:#fff;
}

.pc-safety__grid{
  display:grid;
  grid-template-columns:.7fr 1.3fr;

  align-items:start;

  gap:80px;
}

.pc-safety__content > span{
  display:block;

  margin-bottom:10px;

  color:#72c8f5;

  font-size:11px;
  font-weight:800;

  letter-spacing:.1em;
}

.pc-safety__content h2{
  margin:0 0 16px;

  color:#fff;

  font-size:
    clamp(
      32px,
      3vw,
      46px
    );

  font-weight:800;
  line-height:1.08;
}

.pc-safety__content h2 strong{
  display:block;

  color:#72c8f5;
}

.pc-safety__content p{
  max-width:450px;

  margin:0;

  color:rgba(255,255,255,.68);

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


/* SAFETY LIST */

.pc-safety__list{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:0 30px;
}

.pc-safety__list > div{
  display:grid;
  grid-template-columns:34px 1fr;

  align-items:start;

  gap:12px;

  padding:
    17px
    0;

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

.pc-safety__list b{
  width:30px;
  height:30px;

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

  border:1px solid #72c8f5;
  border-radius:50%;

  color:#72c8f5;

  font-size:9px;
}

.pc-safety__list p{
  margin:3px 0 0;

  color:rgba(255,255,255,.83);

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


/* =========================================================
06 — PRODUCT
========================================================= */

.pc-product{
  padding:
    80px
    0;

  background:#fff;
}

.pc-product__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;

  align-items:center;

  gap:75px;
}

.pc-product__visual{
  height:480px;

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

  padding:35px;

  background:#f3f9fd;

  border-radius:12px;
}

.pc-product__visual img{
  width:100%;
  height:100%;

  display:block;

  object-fit:contain;
}

.pc-product__content > span{
  display:block;

  margin-bottom:10px;

  color:var(--pc-blue);

  font-size:11px;
  font-weight:800;

  letter-spacing:.1em;
}

.pc-product__content h2{
  margin:0 0 15px;

  color:#111;

  font-size:
    clamp(
      34px,
      3vw,
      48px
    );

  font-weight:800;
  line-height:1.08;
}

.pc-product__content > p{
  max-width:540px;

  margin:0 0 28px;

  color:#707070;

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


/* FACTS */

.pc-product__facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:10px;

  margin-bottom:14px;
}

.pc-product__facts > div{
  padding:
    17px
    14px;

  background:#f5f9fc;

  border:1px solid var(--pc-line);
  border-radius:7px;
}

.pc-product__facts strong{
  display:block;

  margin-bottom:3px;

  color:#111;

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

.pc-product__facts span{
  display:block;

  color:#7b7b7b;

  font-size:10px;
}

.pc-product__content > small{
  display:block;

  margin-bottom:24px;

  color:#999;

  font-size:10px;
}


/* =========================================================
07 — ORDER
========================================================= */

.pc-order{
  padding:
    25px
    0;

  background:#f5f9fc;
}

.pc-order .pipeco{
  margin:
    20px
    auto;
}


/* =========================================================
08 — FAQ
========================================================= */

.pc-faq{
  padding:
    65px
    0;

  background:#fff;
}

.pc-faq__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);

  gap:
    15px
    45px;
}

.pc-faq article{
  display:grid;
  grid-template-columns:35px 1fr;

  align-items:flex-start;

  gap:13px;

  padding:
    20px
    0;

  border-bottom:1px solid var(--pc-line);
}

.pc-faq article > span{
  width:31px;
  height:31px;

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

  border:1px solid var(--pc-blue);
  border-radius:50%;

  color:var(--pc-blue);

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

.pc-faq h3{
  margin:0 0 5px;

  color:#111;

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

.pc-faq p{
  margin:0;

  color:#747474;

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


/* =========================================================
BOTTOM CTA
========================================================= */

.pc-bottom{
  padding:
    16px
    0;

  background:#0b2942;
}

.pc-bottom__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:30px;
}

.pc-bottom h2{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      20px,
      2vw,
      28px
    );

  font-weight:800;
}

.pc-bottom h2 span{
  color:#72c8f5;
}

.pc-main-btn--small{
  min-height:44px;

  padding:
    0
    25px;

  font-size:12px;
}


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

@media(max-width:980px){

  .pc-hero__grid{
    grid-template-columns:1fr;
  }

  .pc-hero__content{
    padding:
      60px
      0
      30px;
  }

  .pc-hero__visual{
    min-height:430px;
  }


  .pc-problem__grid{
    grid-template-columns:
      repeat(2,1fr);
  }


  .pc-use__grid{
    grid-template-columns:1fr;

    gap:40px;
  }


  .pc-area__grid{
    grid-template-columns:
      repeat(2,1fr);
  }


  .pc-safety__grid{
    grid-template-columns:1fr;

    gap:40px;
  }


  .pc-product__grid{
    grid-template-columns:1fr;

    gap:40px;
  }

}


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

@media(max-width:650px){

  .pc-container{
    width:min(
      100% - 28px,
      1180px
    );
  }


  /* HERO */

  .pc-hero__content{
    padding:
      45px
      0
      25px;
  }

  .pc-hero h1{
    font-size:
      clamp(
        38px,
        11vw,
        49px
      );
  }

  .pc-hero__desc{
    font-size:14px;
  }

  .pc-hero__features{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:14px;
  }

  .pc-feature:last-child{
    grid-column:
      1
      /
      -1;
  }

  .pc-main-btn{
    width:100%;
  }

  .pc-hero__note{
    width:100%;

    text-align:center;
  }

  .pc-hero__visual{
    min-height:330px;
  }

  .pc-hero__visual::before{
    width:300px;
    height:300px;
  }


  /* SECTION HEAD */

  .pc-section-head{
    margin-bottom:28px;
  }

  .pc-section-head h2{
    font-size:28px;
  }


  /* PROBLEM */

  .pc-problem{
    padding:
      50px
      0;
  }

  .pc-problem__grid{
    grid-template-columns:
      1fr
      1fr;

    gap:9px;
  }

  .pc-problem-card__image{
    height:130px;
  }

  .pc-problem-card h3{
    padding:
      13px
      8px;

    font-size:10px;
  }


  /* USE */

  .pc-use{
    padding:
      55px
      0;
  }

  .pc-use__visual img{
    height:320px;
  }

  .pc-use__content h2{
    font-size:31px;
  }


  /* AREA */

  .pc-area{
    padding:
      50px
      0;
  }

  .pc-area__grid{
    grid-template-columns:
      1fr
      1fr;

    gap:9px;
  }

  .pc-area-card{
    min-height:170px;

    padding:
      19px
      15px;
  }

  .pc-area-card h3{
    font-size:13px;
  }

  .pc-area-card p{
    font-size:10px;
  }


  /* SAFETY */

  .pc-safety{
    padding:
      55px
      0;
  }

  .pc-safety__content h2{
    font-size:31px;
  }

  .pc-safety__list{
    grid-template-columns:1fr;
  }


  /* PRODUCT */

  .pc-product{
    padding:
      55px
      0;
  }

  .pc-product__visual{
    height:340px;

    padding:20px;
  }

  .pc-product__content h2{
    font-size:32px;
  }

  .pc-product__facts{
    grid-template-columns:1fr;
  }


  /* ORDER */

  .pc-order{
    padding:
      10px
      0;
  }


  /* FAQ */

  .pc-faq{
    padding:
      50px
      0;
  }

  .pc-faq__grid{
    grid-template-columns:1fr;
  }


  /* BOTTOM */

  .pc-bottom__inner{
    flex-direction:column;

    gap:11px;

    text-align:center;
  }

  .pc-bottom h2{
    font-size:20px;
  }

}/* End custom CSS */