li.mil-has-children.mt-2 {
  display: flex;
}
li.mil-has-children.mt-2 a span {
  color: #434545;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  position: relative;
  left: 19px;
  top: 7px;
}
.transition-fade {
  transition: 0.4s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}
section#hero{
  height: auto;
}
.mil-menu-btn {
  z-index: 9999;
}
.mil-menu-content {
  z-index: 9999;
}
.mil-menu-content li.mil-has-children{
  z-index: 9999;
}
.slide-caption{
  z-index: 999!important;
}
#topmenu {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
}
.mil-banner-content.mil-up {
  padding-top: 200px !important;
}
.swiper{
  z-index: 0!important;
}
.mil-circle-text svg.mil-arrow {
  background: #1fb3e8;
}
/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 9;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

/* ---- stats.js ---- */

.count-particles{
  background: green;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}

.mil-preloader{
  z-index: 9999;
}

.swiper .swiper-notification{
  z-index: 100!important;
}

@media screen and (max-width:992px){
  span.pre-one{
    display: block;
    padding-bottom: 20px;
    font-size: 23px;
  }
  span.pre-two {
    display: block;
    font-size: 23px;
  }
  span.pre-line{
    display: block;
  }
}

.card {margin-top: 10px;}
.divider { 
  height: 4px;
  width: 70px; 
  background-color: #1c2858;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1rem;
}
section#laundry-service div#inner {
  padding:0;
  margin: 20px 0 50px 0;
  object-fit: contain;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  border: solid 0.2px #c9dde5;
  background-color: #fff;
}
hr.mrclean {
  height: 0.5px;
  background: #c9dde5;
  border-top: none;
  opacity: 1;
  margin: 0 2px !important;
}
section#laundry-service p.accordion {
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  padding: 25px 65px 12px 18px;
  width: 100%;
  text-transform: capitalize;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  background: transparent;
  box-shadow: none;
  color: #012d3b;
}
img.laundry-icon {
  width: 26px;
  height: auto;
}
.slide-caption .mil-button span{
  left: -5px;
}
span.welcometo {
  font-weight: 300;
}

section#laundry-service span.acco {
  position: relative;
  bottom: 3px;
  left: 12px;
  color: #012d3b;
  text-transform: capitalize;
  letter-spacing: normal;
}
section#laundry-service p.accordion:after {
  content: url('../img/plus.png');
  float: right;
  margin-left: 5px;
  background: none;
  display: block;
}
section#laundry-service p.accordion.active:after {
  content: url('../img/minus.svg'); 
  background: none;
  position: relative;
  bottom: 10px;
  display: block;
}
section#laundry-service div.panel.show {
  padding-bottom: 12px;
  max-height:600px;
}
p.accordion { color: #646767!important;
  font-size: 15px!important;
  font-weight: 500;
  cursor: pointer;
  padding: 12px 65px 12px 18px;
  width: 100%;
  text-transform: capitalize;
  text-align: left; 
  outline: none; 
  transition: 0.4s;  
  margin-bottom:10px;
  line-height: 25px;
  background-image: linear-gradient(109deg, #f3fafb -24%, #f7fbf4 119%);
  text-align: left!important;
  height: 55px;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 rgba(5, 98, 131, 0.06);
  border: none;
}
p.accordion:after {
  content: url('../img/btn-down.svg');
  float: right;
  margin-left: 5px;
  position: relative;
  left: 40px;
  background: #1fb3e8;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: relative;
  padding-left: 12px;
  padding-top: 5px;
}
.panel.show p {
  text-align: left !important;
}
p.accordion.active:after { 
  content: url('../img/btn-up.svg'); 
  background: #1fb3e8;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: relative;
  padding-left: 12px;
  padding-top: 5px;
}
div.panel {
  padding: 0 18px;
  background-color: transparent;
  max-height: 0; 
  overflow: hidden;
  transition: 0.4s ease-in-out; 
  opacity: 0;
  margin-bottom:10px;
}
div.panel.show {
  opacity: 1; 
  max-height: 500px;
}

@media (max-width: 395px){
  p.accordion.one::after { margin-top: -10px;}
  p.accordion.three::after { margin-top: -6px;}
  p.accordion.four::after { margin-top: -20px;}
  p.accordion.five::after { margin-top: -10px;}
  p.accordion.six::after { margin-top: -10px;}
}
header {
  height: 58px;
  object-fit: contain;
  box-shadow: 0 3px 6px 0 #e6ecf2;
  background-color: #fff;
  padding: 20px;
}
span#back {
  font-size: 13px;
  color: #6d6e6e;
  padding-left: 10px;
}
.container.faqs {
  padding: 40px 30px;
}
header h1 {
  font-size: 13px;
  font-weight: bold;
  color: #012d3b;
}
div#di {
  position: relative;
  bottom: 15px;
}
form.form.faqs input.form-control {
  border-radius: 24px;
  height: 32px;
}
input.form-control {
  font-size: 13px;
  color: #012d3b;
  font-weight: normal;
}
::placeholder {
  color: #bac1c3 !important;
  font-weight: normal !important;
}
::marker {
  font-size: 18px;
}
img#search {
  position: relative;
  bottom: 22px;
  float: right;
  right: 15px;
}
div.getting {
  padding-top: 35px;
}
div.getting h3 {
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #012d3b;
}
div#inner {
  padding: 20px 0;
  margin: 20px 0 50px 0;
  object-fit: contain;
  background: #fafbfb;
  border-radius: 16px;
  border: 0.5px solid #ddd;
}
hr.mrclean {
  height: 0.5px;
  background: #c9dde5;
  border-top: none;
  opacity: 1;
}
.panel p {
  color: #646767;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
}
.panel a{
  color: #1fb3e8;
}
img.logo {
  width: 30%;
  position: relative;
  bottom: 6px;
}
section#welcome {
  padding: 70px 0 80px 0;
}
section#testimonials {
  padding: 70px 0 80px 0;
  background: url('../img/customer-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fafafa;
}
section#choose-us {
  padding: 70px 0 80px 0;
  background: url('../img/choose-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f2f2f3;
}
section#our-service {
  padding: 70px 0 80px 0;
  background: #fff;
}
section#laundry-service {
  padding: 70px 0 80px 0;
  background: url('../img/laundry-bg-mb.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section#download {
  padding: 70px 0 80px 0;
  background: url('../img/download-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section#laundry-service h1,section#testimonials h1 {
  font-size: 34px;
  font-weight: 300;
  color: #012d3b;
  text-align: left;
  text-transform: capitalize;
}
section#welcome h1{
  font-size: 34px;
  font-weight: 500;
  color: #012d3b;
  text-align: left;
  text-transform: initial;
}
section#choose-us h1,section#our-service h1{
  font-size: 34px;
  font-weight: 300;
  color: #012d3b;
  text-align: left;
  text-transform: capitalize;
}
section#our-service h1 span.services,section#testimonials h1 span.customers
,section#choose-us h1 span.choose,section#laundry-service h1 span.laundry{
  color: #9ac936;
  font-weight: 500;
}
section#our-service p.head,section#testimonials p{
  font-size: 15px;
  color: #434545;
  line-height: 27px;
  text-align: left;
  font-weight: normal;
}
section#download p{
  font-size: 15px;
  color: #012d3b;
  line-height: 27px;
  text-align: left;
  font-weight: normal;
}
section#testimonials .swiper-pagination{
  bottom: -5px;
}
.laundry-step.desktop img.laundry {
  width: 100%;
}
.laundry-step.desktop .laundry-box{
  width: auto;
  height: auto;
  padding: 28.5px 26.8px 18.9px;
  object-fit: contain;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  border: solid 0.2px #c9dde5;
  background-color: #fff;
}
.laundry-step.desktop p.pt-3.more a {
  color: #1fb3e8;
  font-weight: normal;
}

