body {
    position: relative; 
    font-family: 'Poppins';
    font-weight: bolder;
}
#section1 {padding-top:50px;color: #fff; background-color: #fff;}
#section2 {padding-top:50px;color: #fff; background-color: #fff;}
#section3 {padding-top:50px;color: #fff; padding-left:10%; padding-right:10%; background-color: #0059ff; margin-top: 110px;  padding-top:0px;}
#section4 {padding-left:10%; padding-top:10%;}


.navbar-inverse{
  background-color: white;
  border: transparent;
  padding-bottom:10px;
  }

.navbar-inverse .navbar-nav>li>a{
  color : black;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  color: black;
  background-color: transparent;
}
  
ul.nav a:hover { color: #0059ff !important; }

.container-nav{
  height:80px; 
  font-size:25px; 
  margin-top:20px; 
  padding-left:3%; 
  padding-right:3%
}

.bod-spy-scroll{
  padding-left:50px; 
  padding-right:50px;
}
.img-brand{
  margin-left: 30%;
}
.section-one .title-one{
  font-size:80px; 
  color: black; 
  font-weight: bold;
  line-height: 0.8;
}
.section-one .title-two{
  font-size:80px;
  color: #0059ff; 
  font-weight: bold;
}
.section-one .img-one{
  padding-top: 120px;
}
.section-one .img-two{
  padding-top: 20px;
}
.section-one .img-side-right{
    display: block; 
    margin-left: auto;
    margin-right: auto;
    width: 10%; 
    margin-top:-150px;
}
.section-one .title-feature{
  font-size:80px; 
  color: black; 
  font-weight: bold;
}
.section-one .description-feature{
  color: #0059ff;
  padding-top:20px; 
  padding-right:30px;
}
.section-one .title-check{
  font-size:80px; 
  color: black; 
  font-weight: bold; 
  padding-right: 10%; 
  margin-top:30%; 
  margin-left:50px;
  line-height: 1;
}

.section-one .img-hist{
  position: absolute; 
  z-index: 1; 
  left: -100%; 
  top: 70px;
}
.section-one .laundry-service{
  background-color: #0059ff; 
  border-radius: 25px 0px 0px 0px; 
  padding-left: 20px;
  padding-top: 40px;
}
.section-one .laundry-service-title{
  font-size:70px; 
  color: white; 
  font-weight: bold; 
  padding-right: 70%; 
  margin-left:40px;
  margin-top: -30px;
  line-height: 1.2;
}

.section-two{
  padding-left:10%; 
  padding-right:10%; 
  margin-top: 60px;
}

.section-two .p-about{
  font-size:70px; 
  color: black; 
  font-weight: bold;
  margin-top:10%;
  line-height: 1.2;

}

.section-two .p-olu{
  font-size:70px; 
  color: #0059ff; 
  font-weight: bold;
}

.section-two .p-descripton{
  font-size:34px;
  color: #0059ff;
  padding-right:15%;
  margin-top:50px;
  font-family: arial;
  font-weight: normal;
}

.sec-four-title{
  font-size:82px; 
  color: black; 
  font-weight: bold;
}
.visit-text{
  font-weight:bold;
  font-size:25px;
  line-height: 80%; 
}
.sub-visit-text{
  font-weight:bold; 
  font-size:23px;
  line-height: 80%; 
  margin-left:-60px;
   margin-top:30px;
}




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

.desktop-section {
  display: block;
}
.mobile-section {
  display: none;
}


/* Style untuk mobile */
@media (max-width: 767px) {

html, body {
width: 100%;
height: 100%;

margin: 0; 
padding: 0; 
overflow-x: hidden;
font-family: 'Poppins';
font-weight: bolder;
} 

  .desktop-section {
      display: none;
  }

  .mobile-section {
      display: block;
  }

.mobile-container {
max-width: 480px;
margin: auto;
background-color: white;
height: 500px;
color: black;
border-radius: 10px;
padding-top: 20px;
}

.topnav {
overflow: hidden;
background-color: transparent;
position: relative;
}

.topnav #LinkNav {
display: none;
background-color: #0059ff;
}

.topnav a {
color: black;
padding: 14px 16px;
text-decoration: none;
font-size: 28px;
display: block;
}

.topnav a.icon {
background: transparent;
display: block;
position: absolute;
right: 0;
top: 0;
border: black;
}

.topnav a:hover {
background-color: whitesmoke;
color: black;
}

.active {
background-color: #04AA6D;
color: white;
}


#sectionmobile1 {padding-top:50px;color: #black; background-color: #fff;}
#sectionmobile2 {color: #fff; background-color: #fff;}
#sectionmobile3 {padding-top:50px;color: #fff; padding-left:10%; padding-right:10%; background-color: #0059ff; margin-top: 200px;  padding-top:0px; 			border-radius: 15px 15px 0px 0px; 
}
#sectionmobile4 {padding-left:10%; padding-top:10%;}

