.elementor-735 .elementor-element.elementor-element-1558016{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-735 .elementor-element.elementor-element-35945bd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-7a92e39 *//* =========================================================
MINI ROBOT VACUUM — SIMPLE SALES PAGE
========================================================= */

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

.mrv-page{

  --blue:#477ee9;
  --blue-dark:#285ccc;
  --blue-soft:#edf3ff;

  --black:#111111;

  --text:#272727;
  --muted:#737373;

  --soft:#f7f7f6;
  --line:#e7e7e4;

  width:100%;

  margin:0;
  padding:0;

  overflow:hidden;

  background:#fff;

  color:var(--text);

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

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

.mrv-container{

  width:min(
    1180px,
    calc(100% - 48px)
  );

  margin:0 auto;
}


/* =========================================================
BUTTON
========================================================= */

.mrv-btn{

  min-height:54px;

  display:inline-flex;

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

  padding:0 30px;

  background:#111;

  color:#fff;

  text-decoration:none;

  border-radius:5px;

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

  transition:.2s ease;
}

.mrv-btn:hover{

  background:var(--blue);

  color:#fff;

  transform:translateY(-2px);
}


/* =========================================================
HERO
========================================================= */

.mrv-hero{

  width:100%;

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

.mrv-hero__grid{

  min-height:590px;

  display:grid;

  grid-template-columns:
  .88fr
  1.12fr;

  align-items:stretch;

  gap:42px;
}

.mrv-hero__content{

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  justify-content:center;

  padding:75px 0;
}

.mrv-eyebrow{

  display:inline-block;

  margin-bottom:17px;

  padding:
  7px
  11px;

  background:
  var(--blue-soft);

  color:
  var(--blue-dark);

  border-radius:4px;

  font-size:11px;

  font-weight:800;

  letter-spacing:.07em;
}

.mrv-hero h1{

  margin:
  0
  0
  20px;

  color:#111;

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

  font-weight:800;

  line-height:1.01;

  letter-spacing:-.045em;
}

.mrv-hero h1 span{

  display:block;

  color:
  var(--blue);
}

.mrv-hero__content > p{

  max-width:510px;

  margin:
  0
  0
  27px;

  color:
  var(--muted);

  font-size:15px;

  line-height:1.7;
}


/* HERO POINTS */

.mrv-hero__points{

  display:grid;

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

  width:100%;

  max-width:510px;

  margin-bottom:28px;

  border-top:
  1px solid
  var(--line);

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

.mrv-hero__points > div{

  padding:
  15px
  12px
  15px
  0;
}

.mrv-hero__points > div:not(:last-child){

  margin-right:12px;

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

.mrv-hero__points strong{

  display:block;

  color:#111;

  font-size:16px;

  font-weight:800;
}

.mrv-hero__points span{

  display:block;

  margin-top:2px;

  color:#777;

  font-size:10px;
}


/* HERO IMAGE */

.mrv-hero__image{

  min-height:590px;

  overflow:hidden;

  background:#eee;
}

.mrv-hero__image img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;
}


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

.mrv-section-head{

  max-width:720px;

  margin:
  0
  0
  38px;
}

.mrv-section-head--center{

  margin:
  0
  auto
  38px;

  text-align:center;
}

.mrv-section-head > span{

  display:block;

  margin-bottom:8px;

  color:
  var(--blue);

  font-size:11px;

  font-weight:800;

  letter-spacing:.1em;
}

.mrv-section-head h2{

  margin:
  0
  8px;

  color:#111;

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

  font-weight:800;

  line-height:1.1;

  letter-spacing:-.035em;
}

.mrv-section-head p{

  max-width:550px;

  margin:0;

  color:#747474;

  font-size:13px;

  line-height:1.65;
}


/* =========================================================
FUNCTION
========================================================= */

.mrv-function{

  padding:
  75px
  0;

  background:#fff;
}

.mrv-function__grid{

  display:grid;

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

  align-items:stretch;

  gap:55px;
}

.mrv-function__visual{

  min-height:450px;

  overflow:hidden;

  background:#eee;

  border-radius:10px;
}

.mrv-function__visual img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.mrv-function__content{

  display:flex;

  flex-direction:column;

  justify-content:center;

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

.mrv-function__item{

  display:grid;

  grid-template-columns:
  42px
  1fr;

  gap:14px;

  padding:
  20px
  0;

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

.mrv-function__item > span{

  width:36px;

  height:36px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:
  var(--blue-soft);

  color:
  var(--blue);

  border-radius:50%;

  font-size:10px;

  font-weight:800;
}

.mrv-function__item h3{

  margin:
  0
  5px;

  color:#111;

  font-size:15px;

  font-weight:700;
}

.mrv-function__item p{

  margin:0;

  color:#737373;

  font-size:12px;

  line-height:1.6;
}


/* HOW TO START */

.mrv-function__start{

  margin-top:22px;

  padding:
  17px
  19px;

  background:
  #f7f8fa;

  border-radius:7px;
}

.mrv-function__start strong{

  display:block;

  margin-bottom:4px;

  color:#111;

  font-size:13px;
}

.mrv-function__start p{

  margin:0;

  color:#707070;

  font-size:11px;

  line-height:1.6;
}


/* =========================================================
SPEC
========================================================= */

.mrv-spec{

  padding:
  75px
  0;

  background:#111;
}

.mrv-spec__grid{

  display:grid;

  grid-template-columns:
  .92fr
  1.08fr;

  align-items:center;

  gap:65px;
}

.mrv-spec__image{

  height:500px;

  overflow:hidden;

  background:#202020;

  border-radius:10px;
}

.mrv-spec__image img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.mrv-spec__content > span{

  display:block;

  margin-bottom:10px;

  color:#78a4ff;

  font-size:11px;

  font-weight:800;

  letter-spacing:.1em;
}

.mrv-spec__content h2{

  margin:
  0
  0
  28px;

  color:#fff;

  font-size:
  clamp(
    31px,
    3vw,
    45px
  );

  font-weight:800;

  line-height:1.08;
}

.mrv-spec__content h2 strong{

  display:block;

  color:#78a4ff;
}


/* SPEC LIST */

.mrv-spec__list{

  display:grid;

  grid-template-columns:
  1fr
  1fr;

  gap:
  0
  30px;

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

.mrv-spec__list > div{

  display:flex;

  justify-content:space-between;

  gap:15px;

  padding:
  14px
  0;

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

.mrv-spec__list span{

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

  font-size:11px;
}

.mrv-spec__list b{

  color:#fff;

  font-size:11px;

  text-align:right;
}


/* PACKAGE */

.mrv-package{

  margin-top:22px;

  padding:
  17px
  18px;

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

  border:
  1px solid
  rgba(255,255,255,.10);

  border-radius:7px;
}

.mrv-package strong{

  display:block;

  margin-bottom:5px;

  color:#fff;

  font-size:13px;
}

.mrv-package span{

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

  font-size:11px;

  line-height:1.6;
}


/* =========================================================
ORDER
========================================================= */

.mrv-order{

  padding:
  20px
  0;

  background:#f7f7f6;
}

.mrv-order .mrvco{

  margin:
  20px
  auto
  30px;
}


/* =========================================================
FAQ
========================================================= */

.mrv-faq{

  padding:
  58px
  0;

  background:#fff;
}

.mrv-faq__grid{

  display:grid;

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

  gap:15px;
}

.mrv-faq article{

  padding:
  22px;

  background:#fff;

  border:
  1px solid
  var(--line);

  border-radius:8px;
}

.mrv-faq h3{

  margin:
  0
  7px;

  color:#111;

  font-size:14px;

  font-weight:700;
}

.mrv-faq p{

  margin:0;

  color:#737373;

  font-size:11px;

  line-height:1.6;
}


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

.mrv-bottom{

  padding:
  15px
  0;

  background:#111;
}

.mrv-bottom__inner{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:30px;
}

.mrv-bottom h2{

  margin:0;

  color:#fff;

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

  font-weight:800;
}

.mrv-bottom h2 span{

  color:#78a4ff;
}

.mrv-btn--small{

  min-height:43px;

  padding:
  0
  24px;

  background:
  var(--blue);

  font-size:12px;
}


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

@media(max-width:980px){

  .mrv-hero__grid,
  .mrv-function__grid,
  .mrv-spec__grid{

    grid-template-columns:1fr;
  }


  .mrv-hero__content{

    padding:
    60px
    0
    35px;
  }


  .mrv-hero__image{

    min-height:450px;
  }


  .mrv-function__visual{

    min-height:400px;
  }


  .mrv-spec__image{

    height:430px;
  }

}


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

@media(max-width:650px){

  .mrv-container{

    width:min(
      100% - 28px,
      1180px
    );
  }


  /* HERO */

  .mrv-hero__content{

    padding:
    45px
    0
    30px;
  }

  .mrv-hero h1{

    font-size:
    clamp(
      38px,
      11vw,
      50px
    );
  }

  .mrv-hero__content > p{

    font-size:14px;
  }


  .mrv-hero__points{

    grid-template-columns:
    1fr
    1fr;
  }

  .mrv-hero__points > div:nth-child(2){

    border-right:0;
  }

  .mrv-hero__points > div:last-child{

    grid-column:
    1
    /
    -1;

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


  .mrv-btn{

    width:100%;
  }


  .mrv-hero__image{

    min-height:330px;
  }


  /* HEAD */

  .mrv-section-head h2{

    font-size:28px;
  }


  /* FUNCTION */

  .mrv-function{

    padding:
    50px
    0;
  }


  .mrv-function__visual{

    min-height:320px;
  }


  /* SPEC */

  .mrv-spec{

    padding:
    55px
    0;
  }


  .mrv-spec__image{

    height:340px;
  }


  .mrv-spec__content h2{

    font-size:31px;
  }


  .mrv-spec__list{

    grid-template-columns:1fr;
  }


  /* ORDER */

  .mrv-order{

    padding:
    8px
    0;
  }


  /* FAQ */

  .mrv-faq{

    padding:
    45px
    0;
  }


  .mrv-faq__grid{

    grid-template-columns:1fr;
  }


  /* BOTTOM */

  .mrv-bottom__inner{

    flex-direction:column;

    gap:10px;

    text-align:center;
  }

}/* End custom CSS */