.laundry-step.mobile{
  display: none;
}
p.pt-3.more.coming a {
  color: #c4ccce !important;
  cursor: not-allowed;
}
.laundry-step.desktop p.pt-3.more.coming {
  margin-top: 55px;
}
p.pt-3.more.coming svg.mil-arrow {
  background: #c4ccce!important;
  cursor: not-allowed;
}
section#choose-us p,section#laundry-service p,section#welcome p {
  font-size: 15px;
  color: #434545;
  line-height: 27px;
  text-align: left;
  font-weight: normal;
}
.laundry-box p {
  font-weight: 300 !important;
}
.col-md-4.one:before {
  content: url(../img/one.png);
  position: relative;
  top: 60px;
  right: 4px;
  z-index: 9;
}
.col-md-4.two:before {
  content: url(../img/two.png);
  position: relative;
  top: 60px;
  right: 4px;
  z-index: 9;
}
.col-md-4.three:before {
  content: url(../img/three.png);
  position: relative;
  top: 60px;
  right: 4px;
  z-index: 9;
}
.col-md-4.four:before {
  content: url(../img/four.png);
  position: relative;
  top: 60px;
  right: 4px;
  z-index: 9;
}
.col-md-4.five:before {
  content: url(../img/five.png);
  position: relative;
  top: 60px;
  right: 4px;
  z-index: 9;
}
.col-md-4.six:before {
  content: url(../img/six.png);
  position: relative;
  top: 60px;
  right: 4px;
  z-index: 9;
}
span.acco {
  position: relative;
  bottom: 17px;
  left: 20px;
  color: #012d3b;
  font-weight: normal;
}
span.acco:hover {
  color: #1fb3e8;
  transition: .4s;
}
section#testimonials img.google {
  width: 20%!important;
  position: absolute;
  bottom: 20px;
}
section#choose-us h3 {
  font-size: 15px;
  color: #012d3b;
  line-height: 25px;
  font-weight: normal;
  text-align: left;
}
.choose-box {
  padding: 61px 24px 28.4px 21px;;
  object-fit: contain;
  opacity: 0.88;
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 #e3e3e3;
  background-color: rgba(255, 255, 255, 0.84);
  height: auto;
}
.choose-box p {
  font-weight: 300!important;
}
p.services{
  justify-content: space-around;
  background-image: linear-gradient(109deg, #f3fafb -24%, #f7fbf4 119%);
  font-weight: 500;
  cursor: pointer;
  padding: 12px 65px 12px 18px;
  width: 100%;
  text-transform: capitalize;
  height: 55px;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 rgba(5, 98, 131, 0.06);
  border: none;
}
p.services img.btn {
  float: right;
  position: relative;
  top: 0;
  left: 45px;
}
img.mil-arrow {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #0083b2;
  height: 43px;
  width: 43px;
  border-radius: 50%;
  padding: 12px;
  position: relative;
  left: 5px;
}
section#testimonials .slide-customers,.slide-hero .swiper-slide,.slide-referral .swiper-slide {
  padding: 0;
  text-align: center;
}
section#testimonials .slide img{
  padding: 0;
}
section#our-service a.mil-link.mil-muted.mil-arrow-place {
  float: right;
  position: relative;
  left: 38px;
}
section#hero .slide img.hero-slide{
  padding: 0;
  width: 100%;
  text-align: center;
}
a.mil-link.mil-muted.mil-arrow-place {
  font-size: 15px;
}
section#welcome svg.mil-arrow ,section#laundry-service svg.mil-arrow {
  width: 35px;
  height: 35px;
}
section#our-service svg.mil-arrow {
  width: 35px;
  height: 35px;
}
section#hero .trail{
  text-align: left;
}
section#testimonials .trail {
  text-align: center;
}
section#hero .slide-caption {
  position: absolute;
  bottom: 45px;
  left: 35px;
}
section#welcome img.logo {
  width: 45%;
}
.slide-caption h3{
  color: #434545;
  font-size: 23px;
  line-height: 28px;
  font-weight: 300;
  text-align: left;
}
a.mil-button{
  cursor: pointer;
  z-index: 99;
}
.slide-caption h2{
  color: #012d3b;
  font-size: 34px;
  line-height: 28x;
  font-weight: 500;
  text-align: left;
}
.slide-customer.swiper {
  padding-bottom: 50px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: url('../img/btn-arrow.svg');
  position: relative;
  left: 10px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: url('../img/btn-arrow.svg');
  position: relative;
  right: 10px;
}
.swiper-pagination-bullet{
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 6px!important;
  height: 6px!important;
  padding: 0;
  margin-left: 16px!important;
  text-indent: -999px;
  cursor: pointer!important;
  background-color: transparent!important; 
  background-clip: padding-box;
  border: 1px solid #1fb3e8!important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1;
  transition: opacity .6s ease;
  border-radius: 50%!important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #1fb3e8!important; 
  width: 7px!important;
  height: 7px!important;
  opacity: 1;
}
.slide-hero {
  position: relative;
  bottom: 45px;
}
.content-box .head {
  display: flex;
}
img.customer {
  width: 75px;
}
img.star {
  width: 15px;
}
.content-box{
  border: solid 0.5px #c9dde5;
  background-color: rgba(255, 255, 255, 0.73);
  border-radius: 16px;
  object-fit: contain;
  padding: 20px;
  margin: auto;
  height: 396px;
}
.content-box .head .right {
  position: relative;
  left: 26px;
  top: 15px;
  text-align: left !important;
}
.content-box  p{
  color: #012d3b;
  font-size: 15px;
  line-height: 25px;
  font-weight: normal;
  text-align: left!important;
}
.row.welcome .col-md-6.center {
  text-align: center;
}
section#welcome .col-md-5.first {
  padding-top: 15px;
}
.trail.mt-5.mil-up.mobile {
  display: none;
}
.row.welcome p{
  color: #012d3b!important;
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
}
.row.welcome p.more a{
  color:#1fb3e8;
  font-weight: normal;    
}
img.btn {
  background: #1fb3e8;
  width: 35px;
  height: 35px;
  padding: 10px;
  border-radius: 50%;
  position: relative;
  top: 10px;
  left: 16px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
img.btn:hover{
  background: #9ac936;
  transition: .4s;
}
.footer-top {
  height: 26px;
  background: #f5f5f5;
}
footer#footer {
  background: #fafafa;
  padding: 30px 0;
}
.footer-menu {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
footer#footer div.col-md-12 p.pt-3 {
  color: #9d9e9f;
  font-size: 12px;
  font-weight: normal;
}
div.footer-menu p a{
  color: #012d3b;
  font-size: 15px;
  font-weight: normal;
}
div.footer-menu p a:hover{
  color: #1fb3e8;
  transition: .4s;
}
.mil-button.mil-icon-button {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #b0d2dd;
}
ul.mil-active {
  max-height: 300px !important;
}