.navbar-inverse{
background-color: white;
border: transparent;
padding-bottom:10px;
}

.navbar-inverse .navbar-nav>li>a{
color : black;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
color: black;
background-color: transparent;
}

ul.nav a:hover { color: #0059ff !important; }

.container-nav{
height:80px; 
font-size:25px; 
margin-top:20px; 
padding-left:3%; 
padding-right:3%
}

.bod-spy-scroll{
padding-left:5px; 
padding-right:5px;
overflow-x: hidden;

}
.img-brand{
margin-left: 30%;
}
.section-one .title-one{
font-size:37px; 
color: black; 
font-weight: bold;
padding-left:2%;
line-height: 0.5;
}
.section-one .title-two{
font-size:37px; 
  color: #0059ff; 
font-weight: bold;
padding-left:2%;

}
.section-one .img-one{
padding-top: 20px;
padding-left: 10%;
}
.section-one .img-two{
padding-top: 20px;
padding-left: 10%;
}
.section-one .img-side-right{
display: block; 
margin-left: auto;
margin-right: auto;
width: 10%; 
margin-top:-150px;
}
.section-one .title-feature{
font-size:42px; 
color: black; 
font-weight: bold;
text-align: center;
}
.section-one .description-feature{
color: #0059ff;
padding-top:20px; 
padding-right:30px;
}
.section-one .title-check{
  font-size: 45px;
  color: black;
  font-weight: bold;
  padding-right: 10%;
  margin-top: 5%;
  margin-left: 0px;
  line-height: 1.2;
}
.section-one .laundry-service{
background-color: #0059ff; 
border-radius: 25px 0px 0px 0px; 
padding-left: 20px;
padding-top: 40px;
}
.section-one .laundry-service-title{
  font-size: 45px;
  color: white;
  font-weight: bold;
  padding-right: 0;
  margin-left: -14px;
  margin-top: -30px;
  line-height: 1.2;
}

.section-two{
padding-left:10%; 
padding-right:10%; 
margin-top: 60px;
}

.section-two .p-about{
font-size:45px; 
color: black; 
font-weight: bold;
line-height: 0.7;
}

.section-two .p-olu{
font-size:45px; 
color: #0059ff; 
font-weight: bold;
}

.section-two .p-descripton{
font-size:14px;
color: #0059ff;
padding-right:10%;
margin-top:50px;
font-family: arial;
font-weight: normal;
}

.sec-four-title{
font-size:40px; 
color: black; 
font-weight: bold;
line-height: 1;
}
.visit-text{
font-weight:bold;
font-size:15px;
line-height: 10%;
}
.sub-visit-text{
font-weight:bold; 
font-size:23px;
line-height: 80%; 
margin-left:-60px;
margin-top:30px;
}


.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

#box-text {
border: 2px solid #0059ff;
padding: 10px;
border-radius: 25px;
}
#olu-swipper{
padding-left:60px;
padding-right:60px;
padding-top:40px;
padding-bottom:40px; 
font-size: 10px;
border: #0059ff;
color: #0059ff;
}

}