@media (min-width: 1400px){
  section#testimonials .testi-customer{
    padding: 0 190px!important;
  }
}
@media (min-width: 1024px){
  .container{
    padding: 0;
  }
  section#our-service{
    padding: 70px 30px 140px 30px;
  }
  section#welcome,section#testimonials,section#download,
  section#choose-us{
    padding: 70px 30px 80px 30px;
  }
  section#laundry-service{
    padding: 120px 30px 80px 30px;
  }
  footer#footer,.mil-menu-content{
    padding: 30px;
  }
  section#download .trail {
   text-align: left;
 }
 .slide-hero.swiper {
  position: relative;
  top: -48px;
}
#particles-js{
  bottom: 50px;
}
}
@media (max-width: 1024px){
  .laundry-step.desktop .row.mt-4 {
    margin-top: 28px !important;
  }
}
@media (min-width: 769px){
  img.hero-slide.mb{
    display: none;
  }
  img.hero-slide.desktop{
    display: block;
  }
  section#hero .swiper-pagination {
    bottom: 298px;
    left: 312px;
    text-align: left;
  }
  section#hero .slide-caption {
    position: absolute;
    bottom: 282px;
    left: 80px;
  }

  section#testimonials h1 > span.line:after{
    content: '';
    position: absolute;
    top: 80%;
    border-bottom: 0.5px solid #adc3cc;
    width: 1200px; 
    margin: 0 0 0 30px;
  }
  section#laundry-service h1 > span.line:after{
    content: '';
    position: absolute;
    top: 30%;
    border-bottom: 0.5px solid #adc3cc;
    width: 1200px; 
    margin: 0 0 0 30px;
  }
  section#testimonials h1 > span.line,section#laundry-service h1 > span.line{
   position: relative;
   display: inline-block;
 }
 section#testimonials h1 > span.line:before,section#laundry-service h1 > span.line:before{
   right: 100%;
 }
 section#testimonials h1 > span.line:after,section#laundry-service h1 > span.line:after{
   left: 100%;
 }
 span.prev-line {
  display: block;
}
section#welcome .col-md-7.second.mil-up {
  width: 65%;
}
section#welcome .col-md-5.first.mil-up {
  width: 35%;
}
section#testimonials .testi-customer{
  padding: 0 100px;
}
section#our-service .col-md-5 {
  padding-right: 110px;
}
section#choose-us .row.second {
  margin-top: -30px;
}
section#welcome img.logo {
  position: relative;
  top: 6px;
  left: 10px;
}
.content-box{
  width: 325px;
  height: 396px;
}
.row.welcome.one,.row.welcome.two,.row.welcome.three {
  width: 33%;
  float: left;
  margin: auto;
}
section#welcome .col-md-6.two,.row.welcome .col-md-6.center {
  width: 100%;
}
img.welcome {
  width: 100%;
  height: auto;
}
.one .col-md-6.one{
  border: 0px;
  border-left: 0.5px solid;
  border-right: 0.5px solid;
  border-color: #c9dde5;
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
.one .col-md-6.two{
  border: 0px;
  border-left: 4px solid;
  border-right: 4px solid;
  border-image: linear-gradient(2deg, #d6eccb 0%, #bee8ee 109%);
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
.two .col-md-6.one{
  border: 0px;
  border-left: 0.5px solid;
  border-right: 0.5px solid;
  border-color: #c9dde5;
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
.two .col-md-6.two{
  border-left: 1px solid;
  border: 0px;
  border-right: 4px solid;
  border-image: linear-gradient(2deg, #d6eccb 0%, #bee8ee 109%);
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
.three .col-md-6.one{
  border: 0px;
  border-left: 0.5px solid;
  border-right: 0.5px solid;
  border-color: #c9dde5;
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
.three .col-md-6.two{
  border-left: 1px solid;
  border: 0px;
  border-right: 4px solid;
  border-image: linear-gradient(2deg, #d6eccb 0%, #bee8ee 109%);
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
.col-md-4.one{
  position: relative;
  margin-top: -60px;
}
.col-md-4.two {
  position: relative;
  margin-top: -104px;
}
.col-md-4.three {
  position: relative;
  margin-top: -104px;
}
.col-md-4.four {
  position: relative;
  margin-top: -140px;
}
.col-md-4.five {
  position: relative;
  margin-top: -106px;
}
.col-md-4.six {
  position: relative;
  margin-top: -140px;
}
}

@media (max-width: 768px){
  .mil-frame {
    padding: 20px 0;
  }
  .laundry-step.desktop {
    display: none;
  }
  .laundry-step.mobile{
    display: block;
  }
  section#choose-us .col-md-4{
    width: 100%;
  }
  section#laundry-service a.mil-link.mil-muted.mil-arrow-place {
    float: right;
  }
  section#testimonials {
    background: url('../img/customer-bg-mb.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  section#choose-us {
    background: url('../img/choose-bg-mb.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f2f2f3;
  }
  section#laundry-service{
    padding: 70px 0 20px 0;
  }
  section#download {
    background: url('../img/download-bg-mb.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  img.hero-slide.mb{
    display: block;
  }
  img.hero-slide.desktop{
    display: none;
  }
  section#hero .container,section#hero .container .col-md-6{
    padding: 0;
    height: auto;
  } 
  #particles-js{
    background: transparent;
  }
  section#our-service h1,section#testimonials h1,section#choose-us h1,
  section#laundry-service h1,section#welcome h1 {
    font-size: 34px;
    text-align: left;
  }
  section#laundry-service h1 span.laundry,section#testimonials h1 span.customers{
    color: #9ac936;
    display: block;
  }
  section#our-service p,section#testimonials p,section#download p{
    text-align: left;
  }
  footer#footer .col-md-6.order-0 {
    order: 1 !important;
  }
  footer#footer .col-md-6.order-0 p{
    font-size: 12px;
    padding-top: 20px;
  }
  ul.footer-menu li{
    float: none;
    justify-content: space-between;
  }
  .choose-box {
    height: auto;
  }
  .row.welcome .col-md-6 {
    width: 50%;
  }
  section#welcome .col-md-5.first {
    padding-top: 0px;
  }
  section#welcome  .col-md-7.second {
    margin-top: 35px;
  }
  section#our-service .col-md-7 {
    padding-top: 35px;
  }
  img.btn {
    position: relative;
    top: 10px;
    left: 12px;
  }
  section#hero .swiper-pagination {
    left: 124px;
    bottom: 88px;
  }
  img.laundry {
    width: 100%;
  }
  section#laundry-service p.more a {
    font-size: 15px;
    font-weight: normal;
    color: #1fb3e8;
  }
  .one .col-md-6.two,.two .col-md-6.two,.three .col-md-6.two{
    padding-left: 10px;
  }
  img.welcome {
    width: 128px;
    height: 112px;
  }
  section#welcome img.logo {
    width: 55%;
    display: list-item;
  }
  img.btn {
    left: 18px;
  }
  .one .col-md-6.one{
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #bee8ee, #d6eccb );
    border-image-slice: 1;
    color: white;
    text-decoration: none;
    padding: 20px 0;
    padding: 20px 0;
  }
  .one .col-md-6.two{
    border: 0px;
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, #bee8ee, #d6eccb );
    border-image-slice: 1;
    color: white;
    text-decoration: none;
    padding: 20px 0;
    position: relative;
    bottom: 1px;
  }
  .two .col-md-6.one{
   border: 0px;
   border-bottom: 1px solid;
   border-image: linear-gradient(to right, #bee8ee, #d6eccb );
   border-image-slice: 1;
   color: white;
   text-decoration: none;
   padding: 20px 0;
 }
 .two .col-md-6.two{
   border: 0px;
   border-bottom: 3px solid;
   border-image: linear-gradient(to right, #bee8ee, #d6eccb );
   border-image-slice: 1;
   color: white;
   text-decoration: none;
   padding: 20px 0;
   position: relative;
   top: 1px;
 }
 .three .col-md-6.one{
  border-bottom: 1px solid;
  border-image: linear-gradient(to right, #bee8ee, #d6eccb );
  border-image-slice: 1;
  color: white;
  text-decoration: none;
  padding: 20px 0;
}

.three .col-md-6.two{
  border: 0px;
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, #bee8ee, #d6eccb );
  border-image-slice: 1;
  color: white;
  text-decoration: none;
  padding: 20px 0;
  position: relative;
  top: 1px;
}
section#welcome svg.mil-arrow {
  position: relative;
  left: 7px;
}
}
/*---------- Inner Page ----------*/
p {
  margin-top: 0;
  margin-bottom: 0;
}
section#inner-hero {
  height: 380px;
  padding: 135px 130px;
  background: #fafafa;
}
section#inner-referral {
  height: auto;
  padding: 135px 130px;
  background: #fafafa;
  background-image: url(../img/referral-banner.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 76px;
}
section#inner-topup {
  height: auto;
  padding: 135px 130px;
  background: #fafafa;
  background-image: url(../img/topup-banner.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 76px;
}
section#inner-referee {
  height: auto;
  padding: 135px 0 0 0;
  margin-bottom: -90px;
}
section#inner-hq {
  height: 440px;
  padding: 135px 130px;
  background: #fafafa;
  background-image: url(../img/hq-contact-bg.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
}
section#inner-outlet {
  height: 440px;
  padding: 135px 130px;
  background: #fafafa;
  background-image: url('../img/location-bg.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
section#inner-laundry {
  height: 100vh;
  background: #fafafa;
  padding: 135px 0 0 0;
  background-image: url('../img/LS-bg.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
section#introduction {
  height: 100vh;
  background: #fafafa;
  padding: 135px 0 0 0;
  background-image: url('../img/intro-bg.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.container.laundry-head{
  padding: 0 10px 0 10px;
}
.laundry-socials {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 30%, #fff);
  padding: 0;
}
section.mil-soft-bg.faqs{
  padding: 85px 130px;
  background: #fff;
}
.mil-minus .mil-link.mil-down-arrow svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mil-accordion-group .mil-link svg {
  margin-left: 15px;
  border-radius: 50%;
  width: 31px;
  height: 31px;
}
section.mil-soft-bg.faqs p.mil-accordion-head {
  text-transform: capitalize !important;
  color: #012d3b !important;
  letter-spacing: normal !important;
  font-size: 15px;
  display: flex;
}
section.mil-soft-bg.faqs .mil-accordion-content p {
  color: #828484;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  padding: 10px 42px;
}
p.mil-accordion-head img {
  position: relative;
  top: 4px;
}
section.mil-white-bg.earn .row {
  border-bottom: 0.5px solid #c9dde5;
  padding-top: 30px;
}
p.mil-mb-30.float-right {
  float: right;
}
section.mil-white-bg.earn .row.last {
  border-bottom: 0px !important;
}
section.mil-soft-bg.faqs p.mil-accordion-head span {
  position: relative;
  top: 6px;
  left: 10px;
}
section.mil-soft-bg.faqs .mil-accordion-group.mil-up {
  border-radius: 16px;
  opacity: 0.05;
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 rgba(5, 98, 131, 0.06);
/*  border: solid 0.2px #c9dde5;*/
background-image: linear-gradient(99deg, #1fb3e826 -23%, #9ac93617 114%);
padding: 7.5px 20px;
}
section.mil-soft-bg.refer {
  padding: 100px 0;
  background-image: url('../img/referral-bg.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
section#hq-content {
  padding: 89px 130px;
}
section#outlet-content {
  padding: 40px 130px 90px 130px;
}
section#happy-customers {
  padding: 60px 130px;
}
section#introduction a.main,section#inner-laundry a.main,section#inner-hero a.main,section#inner-hq a.main,section#inner-outlet a.main,
section#inner-referral a.main,section#inner-referee a.main,section#inner-topup a.main {
  font-size: 12px;
  font-weight: normal;
  color: #434545;
  text-transform: uppercase;
}
section#introduction a.second,section#inner-laundry a.second,section#inner-hero a.second,section#inner-hq a.second,section#inner-outlet a.second,
section#inner-referral a.second,section#inner-referee a.second,section#inner-topup a.second {
  font-size: 12px;
  font-weight: normal;
  color: #c4ccce;
  text-transform: uppercase;
}
span.inner-line {
  padding: 0 10px;
}
section#introduction a.main:hover,section#inner-laundry a.main:hover,section#inner-hero a.main:hover,section#inner-hq a.main:hover,section#inner-topup a.main:hover
section#inner-outlet a.main:hover,section#inner-referral a.main:hover,section#inner-referee a.main:hover{
  color: #1fb3e8;
  transition: .4s;
}
section#introduction h3,section#inner-laundry h3,section#inner-hero h3,section#inner-hq h3,section#inner-referral h3,
section#inner-outlet h3,section#inner-referee h3,section#inner-topup h3 {
  font-size: 34px;
  font-weight: 300;
  color: #012d3b;
  text-transform: capitalize;
}
section#introduction h3 span.inner,section#inner-laundry h3 span.inner,section#inner-hero h3 span.inner,section#inner-hq h3 span.inner,
section#inner-outlet h3 span.inner,section#inner-referral h3 span.inner,section#inner-topup h3 span.inner {
  font-size: 34px;
  font-weight: 500;
  color: #012d3b;
}
.mil-muted {
  color: #1fb3e8;
  text-transform: capitalize !important;
  letter-spacing: normal !important;
}
section#inner-referral a.mil-button,section#inner-topup a.mil-button {
  cursor: pointer;
  z-index: 99;
  margin-right: 22px;
}
section#inner-laundry span.laundry {
  font-weight: 500;
}
section#inner-laundry span.pre-line,section#introduction span.pre-line {
  display: block;
} 
.referee-banner {
  position: absolute;
  bottom: 40px;
  width: 806px;
  height: 553px;
  margin: 105px 141.9px 34px 0;
  padding: 129px 0px 228px 135px;
  object-fit: contain;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0.9) 54%, rgba(250, 250, 250, 0));
}
.row.testimonials .head {
  display: flex;
}
.row.testimonials .right {
  position: relative;
  left: 20px;
}
section#happy-customers img.google {
  width: 30%;
}
.row.testimonials .right p {
  font-size: 13px;
  color: #828484;
  font-weight: normal;
}
.hide-me[aria-expanded="true"] {
  display: none;
}
section#happy-customers .hide-me,section#inner-hq span.load,section#inner-outlet span.load{
  color: #1fb3e8;
  font-size: 12px;
  font-weight: normal;
}
section#happy-customers span.load,section#inner-hq span.load,section#inner-outlet span.load {
  position: relative;
  top: 10px;
}
section#happy-customers img.btn,section#inner-hq img.btn,section#inner-outlet img.btn {
  background: #1fb3e8;
  width: 25px;
  height: 25px;
  padding: 7px;
  left: 12px;
}
section#inner-referee span.inner{
  font-weight: normal;
}

section#happy-customers p.readmore {
  text-align: right;
  font-size: 12px;
  color: #1fb3e8;
  line-height: 25px;
  cursor: pointer;
}
p.comments {
  font-size: 13px;
  color: #012d3b;
  font-weight: normal;
}
section#happy-customers div.collapse {
  font-size: 13px;
  color: #012d3b;
  font-weight: normal;
}
.right img.star {
  margin-right: 3px;
}
.hq-content-box {
  padding: 10px 17px 32px 18px;
  border-radius: 12px;
  border: solid 0.5px #c9dde5;
  background-color: rgba(255, 255, 255, 0.41);
  background-image: linear-gradient(113deg, #1fb3e824 35%, #fff 53%, #9ac93621 79%);
}
.hq-box .one {
  color: #4e5050;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  padding-top: 8px;
}
.hq-box .two {
  padding-left: 20px;
  color: #012d3b;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
hr.hq-hr{
  height: 2px;
  border-radius: 1px;
  box-shadow: 0 3px 6px 0 rgba(5, 98, 131, 0.06);
  background-image: linear-gradient(91deg, #1fb3e8 -23%, #9ac936 112%);
}
.outlet-box:before {
  opacity: 0.32;
  border-radius: 1.8px;
  background-image: linear-gradient(89deg, #1fb3e8 -2%, #9ac936 118%);
  width: 30%;
  height: 3px;
}
.mil-service-card-sm:before{
  bottom: 0;
}
.mil-service-card-sm p{
  transform: 0;
}
.hq-box:before{
  width: 30%;
  height: 2px;
}
.hq-box.mil-service-card-sm p {
  font-size: 12px;
}
.hq-box {
  border: 0px;
  border-top: 2px solid;
  border-image: linear-gradient(91deg, #1fb3e82b -23%, #9ac93626 112%);
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 7px;
}
section#outlet-content .mil-service-card-sm:before{
  opacity: 0.72;
  border-radius: 1.8px;
  background-image: linear-gradient(94deg, #1fb3e8 -23%, #9ac936 113%);;
}
section#hq-content .hq-box {
  border: 0px;
  border-bottom: 2px solid;
  border-image: linear-gradient(91deg, #1fb3e82b -23%, #9ac93626 112%);
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
  padding: 20px 0 30px 0;
}
img.hq-line {
  position: relative;
  bottom: 28px;
  right: 11px;
}
section#inner-outlet .search {
  float: right;
  width: 387px;
  position: relative;
  bottom: 147px;
}
section#inner-laundry .container.social,section#introduction .container.social {
  height: 98px;
  opacity: 1;
  margin: auto;
  background: transparent;
  padding: 32px 0;
}

section#inner-outlet .search input.form-control {
  object-fit: contain;
  border-radius: 16px;
  border: solid 0.5px #d1d6d6;
  background-color: #fff;
  height: 32px;
  font-size: 13px;
  color: #434545;
  line-height: normal;
  font-weight: normal;
  text-transform: capitalize;
}
section#inner-outlet .search img.ser-icon {
  position: relative;
  float: right;
  bottom: 52px;
  right: 16px;
}
::placeholder{
  color: #bac1c3!important;
  text-transform: capitalize!important;
  letter-spacing: normal!important;
}
img.location {
  width: 100%;
}
.outlet-box {
  width: auto;
  height: auto;
  margin: auto;
  padding: 20px 18px 1px 18px;
  border-radius: 12px;
  border: solid 0.5px #c9dde5;
  background-color: rgba(255, 255, 255, 0.41);
  background-image: linear-gradient(169deg, #1fb3e81a 1%, #fff 47%, #9ac93617 116%);
}
.outlet-box h3 {
  font-size: 12px;
  color: #012d3b;
  font-weight: 600;
  line-height: 25px;
}
.outlet-box .hq-box {
  padding: 10px 0;
  margin: 8px 0 16px;
}
.outlet-box .hq-box .two {
  height: auto;
}
section#outlet-content .row {
  margin-top: 24px;
}
img.referral-head {
  display: none;
}
section.mil-white-bg.join {
  margin-top: 76px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), #fff 16%);
  background: #fafafa;
  padding-top: 150px;
}
section.mil-white-bg.join h1,section.mil-soft-bg.refer h1,section.mil-soft-bg.faqs h1
,section#contact h1,section#package h1{
  font-size: 34px;
  font-weight: 300;
  color: #012d3b;
  text-align: left;
  text-transform: capitalize;
}
section.mil-soft-bg.refer p,section#contact p {
  font-size: 15px;
  color: #012d3b;
  font-weight: 300;
  line-height: 25px;
}

section.mil-soft-bg.refer p.head{
  font-weight: normal;
  padding-bottom: 20px;
}
section.mil-soft-bg.refer .mil-link.mil-dark.mil-arrow-place {
  color: #1fb3e8;
  text-transform: capitalize;
  letter-spacing: normal;
}
section.mil-soft-bg.refer .mil-link svg {
  margin-left: 15px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 10px;
  background-color: rgb(31 179 232) !important;
}

section.mil-soft-bg.refer .row.second a.mil-link.mil-muted.mil-arrow-place {
  float: right;
  position: relative;
  right: 35px;
}
section.mil-soft-bg.refer a.mil-link.mil-muted.mil-arrow-place {
  float: right;
}
span.referral {
  color: #9ac936;
  font-weight: 500;
  display: block;
}
span.faqs {
  color: #9ac936;
  font-weight: 500;
}
.mil-service-card-sm p{
  opacity: 1;
  color: #434545;
  font-size: 15px;
  font-weight: normal;
}
h5.mil-muted.mil-mb-30 {
  font-size: 18px;
  font-weight: 500;
  color: #012d3b;
}
.row.mil-services-grid.m-0 {
  border: 0.8px solid #c9dde5;
  border-bottom: 0;
}
.col-md-6.col-lg-4.mil-services-grid-item.p-0.middle{
  border-left: 0.8px solid #c9dde5;
  border-right: 0.8px solid #c9dde5;
}
.mil-button.mil-icon-button-sm {
  padding: 0;
  height: 53px;
  width: 53px;
  background: #032d3b;
}
p.mil-light-soft.mil-mb-30:hover {
  color: #012d3b!important;
  transition: .4s;
}
p.head.mb {
  display: none;
}
.testi-customer .content-box {
  width: auto;
  height: 340px;
}
.mil-service-card-sm:before{
  opacity: 0.32;
  border-radius: 1.8px;
  background-image: linear-gradient(94deg, #1fb3e8 -23%, #9ac936 113%);;
}
.slide-referral.swiper {
  padding-bottom: 50px;
}
.container.mil-up.referral .testi-customer {
  padding: 0px!important;
}
.container.mil-up.referral img.google {
  width: 20%!important;
  position: absolute;
  bottom: 20px;
  left: 18px!important;
}
section.mil-white-bg.earn {
  background: #fafafa;
  padding: 50px 0;
}
img.referral-earn {
  width: 80%;
}
section.mil-white-bg.earn h5.mil-muted.mil-mb-30 {
  font-size: 22px;
  color: #012d3b;
  line-height: 30px;
  font-weight: normal;
}
section#inner-referral p.mil-mb-30 {
  font-size: 15px;
  left: 25px;
  color: #434545;
  font-weight: normal;
  padding-bottom: 16px;
}
section.mil-white-bg.earn span.pre-line {
  display: block;
}
section.mil-white-bg.earn .mil-link svg {
  margin-left: 15px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
section.mil-white-bg.earn .col-lg-3{
  display: flex;
  justify-content: flex-end;
}
.container.social {
  height: 98px;
  background: #fff;
  margin: auto;
  padding: 32px 0;
}
.content-social {
  display: flex;
}
span#social {
  font-size: 15px;
  color: #434545;
  font-weight: normal;
  position: relative;
  bottom: 8px;
  left: 10px;
}
span#social:hover{
  color: #1fb3e8;
  transition: .4s;
}
img.referral-banner {
  width: 100%;
}
section#contact,section#package {
  background: linear-gradient(158deg, #1fb3e814 10%, #fff 49%, #9ac9361c 106%);
  padding: 120px 0;
}
section#package .package-content .top {
  background-image: url('../img/topup-bg1.png');
  padding: 35px 20px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 210px;
}
section#package .package-content .top.popular  {
  background-image: url('../img/topup-bg2.png');
  padding: 35px 20px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 210px;
}
section#package .package-content .bottom {
  padding: 15px;
}
section#package .package-content {
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 #e3e3e3;
  background-color: rgba(255, 255, 255, 0.84);
  text-align: center;
}
section#package .package-content h2{
  color: #1fb3e8;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 21px;
  padding-bottom: 20px;
}
section#package .package-content h4{
  color: #012d3b;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 21px;
  padding-bottom: 5px;
}
section#package .package-content h3{
  color: #012d3b;
  font-size: 22px;
  font-weight: bold;
  text-transform: capitalize;
  line-height: 21px;
}
section#package .package-content h5{
  color: #012d3b;
  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 21px;
  padding-top: 20px;
}
section#inner-hq svg.mil-arrow,section#inner-outlet svg.mil-arrow {
  width: 25px;
  height: 25px;
  padding: 5px;
}
section#inner-hq a.mil-link.mil-arrow-place.mil-down-arrow,section#inner-outlet a.mil-link.mil-arrow-place.mil-down-arrow {
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #1fb3e8;
}
section#contact p.sign {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #012d3b !important;
}
form.row.align-items-center a {
  color: #1fb3e8;
}
section#contact input {
  position: relative;
  height: 40px;
  padding: 0;
  width: 100%;
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: normal;
  font-family: "Outfit", sans-serif;
  color: rgb(0, 0, 0);
  border: none;
  border-bottom: solid 0.8px #d1d6d6;
  margin-bottom: 40px;
}

section#contact label {
  font-size: 15px;
  color: #012d3b;
  font-weight: 500;
}

section#contact input[type="checkbox"] {
  width: 5% !important;
  height: 30px !important;
  position: relative;
  right: 10px;
  top: 10px;
}

ul#country-listbox {
  border: none;
  border-radius: 5px;
}
.iti {
  display: block;
  margin-bottom: 40px;
  z-index: 9999;
}
input#txtPhone {
  padding-left: 66px!important;
}
.iti--separate-dial-code .iti__selected-flag {
  background: none;
  padding: 0;
}
.iti__selected-dial-code {
  font-size: 12px;
}
section#contact form.row.align-items-center {
  border-radius: 16px;
  box-shadow: 0 3px 6px 0 #e3e3e3;
  background-color: rgba(255, 255, 255, 0.84);
  padding: 30px;
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
  font-size: 12px;
}
/*.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 66px;
}
.iti__arrow {
    position: absolute;
    right: 62px;
}
input#txtPhone {
    margin-left: 79px !important;
    padding: 0;
}
.iti__arrow--up::after{
  content: url('../img/btn-arrow.png')!important;
}*/
input.expand-btn {
  display: none;
}

@media (min-width: 1025px){
 section#hq-content .col-md-4 {
  padding-right: 66px;
}
section.mil-soft-bg.faqs .container {
  padding-right: 22%;
}
}
@media (max-width: 1024px){
  section#inner-outlet {
    height: 440px;
    padding: 135px 30px;
  }
  section#inner-hero {
    height: 380px;
    padding: 135px 30px;
    background: #fafafa;
  }
  section#hq-content,section#inner-referral,section#inner-topup{
    padding: 89px 30px;
  }
  section#outlet-content {
    padding: 40px 30px 90px 30px;
  }
  section#happy-customers {
    padding: 60px 30px;
  }
  section#inner-hq {
    padding: 135px 30px;
  }
  section#inner-hq {
    height: 440px;
    padding: 135px 30px;
    background: #fafafa;
  }
  section#inner-laundry,section#introduction {
    height: auto;
    padding: 135px 0 0 0;
  }
  .laundry-socials {
    padding: 30px 30px;
  }
  section#inner-laundry .container.social,section#introduction .container.social {
    padding: 32px 0;
  }
}
@media (max-width: 1023px){
  img.referral-head {
    display: block;
    width: 100%;
  }

}

@media (min-width: 769px){
  .row.testimonials {
    width: 695px;
    padding: 23px 25px 20px 14px;
    object-fit: contain;
    border-radius: 16px;
    border: solid 0.5px #c9dde5;
    background-color: rgba(255, 255, 255, 0.73);
  }
  .container.social .socials {
    padding-right: 80px;
  }
  p.comments {
    padding-left: 10px;
  }
  .hq-box .two {
    height: 58px;
  }
  section.mil-soft-bg.refer .col-md-6.col-lg-8 {
    width: 30%;
    position: relative;
    right: 70px;
  }
  section.mil-soft-bg.refer .col-md-6.col-lg-5.mil-up {
    width: 36%;
    padding: 50px 50px 0 0;
  }
}
@media (max-width: 768px){
  .mil-button svg{
    position: relative;
    left: 2px;
  }
  .mil-button.mil-icon-button-sm img {
    width: 16px;
  }
  section#contact,section#package {
    padding: 50px 0;
  }
  .mil-accordion-group .mil-link svg {
    position: relative;
    top: 4px;
  }
  section#package .package-content {
    margin-top: 30px;
  }
  .hq-box.last{
    border-bottom: none !important;
  }
  .hq-box.last:before{
    width: 0;
  }
  img.referral-earn {
    width: 60%;
  }
  section#inner-laundry span.laundry {
    display: block;
  }
  section#inner-hero h3 span.inner,section#inner-hq h3 span.inner,section#inner-outlet h3 span.inner {
    display: block;
  }
  .container.social span#social {
    display: none;
  }
  .container.social .socials {
    margin: auto;
    padding: 0 27px;
  }
  .hq-content-box {
    padding: 10px 17px 10px 18px
  }
  .hq-box .two {
    height: auto;
  }
  section#hq-content .row {
    margin-top: 0;
  }
  .hq-box {
    padding: 0 0 20px 0;
  }
  section.mil-white-bg.earn .row {
    padding-bottom: 30px;
  }
  section#inner-referral h3 span.inner,section#inner-topup h3 span.inner {
    font-size: 28px;
    font-weight: 500;
    color: #012d3b;
    display: block;
  }
  section#inner-hero,section#inner-outlet{
    height: auto;
    padding: 125px 10px 50px;
  }
  section#inner-hq {
    height: auto;
    padding: 125px 10px 50px;
    background: url(../img/hq-contact-bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
  }
  section#inner-referral{
    height: auto;
    padding: 50px 0px;
    background: #fafafa;
    background-image: none;
  }
  section#inner-referee span.inner{
    display: block;
  }
  section#inner-topup{
    height: auto;
    padding: 50px 0px;
    background: #fafafa;
    background-image: none;
  }
  .referee-banner {
    width: auto;
    height: 500px;
    padding: 30px;
    background: transparent;
    position: absolute;
    bottom: -145px;
    backdrop-filter: none;
  }
  section#inner-referee {
    height: 650px;
    padding: 135px 0 0 0;
    margin-bottom: 0px;
  }
  section#contact input[type="checkbox"] {
    width: 8% !important;
    height: 30px !important;
    position: relative;
    right: 2px;
    top: 10px;
  }
  section#contact form.row.align-items-center {
    padding: 30px 10px;
  }
  img.referral-banner {
    width: 100%;
  }
  section.mil-white-bg.join{
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .row.testimonials {
    padding: 23px 25px 20px 14px;
    object-fit: contain;
    border-radius: 16px;
    border: solid 0.5px #c9dde5;
    background-color: rgba(255, 255, 255, 0.73);
  }
  section#happy-customers {
    padding: 45px 10px;
  }
  section#hq-content{
    padding: 40px 10px;
  }
  .row.testimonials .comments{
    margin-top: 10px;
  }
  span.faqs {
    display: block;
  }
  img.hq-line {
    position: relative;
    bottom: 26px;
  }
  .outlet-box {
    width: auto;
  }
  section#outlet-content {
    padding: 30px 0 50px 0;
  }
  img.referral-banner {
    display: block;
  }
  .col-md-6.col-lg-4.mil-services-grid-item.p-0.middle{
    border-top: 0.8px solid #c9dde5;
    border-bottom: 0.8px solid #c9dde5;
    border-left: 0;
    border-right: 0;
  }
  .row.mil-services-grid.m-0 {
    border: 0.8px solid #c9dde5;
    border-radius: 20px;
    padding-bottom: 0;
  }
  .mil-button.mil-icon-button-sm {
    padding: 0;
    height: 46.5px;
    width: 46.5px;
    background: #032d3b;
  }
  section.mil-soft-bg.faqs {
    padding: 50px 0;
    background: #fff;
  }
  section.mil-soft-bg.faqs .mil-accordion-group.mil-up {
    padding: 7.5px 20px 16px 2px;
  }
  section.mil-soft-bg.faqs p.mil-accordion-head span {
    position: relative;
    top: 6px;
    left: 6px;
    margin-right: 20px;
  }
  .laundry-socials {
    padding: 0;
  }
  section#happy-customers .hide-me{
    text-align: center;
  }
  input.expand-btn {
    display: block;
  }
  .comments{
/* height: calc(var(--max-lines) * 1em * var(--line-height)); - что б все карточки были одного размера*/
--max-lines: 3;
--line-height: 1.4;
max-height: calc(var(--max-lines) * 1em * var(--line-height));
line-height: var(--line-height);
overflow: hidden;
position: relative;
}
.comments:has(+ .expand-btn:not(:checked))::before{
  content: "";
  position: absolute;
  height: calc(1em * var(--line-height));
  width: 100%;
  bottom: 0;
  pointer-events: none;
}
.comments:has(+ .expand-btn:checked){
  max-height: none;
}
.expand-btn {
  appearance: none;
  padding: .5em;
  cursor: pointer;
  border: none;
  text-align: right;
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: normal;
  color: #1fb3e8;
}
input.expand-btn {
  height: auto;
  margin-bottom: 0;
}
.expand-btn::before{
  content: "Read more";
}
.expand-btn:checked::before{
  content: "less";
  display: none;
}
}

@media (max-width: 767px){
 .row.testimonials .right {
  position: relative;
  top: 12px;
  width: 100%;
}
section#inner-outlet .search {
  float: right;
  width: 50%;
  position: relative;
  bottom: 27px;
}
section#happy-customers img.google {
  width: 22%;
  position: absolute;
  bottom: 0;
  right: 0;
}
section.mil-soft-bg.refer .row.second a.mil-link.mil-muted.mil-arrow-place {
  float: left;
  position: relative;
  right: 0;
}
section.mil-soft-bg.refer a.mil-link.mil-muted.mil-arrow-place {
  float: left;
}
p.gog {
  position: relative;
  text-align: right;
}
hr.hq-hr.mb,img.hq-line.mb{
  display: none;
}
.outlet-box {
  margin-top: 26px;
}
section#outlet-content .row {
  margin-top: 0;
}
.col-md-6.col-lg-5.mil-up.order-0 {
  order: 1 !important;
}
p.head.mb {
  display: block;
}
p.head.desk {
  display: none;
}
}
@media (max-width: 375px){
  section#happy-customers img.google {
    width: 22%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}