.btn-login-edit{
	    margin-top:30px;
	    border-radius:20px;
	    background-color:black;
	    width:100%;
	    box-shadow: -1px 25px 25px grey;
	}
	
	.form-input-border{
	    border-top:0;
	    border-right:0;
	    border-left:0;
	    width:100%;
	    margin-top:10px;
	    padding:10px;
	}
	
	.check-login{
	    margin-top:4px; 
	    margin-right:15px;
	    color:black;
	    width:20px;
	    accent-color: black;
	}
	
	.form-input-border::placeholder{
	    color:rgb(220, 220, 220);
	}
	
    .hero_bg_box {
      position: absolute;
      top: -10px;
      left: 180px;
      right:0;
      z-index: 2;
    }
    
    .hero_bg_box img {
      width: 100%;
      height: 500px;
    }	
	
.img-produk{
    /*position:absolute;*/
    /*top:0;*/
    /*z-index:2;*/
    /*left:30px;*/
}

.icon-se{
    width:150px;
    height:300px;
    background-color:white;
    position:absolute;
    left:0;
    z-index:2;
}

.navbar-side{
    text-align:center;
    margin-top:70px;
}

.navbar-side-list{
    list-style-type: none;
}

.text-img{
    margin-left:160px;
    margin-top:50px;
}

.text-img img{
    width:96%;
}

#sec{
    font-size:16px;
    font-weight: bolder;
    font-family: Arial Black;
    color:gray;
}

#sec:hover{
    color:white;
    transition: transform 0s;
}

#sec::after{
  position: absolute;
  content: "";
  width: 35px;
  height: 3px;
  top: 80%;
  left: 50%;
  right:50%;
  background: white;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}

#sec:hover::after{
    transform: scaleX(1);
    transform-origin: left;
}


.search-bar{
    background: rgb(226, 223, 255);
    border-radius:10px;
    outline:none;
    border:none;
    padding: 2px;
    padding-left:10px;
    background-image:url('/images/images/search-icon.png');
      background-repeat: no-repeat;
      background-position:  170px;
      padding-right:10px;
}

.search-bar-sticky{
    background: white;
    border-radius:10px;
    outline:none;
    border:1px solid gray;
    padding: 2px;
    padding-left:10px;
    background-image:url('/images/images/search-icon.png');
      background-repeat: no-repeat;
      background-position:  170px;
      padding-right:10px;
}

.button-and-image{
    position:absolute;
    left:25%;
    right:25%;
    /*background-color:gray;*/
    bottom:130px;
    z-index:1;
    
}

.button-and-image .btn{
    background-color:white;
    padding:6px;
    padding-left:7px;
}

.image-and-button{
    position:absolute;
    right:15%;
    top:8%;
    /*background-color:gray;*/
    bottom:90%;
}

.title-login-edit{
    font-family: Arial;
    font-weight:600;
    font-size:30px;
}

.font-bold{
    font-weight:bold;
}

.title-login-edit-s{
    font-family: Arial;
    font-weight:600;
    font-size:30px;
}

.image-and-button img{
    width:500px;
}

.title-product{
    text-align:center;
    font-weight:bold;
    font-size:50px;
    margin-bottom:60px;
}

.title-marketplace{
    font-size:30px;
}

.title-marketplace .visit{
    font-style:italic;    
}

.title-marketplace .market-place{
    font-weight:900;
}

.tokped-set{
    position:absolute;
    top:27%;
    bottom:25%;
    left:15%;
    right:25%;
    padding:auto;
}

.button-tokped{
    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/bJJzR18510.png');
    background-repeat: no-repeat;
    background-position:  25px 8px;
    background-size: 68px;
}

.oren-set{
    position:absolute;
    top:27%;
    bottom:25%;
    left:10%;
    right:30%;
    padding:auto;
}

.button-oren{
    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/IrZro18711.png');
    background-repeat: no-repeat;
    background-position:  25px 8px;
    background-size: 68px;
}

.bck{
    width:100%;
    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/large1666111729AZUM918311.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding:30px;
}

.bck img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width:60%;
}

.testi-background{
    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/n8Via19412.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding:150px;
}

.img-effect{
    margin-top:30px;
}

.k{
    width:70%;
    box-shadow: 30px -70px pink;
          display: block;
      margin-left: auto;
      margin-right: auto;
}

.img-con{
    position:absolute;
    bottom:0;
}

.footer-six-back{
    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');
        background-repeat: no-repeat;
        background-size: cover;
        max-width:100%;
}


.subscribe-content{
    background-color:pink;
    padding:20px;
}

.kutip{
    position:absolute;
    bottom:110px;
    left:-147px;
}

.info-text-color{
    color:white;
    font-family: Lucida Console;
}

.info-text-color span{
    font-family: Arial;
}

.title-footer-back
{
    letter-spacing: 5px;
    font-size:50px;
    font-weight:800;
    margin-bottom:30px;
}

.title-footer-back-mobile
{
    letter-spacing: 1px;
    font-size:34px;
    /*font-weight:800;*/
    margin-bottom:30px;
    color:white;
}

.title-footer-back::after
{
    position: absolute;
      content: "";
      width: 100%;
      height: 1px;
      top: 70px;
      left:15px;
      background: white;
      transform: scaleX(1);
      transform-origin: right;
}

.alamat-footer{
    font-weight:800;
    line-height: 2;
    font-size:15px;
}

.alamat-footer-mobile{
    font-weight:600;
    line-height: 2;
    font-size:18px;
    color:white;
}

.manufacture-url{
    position:absolute;
    bottom:30px;
    left:15px;
    font-size:13px;
    letter-spacing:4px;
    font-weight:700;
    /*font-family:monospace;*/
}

.col-manufacture .manufacture-url-mobile{
    color:white;
    font-size:16px;
    font-weight:500;
    font-family:Arial;
}

.title-payment-method{
    font-size:18px;
}

.title-payment-method span{
    font-weight:900;
}

.button-become-reseler{
    margin-left:68px; 
    margin-top:40px;
}

.button-telp{
    margin-left:100px;
    margin-top:30px;
}

.button-telp img{
    width:85%;
}

.become{
    position:absolute;
    z-index:1;
    bottom:33px;
    left:14%;
    width:100%;
}

.gas-slash{
    position:absolute;
    z-index:1;
    bottom:30px;
    right:67%;
}

.button-hand{
    font-size:27px;
    font-weight:bold;
    letter-spacing: 5px;
    color:white;
    position:absolute;
    z-index:1;
    bottom:20%;
    left:25%;
}

.click-basic{
    position:absolute;
    top:42%;
    left:35%;
}

.click-here{
    width:30%;
}

.slides-basic-click{
    position:absolute;
    top:35%;
    right:25%;
    transform: rotate(10deg);
}

.click-basic-2{
    position:absolute;
    bottom:20px;
    left:28%;
}

.click-here-2{
    width:70%;
}

.slides-basic-click-2{
    position:absolute;
    bottom:28px;
    right:42%;
    /*transform: rotate(10deg);*/
}

.search-content{
    background-color:pink;
    padding:25px;
}

.email-subscribe{
    width:500px;
    border-top:0;
    margin-left:50px;
    border-left:0;
    border-right:0;
    background-color:transparent;
    text-align:center;
    color:white;
    border-bottom:2px solid white;
}

.email-subscribe-mobile{
    width:100%;
    border-top:0;
    /*margin-left:50px;*/
    border-left:0;
    border-right:0;
    background-color:transparent;
    text-align:center;
    color:white;
    border-bottom:2px solid white;
}

.title-payment-method-mobile{
    font-family:Arial;
    font-size:25px;
    /*font-weight:bold;*/
    color:white;
}

.title-payment-method-mobile span{
    font-weight:800;
}

.title-footer-mobile-subscribe{
    color:white;
    font-size:30px;
    font-weight:bold;
    font-family:Arial;
    line-height:20px;
}

.title-footer-mobile-subscribe span{
    color:white;
    font-size:22px;
    font-weight:500;
}

.btn-subscribe{
    color:white;
    margin-left:-20px;
}

.btn-subscribe-mobile{
    color:white;
    position:absolute;
    right:10px;
    /*margin-left:-20px;*/
}

.email-subscribe-mobile::-webkit-input-placeholder{
    color:white;
}


.email-subscribe::-webkit-input-placeholder{
    color:white;
    font-style:italic;
}

/*support mozilla*/
.contoh1:-moz-input-placeholder{
	color: white;
    font-style:italic;
}
 
/*support internet explorer*/
.contoh1:-ms-input-placeholder{
	color: white;
    font-style:italic;
}

.span-price{
    background-color:gray;
    position:absolute;
    top:-50px;
    padding-right:3px;
    padding-left:3px;
    padding-top:50px;
    right:20px;
    color:white;
    font-weight:bold;
    z-index:2;
        
}
.span-price span{
    font-size:20px;
    font-weight:bold;
}

.title-name-product{
    text-align:center;
    margin-top:10px;
}

.testi-card{
    width:100%;
    background-color:transparent;
    position:absolute;
    right:-80px;
    top:-60px;
}

.card-parent{
    border-radius:20px;
    margin-right:50px;
    height:200px;
    width:100%;
}

.card-card{
    text-align:left;
}

.card-card h1{
    font-size: 25px;
    font-weight:bold;
    margin-bottom:20px;
    font-family: Arial;
}

.card-card h1::after{
     position: absolute;
      content: "";
      width: 80%;
      height: 1px;
      top: 55px;
      left:34px;
      background: gray;
      transform: scaleX(1);
      transform-origin: right;
}

.card-card .mt-3{
    position:absolute;
    bottom:15px;
}

.icon-view-social{
    background-color:white;
    border-radius:100px;
    width:40px;
    height:40px;
}

.icon-view-social a{
    font-size:20px;
    position:absolute;
    top:12%;
    bottom:25%;
    left:24%;
}

.los{
    margin-top:100px;
}

.los-1{
    margin-top:100px;
}

.los-3{
    margin-top:60px;
}

.carousel-blog{
    padding:20px;
    height:400px;
}


.dropdown-cart-s{
    margin-left:130px;
    /*margin-bottom:20px;*/
    margin-top:-130px;
    border-radius:20px;
    padding-top:20px;
    padding-bottom:20px;
    border:0;
    width:350px;
}


.dropdown-cart-s-1{
    margin-left:130px;
    /*margin-bottom:20px;*/
    margin-top:-68px;
    border-radius:20px;
    padding-top:20px;
    padding-bottom:20px;
    border:0;
    width:350px;
}


.sidebar-menu-header .container .navbar-side .navbar-side-list .dropdown-cart-s{
    margin-left:200px;
    /*margin-bottom:20px;*/
    margin-top:-130px;
    border-radius:20px;
    padding-top:20px;
    padding-bottom:20px;
    border:0;
    width:350px;
}

.sidebar-menu-header .container .navbar-side .navbar-side-list .dropdown-cart-s-1{
    margin-left:200px;
    /*margin-bottom:20px;*/
    margin-top:-70px;
    border-radius:20px;
    padding-top:20px;
    padding-bottom:20px;
    border:0;
    width:350px;
}


/*#headerOneCartButton:hover{*/
/*    transform: scale(1.2);*/
/*}*/

.navbar-side-list li a:hover{
    transform: scale(1.4);
}

.navbar-side-list li a:active{
    transform: scale(1.4);
}


.dropdown-cart-s-1 ul{
    list-style-type: none;
    /*background-color:red;*/
    /*margin-right:auto;*/
    /*margin-left:auto;*/
    margin-left:-10px;
    
}

.dropdown-cart-s ul{
    list-style-type: none;
    /*background-color:red;*/
    /*margin-right:auto;*/
    /*margin-left:auto;*/
    margin-left:0;
    padding:0;
    
}

/*.li-produk{*/
/*    height:180px;*/
/*    overflow-y:auto;*/
/*}*/

.number-card{
    position:absolute;
    bottom:10px;
    right:22px;
}

.number-card-sticky{
    margin-left:-20px;
}

.dropdown-cart-s li{
    list-style-type: none;
    /*background-color:gray;*/
    margin-right:100%;
    width:100%;
    text-align:center;
    
}

.btn-block-a{
    
}

.produk-slick{
    width:100%;
    margin-right:200px;
}

.low-section ul li{
    margin-left: 101%;
    color: gray;
    z-index: 99;
    font-size:20px;
}

.low-section ul li p{
    margin-left: -120px;
    color: black;
    font-style: italic;
    font-size:1vw;
}


.low-section .kosong{
    font-size: 50px;
    margin-left: 110%;

}

.low-section .kosong::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    right: 27px;
    top: 40px;
    z-index: -99;
    background-color: gray;
}

.hastag-s{
    font-size:1.1vw;
}

.hastag-s::after{
    position: absolute;
    content: "";
    width: 80%;
    height: 7px;
    top:9px;
    right:0;
    background-color: black;
}

.low-section .font-title-banner{
    font-weight:700;
    font-size:4vw;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
}

.low-section .collar-banner .banner-text-skin{
    font-size:12vw;
    font-weight: 700;
    letter-spacing: -15px;
    font-family: Arial, Helvetica, sans-serif;
}

.low-section .collar-banner .banner-text-skin::after{
    position: absolute;
    content: "";
    width:93%;
    height: 10px;
    top: 80%;
    left: 30px;
    background-color: black;
}

.right-text-title{
    transform: rotate(-90deg);
    position: absolute;
    right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    font-size: 30px;
    margin-top: -10px;
}


.col-banners hr{
    margin-top: -10px;
    background-color: gray;
    height: 1px;
    margin-bottom: 30px;
}

.col-banners-1 hr{
    background-color: gray;
    height: 1px;
    margin-top: 30px;
}

.tradmark-about{
    font-size: 2vw;
    position: absolute;
    top: 22px;
    margin-left: 1px;
}

.text-link-banner-s{
    font-weight:700;
    line-height: 80%;
    letter-spacing: -1px;
    font-size:2vw;
    font-family: Arial, Helvetica, sans-serif;
}

.text-link-banner {
    font-size: 1.5vw; 
    margin-top: -12px;
}

.font-skin-banner{
    font-size: 5vw;
    line-height: 80%;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -3px;
}

.about .title-banner{
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
}

.about p a{
    color: black;
    text-decoration: none;
}

.about .isi-text-banner{
    font-size:1.2vw;
    margin-top: -15px;
    letter-spacing: -1px;
}

.about .number-s p {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 40px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
}

.number-s .icon-bar-about{
    position: absolute;
    bottom: 27px;
    right: 130px;
}

.number-s .icon-bar-about .purple{
    position: absolute;
    bottom: 10%;
    background-color: rgb(197, 120, 197);
    width: 15px;
    height: 15px;
    border-radius: 10px;
}

.number-s .icon-bar-about .yellow{
    position: absolute;
    bottom: 10%;
    background-color: rgb(253, 253, 127);
    width: 15px;
    height: 15px;
    margin-left: 20px;
    border-radius: 10px;
}

.number-s .icon-bar-about .pink{
    position: absolute;
    bottom: 10%;
    background-color: rgb(248, 202, 210);
    width: 15px;
    height: 15px;
    margin-left: 40px;
    border-radius: 10px;
}

.btn-cart-edit-s{
    width:100%;
}

.qty-edit{
    background-color:transparent;
    width:100px;
    border:3px solid gray;
}

.active-detail::after{
  position: absolute;
  content: "";
  width: 65px;
  height: 3px;
  top: 60%;
  background: gray;
  margin-left:-110px;
  /*transition: transform 0.5s;*/
  transform: scaleX(1);
  /*transform-origin: right;*/
}

.active-detail-short::after{
  position: absolute;
  content: "";
  width: 65px;
  height: 3px;
  top: 60%;
  background: gray;
  margin-left:-60px;
  /*transition: transform 0.5s;*/
  transform: scaleX(1);
  /*transform-origin: right;*/
}

.btn-add-to-cart-edit{
    letter-spacing:5px;
    text-transform:uppercase;
    background-color:black;
    color:white;
    font-family:Arial;
    font-size:18px;
    font-weight:500;
}

.detail-deskripsi-edit{
    font-size:20px;
    letter-spacing:3px;
    font-weight:700;
    font-family:Arial;
}

.icon-circle{
    position:absolute;
    right:50%;
    top:60%;
    z-index:99;
    transform: rotate(-6deg);
}

#auto-radius{
    /* letter-spacing: -3px; */
    font-size:12px;
    font-weight: bold;
    margin-bottom: -58px;
}

#bullet-cirlce{
    font-size: 10px;
    font-weight: 900;
}

#reserved-radius{
    font-size:12px;
    font-weight: bold;
    margin-top: 27px;
}

.spar-text{
    margin-top:10%;
}

.simply-text{
    /*font-size:0.8vw;*/
    color:gray; 
    margin-top:14%;
}

.bottom-banner{
    margin-top:-20px;
}

.font-ss{
     margin-top: -35px;
}

.text-mmxi{
    margin-top: -10px; 
    font-size:1.5vw;
}

.list-user-profile li{
    background-color:transparent;
    border:0;
    margin-bottom:20px;
}

.list-user-profile li a{
    font-weight:700;
    font-family:Arial;
    font-size:20px;
}

.list-user-profile li a.active{
    font-weight:800;
    font-size:30px;
}

.list-user-profile li a.active::after{
      position: absolute;
      content: "";
      width: 3px;
      height: 35px;
      right:-18px;
      top:22%;
      background: gray;
      transform: scaleX(1);
}

.check-edit{
    visibility:hidden;
}

.btn-address-edit{
    width:20px;
    height:20px;
    margin-left:-40px;
    margin-right:10px;
    margin-top:-12px;
}

.btn-address-edit span{
    font-size:20px;
}

.form-none-border{
    width:100%;
    border:1px solid gray; 
    border-top:0;
    border-left:0;
    border-right:0;
    border-radius:0;
}

.btn-active{
    /*width:20px;*/
    /*height:20px;*/
    /*border-radius:0px 10px 0px 0px;*/
    /*background-color:black;*/
    /*border:1px solid black;*/
    /*margin-right:20px;*/
}

.label-font-style{
    font-size:16px; 
    font-weight:bold;
}

.edit-tag ul li a{
    font-size:17px;
}

.edit-tag ul li .pa{
    font-size:20px;
    font-weight:900;
}

.width-form-group{
    width:60%;
}

.width-form-group-address{
    width:60%;
    height:100%;
}

.normal-width{
    width:80%;
}

.label-for-edit{
    position:absolute;
    width:30px; 
    height:30px;
    border-radius:30px; 
    background-color:blue;
    padding-left:9px; 
    padding-top:5px; 
    color:white;
    bottom:0;
    cursor:pointer;
    rotate: 260deg;
}

.media-properties img{
    width:100px;
    border-radius:100px;
    height:100px;
    background-color:black;
}

/*.media-properties img{*/
/*    width:100%;*/
/*    justify-content:center;*/
/*}*/



.name-users-edit{
    font-size:20px;
    font-family:Arial;
    font-weight:bold;
    margin-top:35px;
    margin-left:50px;
}

.col-form-label{
    font-weight:bold;
    font-size:18px;
    font-family:Helvetica;
}

.fs-18{
    font-size:18px;
}

.font-hc{
    font-family:Helvetica;
}

.form-group-sit input{
    width:80%; 
    letter-spacing:2px; 
    font-family:Arial;
}

.see_password_edit{
    position:absolute;
    right:20%;
    font-size:20px;
    cursor:pointer;
}

.text-reference-code{
    font-size:15px;
    width:275px;
    word-wrap: break-word;
    line-height: 1.3;
}

.text-reference-code-title{
    margin-bottom:-3px;
    margin-top:-25px;
}
.icon-dropdown-edit-select{
    position:absolute;
    /*right:45%;*/
    left:125px;
    bottom:4px;
    z-index:0;
}

.icon-dropdown-edit-select-gender{
    position:absolute;
    /*right:45%;*/
    left:90px;
    bottom:2px;
    z-index:0;
}

.shadow-right-select{
    width:100px; 
    height:28px ;
    font-size:18px; 
    letter-spacing:1px; 
    font-family:Arial; 
}

.text-member-info{
    font-weight:bold;
    font-family:Arial;
    font-size:18px;
}

.text-teble-member{
    font-weight:bold;
    font-family:Arial;
    font-size:15px;
}

.button-footer-become{
    width:100%;
    background-color:transparent;
    color:white;
    border:2px solid white;
}

.button-footer-become .first-name-button{
    font-size:6vw;
    font-family:Arial;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:1px;
}

.button-footer-become .second-name-button{
    font-size:6vw;
    font-family:Arial;
    text-transform:uppercase;
    /*font-weight:bold;*/
    letter-spacing:1px;
}

.class-icon .whatsapp-icon-footter-mobile{
    background-color:white;
    width:50px;
    height:50px;
    border-radius:50px;
}

.class-icon .instagram-icon-footter-mobile{
    background-color:white;
    width:50px;
    height:50px;
    border-radius:50px;
}

.class-icon .youtube-icon-footter-mobile{
    background-color:white;
    width:50px;
    height:50px;
    border-radius:50px;
}

.class-icon .tiktok-icon-footter-mobile{
    background-color:white;
    width:50px;
    height:50px;
    border-radius:50px;
}

.class-icon .whatsapp-icon-footter-mobile .icon-whatsapp{
   font-size:25px;
   position:absolute;
   bottom:6px;
   margin-left:13px;
   color:rgb(132, 196, 129);
}

.class-icon .instagram-icon-footter-mobile .icon-instagram{
   font-size:25px;
   /*position:absolute;*/
   /*bottom:5px;*/
   /*left:138px;*/
   position:absolute;
   color:rgb(132, 196, 129);
   margin-left:13px;
   bottom:6px;
}

.class-icon .youtube-icon-footter-mobile .icon-youtube{
   font-size:25px;
   position:absolute;
   bottom:5px;
   margin-left:12px;
   color:rgb(132, 196, 129);
}

.class-icon .tiktok-icon-footter-mobile .icon-tiktok{
   font-size:25px;
   color:rgb(132, 196, 129);
   margin-left:12px;
   position:absolute;
   bottom:5px;
}

.button-swipe-top{
    position:absolute;
    right:0;
}

.back-login-edit{
    position:absolute;
    right:0;
    z-index:-1;
    background-color:rgb(255, 228, 238);
    top:0;
}

.img-testimonial-sm{
    /*margin-bottom:100px;*/
    width:150px;
}   

.container-large{
    background-color:white; 
    margin-top:130px; 
    margin-bottom:60%;
}

.heading-member-edit{
    margin-bottom:100px;   
}

.password-edit{
    width:80%;
}


.border-radius-none{
    border-radius:0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
        .hero_bg_box {
          position: absolute;
          top: 0;
          left: 0;
          right:0;
          z-index: -1;
        }
        
        .hero_bg_box img {
          width: 100%;
          height: 500px;
        }
       
        .testi-background{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/n8Via19412.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding:150px;
        }      
        
        .img-testimonial-sm{
            margin-bottom:100px;
            width:150px;
        }        
        
       .testi-card{
            width:100%;
            background-color:transparent;
            position:absolute;
            margin-left:auto;
            margin-right:auto;
            top:-60px;
            height:100%;
        }
        
        .bg-tokped{
            width:100%;
        }
        
        .image-and-button{
            position:absolute;
            right:0;
            top:8%;
            /*background-color:gray;*/
            bottom:90%;
        }
        
        .button-and-image{
            position:absolute;
            left:10%;
            /*right:25%;*/
            /*background-color:gray;*/
            bottom:130px;
            z-index:1;
            
        }
        .text-img{
            margin-left:0;
            margin-top:15%;
        }
        
        .carousel-blog{
            padding:100px;
        }
        
        .blog-title-img{
            width:100%;
        }
        
        .footer-mobile-2{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgb(149, 196, 227);
        }       
        
        .footer-mobile-2{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgb(149, 196, 227);
        }
        
        .title-footer-back
        {
            letter-spacing: 5px;
            font-size:40px;
            font-weight:800;
            margin-bottom:30px;
        }
        
        .title-footer-back::after
        {
            position: absolute;
              content: "";
              width: 80%;
              height: 3px;
              top: 70px;
              background: white;
              transform: scaleX(1);
              transform-origin: right;
        }
        /*.footer-six-back{*/
        /*    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');*/
        /*        background-repeat: no-repeat;*/
        /*        background-size: cover;*/
        /*}*/
        .icon-view-social{
            background-color:white;
            border-radius:100px;
            width:100%;
        }
    
        .icon-view-social a{
            font-size:20px;
            position:absolute;
            top:12%;
            bottom:25%;
            left:45%;
        }
        .become{
            position:absolute;
            z-index:1;
            left:25%;
            width:100%;
            bottom:50px;
        }
        .gas-slash{
            position:absolute;
            z-index:1;
            right:40%;
        }
        .button-hand{
            font-size:28px;
            font-weight:bold;
            letter-spacing: 5px;
            color:white;
            top:35%;
            position:absolute;
            z-index:1;
            left:54%;
            
        }
        
        .button-telp{
            margin-left:0;
            margin-top:10px;
            width:100%;
        }
        
        .button-telp img{
            width:80%;
        }
        
        /*.text-small-forbiden .hastag-s{*/
        /*    font-size:12px;*/
        /*}*/
        
        .text-small-forbiden .hastag-s::after{
                position: absolute;
                content: "";
                width: 70%;
                height: 5px;
                top:17px;
                right:0;
                background-color: black;
            }
            
            .spar-text{
                    margin-top:0;
            }

        .low-section ul li{
            margin-left: 101%;
            color: gray;
            z-index: 99;
            font-size:20px;
        }
        
        .low-section ul li p{
            margin-left: -150px;
            color: black;
            font-style: italic;
            font-size:2.3vw;
        }
        
        
        .low-section .kosong{
            font-size: 50px;
            margin-left: 110%;
        
        }
        
        .low-section .kosong::after{
            position: absolute;
            content: "";
            width: 2px;
            height: 100%;
            right: 27px;
            top: 40px;
            z-index: -99;
            background-color: gray;
        }
        
        .hastag-s{
            font-size:2.5vw;
        }
        
        .hastag-s::after{
            position: absolute;
            content: "";
            width: 100%;
            height: 7px;
            /*top:35px;*/
            bottom:0;
            right:0;
            background-color: black;
        }
        
        .low-section .font-title-banner{
            font-weight:700;
            font-size:4vw;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: -2px;
        }
        
        .low-section .collar-banner .banner-text-skin{
            font-size:23vw;
            font-weight: 700;
            letter-spacing: -15px;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .low-section .collar-banner .banner-text-skin::after{
            position: absolute;
            content: "";
            width:93%;
            height: 10px;
            top: 80%;
            left: 30px;
            background-color: black;
        }
    
        .bottom-banner{
            margin-top:-10px;
        }     
        
        
        .right-text-title{
            transform: rotate(-90deg);
            position: absolute;
            right: 10px;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: -1px;
            font-size: 30px;
            margin-top: -10px;
        }
        
        
        .now-section-banner-text .isi-banner-text-2{
            font-size:8px;
        }

       .now-section-banner-text .font-title{
            font-size:12px;
        }
        
      .now-section-banner-text .font-text{
            font-size:10px;
        }
        
        .now-section-banner-text .font-title-banner{
            font-size:30px;
            margin-left:-5px;
            /*margin-bottom:-8px;*/
        }
    
        .bottom-banner{
            margin-top:-8px;
        }     
        
        .bottom-banner p{
            font-size:8px;
            /*margin-top:-6px;*/
        }  
        
        .bottom-banner .text-banner-bottom .text-mmxi{
            font-size:16px;
        }
        
       .bottom-banner .text-banner-bottom strong{
            font-size:16px;
        }
        
        .text-mmxi{
            margin-top:-5px;
        }
        
        .font-skin-banner{
            font-size: 10vw;
            line-height: 80%;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: 0px;
        }        
        
        .tradmark-about{
            font-size: 4vw;
            position: absolute;
            top: 12px;
            margin-left: 1px;
        }        

        .right-text-title{
            transform: rotate(-90deg);
            position: absolute;
            right: 10px;
            font-family: Arial;
            letter-spacing: -1px;
            font-size: 18px;
            margin-top: -10px;
        }        
        
        .font-ss{
            margin-top:-29px;
        }
        
        .about{
            margin-top:-15px;
        }
        
        .about .title-banner{
            font-size: 20px;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: -2px;
        }        

        .col-banners hr{
            margin-top: -10px;
            background-color: gray;
            height: 1px;
            margin-bottom: 18px;
        }
        
        .col-banners-1 hr{
            background-color: gray;
            height: 1px;
            margin-top: 18px;
        }
     
        .about .number-s p {
            position: absolute;
            right: 10px;
            bottom: 0;
            font-size: 30px;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .number-s .icon-bar-about{
            position: absolute;
            bottom: 27px;
            right: 90px;
        }        

        .number-s .icon-bar-about .purple{
            position: absolute;
            bottom: 10%;
            background-color: rgb(197, 120, 197);
            width: 10px;
            height: 10px;
            border-radius: 10px;
        }
        
        .number-s .icon-bar-about .yellow{
            position: absolute;
            bottom: 10%;
            background-color: rgb(253, 253, 127);
            width: 10px;
            height: 10px;
            margin-left: 15px;
            border-radius: 10px;
        }
        
        .number-s .icon-bar-about .pink{
            position: absolute;
            bottom: 10%;
            background-color: rgb(248, 202, 210);
            width: 10px;
            height: 10px;
            margin-left: 30px;
            border-radius: 10px;
        }   
        
        
        .label-font-style{
            font-size:16px; 
            font-weight:bold;
        }
        
        .edit-tag ul li a{
            font-size:17px;
        }
        
        .edit-tag ul li .pa{
            font-size:20px;
            font-weight:900;
        }
        
        .width-form-group{
            width:100%;
        }
        
        .width-form-group-address{
            width:100%;
            height:100%;
        }
        
        .normal-width{
            width:100%;
        }
        

        .list-user-profile li a.active::after{
              position: absolute;
              content: "";
              width: 2px;
              height: 35px;
              right:-50px;
              top: 0;
              background: gray;
              transform: scaleX(1);
        }
}


@media (min-width: 576px) and (max-width: 767.98px){
    .text-img{
            margin-left:0;
            margin-top:25%;
        }
        
    .hero_bg_box {
          position: absolute;
          top: 0;
          left: 0;
          right:0;
          z-index: -1;
        }
        
        .hero_bg_box img {
          width: 100%;
          height: 500px;
        }
                
        .button-and-image{
            position:absolute;
            /*left:25%;*/
            /*right:25%;*/
            /*background-color:gray;*/
            bottom:130px;
            z-index:1;
            
        }
        
        .email-subscribe{
            width:100%;
        }
        
        .img-subscribe{
            width:50%;
        }

        .testi-card{
            width:300px;
            background-color:transparent;
            position:absolute;
            margin-left:auto;
            margin-right:auto;
            top:-60px;
            height:100%;
        }
        
        .testi-background{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/n8Via19412.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding:150px;
        }      
        
        .img-testimonial-sm{
            margin-bottom:100px;
            width:150px
        }
        
        .los{
            margin-top:15%;
            margin-bottom:15%;
        }
        
        .footer-six-back{
            height:900px;
            background-color:red;
        }
        
        .los-1{
            margin-top:-10px;
        }
        
        .button-become-reseler{
            margin-left:0; 
            margin-top:20px;
            width:100%;
        }
        
        .become{
            position:absolute;
            z-index:1;
            bottom:18px;
            left:25%;
            width:80%;
        }

        .gas-slash{
            position:absolute;
            z-index:1;
            bottom:18px;
            right:70%;
        }
        
        .button-telp{
            margin-left:0;
            margin-top:10px;
            width:100%;
        }
        
        .button-telp img{
            width:80%;
        }
        
        .los-3{
            margin-top:-50px;
        }
        
        .button-hand{
            font-size:10px;
            font-weight:bold;
            letter-spacing: 8px;
            color:white;
            position:absolute;
            z-index:1;
            bottom:25%;
            top:25%;
            left:10%;
        }
        
        .info-text-color{
            position:absolute;
            bottom:-50px;
        }
        
        .bg-tokped{
            width:100%;
        }
        .carousel-blog{
            padding:20px;
            height:600px;
        }
        
        .blog-title-img{
            width:100%;
        }

        .footer-mobile-2{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgb(149, 196, 227);
        }
        
        .title-footer-back
        {
            letter-spacing: 5px;
            font-size:40px;
            font-weight:800;
            margin-bottom:30px;
        }
        
        .title-footer-back::after
        {
            position: absolute;
              content: "";
              width: 80%;
              height: 3px;
              top: 70px;
              background: white;
              transform: scaleX(1);
              transform-origin: right;
        }
        /*.footer-six-back{*/
        /*    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');*/
        /*        background-repeat: no-repeat;*/
        /*        background-size: cover;*/
        /*}*/
        .icon-view-social{
            background-color:white;
            border-radius:100px;
            width:100%;
        }
    
        .icon-view-social a{
            font-size:20px;
            position:absolute;
            top:12%;
            bottom:25%;
            left:45%;
        }
        .become{
            position:absolute;
            z-index:1;
            left:25%;
            width:100%;
        }
        .gas-slash{
            position:absolute;
            z-index:1;
            right:40%;
        }
        .button-hand{
            font-size:14px;
            font-weight:bold;
            letter-spacing: 5px;
            color:white;
            position:absolute;
            z-index:1;
            left:54%;
            
        }
        
        .image-and-button img{
                width:300px;
            }
            
        .image-and-button{
            position:absolute;
            top:35%;
            left:30%;
            /*background-color:gray;*/
            /*bottom:0;*/
        }
        .button-and-image{
            position:absolute;
            left:3%;
            right:25%;
            /*background-color:gray;*/
            bottom:130px;
            z-index:1;
            
        }
        
        .text-img img{
            width:98%;
        }
        
        .bck{
            width:100%;
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/large1666111729AZUM918311.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding:30px;
        }
        
        .bck img{
              display: block;
              margin-left: auto;
              margin-right: auto;
              width:100%;
        }
        
        
        /*.text-small-forbiden .hastag-s{*/
        /*    font-size:12px;*/
        /*    margin-bottom:-1px;*/
        /*}*/
        
        .text-small-forbiden .hastag-s::after{
                position: absolute;
                content: "";
                width: 70%;
                height: 5px;
                top:7px;
                right:10px;
                background-color: black;
            }
            
            .spar-text{
                    margin-top:20px;
            }


        .low-section ul li{
            margin-left: 78%;
            color: gray;
            z-index: 99;
            font-size:12px;
            margin-top:-13px;
        }

        .simply-text{
            color:gray; 
            margin-top:-2px;
            margin-bottom:40px;
            
        } 

        .low-section .collar-banner{
            margin-top:-50px;
        }        
        
        .low-section ul li p{
            margin-left:-60px;
        }
        
        .low-section ul{
            margin-top:-30px;
        }

        .low-section .kosong{
            font-size: 50px;
            margin-left: 114%;
            margin-top:12px;
        
        }
        
        .low-section .kosong::after{
            position: absolute;
            content: "";
            width: 2px;
            height: 59%;
            right: 29%;
            top: 20px;
            z-index: -99;
            background-color: gray;
        }
        
        .low-section .collar-banner .banner-text-skin{
            letter-spacing: -6px;
        }


        .low-section .collar-banner .banner-text-skin::after{
            position: absolute;
            content: "";
            width:80%;
            height: 5px;
            top: 80%;
            left: 10%;
            background-color: black;
        }        
    
        .now-section-banner-text{
            padding-right:10px;
            padding-left:10px;
        }
        
        .now-section-banner-text .isi-banner-text-2{
            line-height: 2; 
            font-size:1vw;
        }
    
        .bottom-banner{
            margin-top:-6px;
        }        
        
        .now-section-banner{
            padding:0;
        }
        
        .font-skin-banner{
            /*font-size: 5vw;*/
            line-height: 80%;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: 0px;
        }        
        
        .tradmark-about{
            /*font-size: 2vw;*/
            position: absolute;
            top: 12px;
            margin-left: 1px;
        }        

        .right-text-title{
            transform: rotate(-90deg);
            position: absolute;
            right: 10px;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: -1px;
            font-size: 15px;
            margin-top: -10px;
        }        
        
        .font-ss{
            margin-top:-29px;
        }
        
        .about{
            margin-top:-15px;
        }
        
        .about .title-banner{
            font-size: 20px;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: -2px;
        }        

        .col-banners hr{
            margin-top: -10px;
            background-color: gray;
            height: 1px;
            margin-bottom: 18px;
        }
        
        .col-banners-1 hr{
            background-color: gray;
            height: 1px;
            margin-top: 18px;
        }
     
        .about .number-s p {
            position: absolute;
            right: 10px;
            bottom: 0;
            font-size: 30px;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .number-s .icon-bar-about{
            position: absolute;
            bottom: 27px;
            right: 90px;
        }        

        .number-s .icon-bar-about .purple{
            position: absolute;
            bottom: 10%;
            background-color: rgb(197, 120, 197);
            width: 10px;
            height: 10px;
            border-radius: 10px;
        }
        
        .number-s .icon-bar-about .yellow{
            position: absolute;
            bottom: 10%;
            background-color: rgb(253, 253, 127);
            width: 10px;
            height: 10px;
            margin-left: 15px;
            border-radius: 10px;
        }
        
        .number-s .icon-bar-about .pink{
            position: absolute;
            bottom: 10%;
            background-color: rgb(248, 202, 210);
            width: 10px;
            height: 10px;
            margin-left: 30px;
            border-radius: 10px;
        }
        
        .text-mmxi{
            margin-top:-5px;
        }

        .label-font-style{
            font-size:16px; 
            font-weight:bold;
        }
        
        .edit-tag ul li a{
            font-size:17px;
        }
        
        .edit-tag ul li .pa{
            font-size:20px;
            font-weight:900;
        }
        
        .width-form-group{
            width:100%;
        }
        
        .width-form-group-address{
            width:100%;
            height:100%;
        }
        
        .normal-width{
            width:100%;
        }        
        
        .list-user-profile li a.active::after{
              position: absolute;
              content: "";
              width: 2px;
              height: 35px;
              right:-50px;
              top: 0;
              background: gray;
              transform: scaleX(1);
        }
}
@media (max-width: 575.98px) {
        .text-img{
            margin-left:0;
            margin-top:25%;
        }
        
    .hero_bg_box {
          position: absolute;
          top: 0;
          left: 0;
          right:0;
          z-index: -1;
        }
        
        .hero_bg_box img {
          width: 100%;
          height: 500px;
        }
                
        .button-and-image{
            position:absolute;
            /*left:25%;*/
            /*right:25%;*/
            /*background-color:gray;*/
            bottom:130px;
            z-index:1;
            
        }
        
        .email-subscribe{
            width:200px;
        }
        
        .img-subscribe{
            width:50%;
        }

        
        .testi-card{
            width:130%;
            background-color:transparent;
            /*position:absolute;*/
            /*margin-left:auto;*/
            /*margin-right:auto;*/
            top:-60px;
            height:100%;
            left:-5px;
            /*background-color:black;*/
            /*margin-right:400px;*/
            /*padding:20px;*/
            
            
        }
        
        .testi-background{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/n8Via19412.png');
            background-repeat: no-repeat;
            background-size: cover;
            /*background-position:-2%;*/
            padding:80px;
            /*background-color:black;*/
            margin-bottom:-80px;
        }
        
        .img-testimonial-sm{
            margin-left:-70px;
            width:100px;
        }
        
        .card-parent{
            border-radius:20px;
            /*margin-right:50px;*/
            height:150px;
            padding:0;
            margin-right:5px;
        }
        
       .card-parent h1{
            font-size:18px;
            margin-bottom:20px;
        }
        
      .card-parent p{
            font-size:10px;
            margin-bottom:20px;
        }
        
      .card-parent cite{
            font-size:10px;
            margin-bottom:20px;
        }
        .kutip{
            position:absolute;
            top:-80px;
            left:-70px;
            width:100%;
        }
        
        .card-card h1::after{
             position: absolute;
              content: "";
              width: 80%;
              height: 1px;
              top: 55px;
              left:20px;
              background: gray;
              transform: scaleX(1);
              transform-origin: right;
        }        
        
        .los{
            margin-top:15%;
            margin-bottom:15%;
        }
        
        .footer-six-back{
            height:900px;
            background-color:red;
        }
        
        .los-1{
            margin-top:-10px;
        }
        
        .button-become-reseler{
            margin-left:0; 
            margin-top:20px;
            width:100%;
        }
        
        .become{
            position:absolute;
            z-index:1;
            bottom:18px;
            left:25%;
            width:80%;
        }

        .gas-slash{
            position:absolute;
            z-index:1;
            bottom:18px;
            right:70%;
        }
        
        .button-telp{
            margin-left:0;
            margin-top:10px;
            width:100%;
        }
        
        .button-telp img{
            width:80%;
        }
        
        .los-3{
            margin-top:-50px;
        }
        
        .button-hand{
            font-size:10px;
            font-weight:bold;
            letter-spacing: 8px;
            color:white;
            position:absolute;
            z-index:1;
            bottom:25%;
            top:25%;
            left:10%;
        }
        
        .info-text-color{
            position:absolute;
            bottom:-50px;
        }
        
        .bg-tokped{
            width:100%;
        }
        .carousel-blog{
            padding:20px;
            height:600px;
        }
        
        .blog-title-img{
            width:100%;
        }
        
       .blog-title-img img{
            width:80%;
        }

        .footer-mobile-2{
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');
            background-size:cover;
            background-repeat:no-repeat;
            background-color:rgb(149, 196, 227);
        }
        
        .title-footer-back
        {
            letter-spacing: 5px;
            font-size:40px;
            font-weight:800;
            margin-bottom:30px;
        }
        
        .title-footer-back::after
        {
            position: absolute;
              content: "";
              width: 80%;
              height: 3px;
              top: 70px;
              background: white;
              transform: scaleX(1);
              transform-origin: right;
        }
        /*.footer-six-back{*/
        /*    background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/PIVpy19703.png');*/
        /*        background-repeat: no-repeat;*/
        /*        background-size: cover;*/
        /*}*/
        .icon-view-social{
            background-color:white;
            border-radius:100px;
            width:100%;
        }
    
        .icon-view-social a{
            font-size:20px;
            position:absolute;
            top:12%;
            bottom:25%;
            left:45%;
        }
        .become{
            position:absolute;
            z-index:1;
            left:25%;
            width:100%;
        }
        .gas-slash{
            position:absolute;
            z-index:1;
            right:40%;
        }
        .button-hand{
            font-size:14px;
            font-weight:bold;
            letter-spacing: 5px;
            color:white;
            position:absolute;
            z-index:1;
            left:54%;
            
        }
        
        .image-and-button img{
                width:300px;
            }
            
        .image-and-button{
            position:absolute;
            top:35%;
            left:30%;
            /*background-color:gray;*/
            /*bottom:0;*/
        }
        .button-and-image{
            position:absolute;
            left:3%;
            right:25%;
            /*background-color:gray;*/
            bottom:130px;
            z-index:1;
            
        }
        
        .text-img img{
            width:98%;
        }
        
        .bck{
            width:100%;
            background-image:url('https://skinethic.pojoksoftware.com/images/media/2022/10/large1666111729AZUM918311.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding:30px;
        }
        
        .bck img{
              display: block;
              margin-left: auto;
              margin-right: auto;
              width:100%;
        }
        
        
        .text-small-forbiden .hastag-s{
            font-size:3vw;
            /*margin-bottom:-1px;*/
        }
        
        .text-small-forbiden .hastag-s::after{
                position: absolute;
                content: "";
                width: 70%;
                height: 3px;
                top:10px;
                right:10px;
                background-color: black;
            }
            
            .spar-text{
                    margin-top:10px;
            }


        /*.low-section ul li{*/
        /*    margin-left: 83%;*/
        /*    color: gray;*/
        /*    z-index: 99;*/
        /*    font-size:12px;*/
        /*    margin-top:-13px;*/
        /*}*/

        .simply-text{
            font-size:8px;
            color:gray; 
            margin-top:30px;
            margin-bottom:50px;
            
        } 

        .low-section .collar-banner{
            margin-top:-50px;
        }        
        
        .low-section ul li{
            margin-left: 98%;
            color: gray;
            z-index: 99;
            font-size:20px;
        }
        
        .low-section ul li p{
            margin-left: -110px;
            color: black;
            /*font-style: italic;*/
            font-size:3vw;
        }
        
        
        .low-section .kosong{
            font-size: 50px;
            margin-left: 126%;
        
        }
        
        .low-section .kosong::after{
            position: absolute;
            content: "";
            width: 2px;
            height: 80%;
            right: 27px;
            top: 40px;
            z-index: -99;
            background-color: gray;
        }

        
        .low-section .collar-banner .banner-text-skin{
            font-size:23vw;
            letter-spacing: -6px;
            margin-left:-20px;
        }


        .low-section .collar-banner .banner-text-skin::after{
            position: absolute;
            content: "";
            width:94%;
            height: 5px;
            top: 80%;
            left: 3%;
            background-color: black;
        }        
    
        .now-section-banner-text{
            padding-right:10px;
            padding-left:10px;
        }
        
        .now-section-banner-text .isi-banner-text-2{
            font-size:8px;
        }

       .now-section-banner-text .font-title{
            font-size:12px;
        }
        
      .now-section-banner-text .font-text{
            font-size:10px;
        }
        
        .now-section-banner-text .font-title-banner{
            font-size:30px;
            margin-left:-5px;
            /*margin-bottom:-8px;*/
        }
    
        .bottom-banner{
            margin-top:-8px;
        }     
        
        .bottom-banner p{
            font-size:8px;
            /*margin-top:-6px;*/
        }  
        
        .bottom-banner .text-banner-bottom .text-mmxi{
            font-size:16px;
        }
        
       .bottom-banner .text-banner-bottom strong{
            font-size:16px;
        }
        
        .text-mmxi{
            margin-top:-5px;
        }
        
        .font-skin-banner{
            font-size: 10vw;
            line-height: 80%;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: 0px;
        }        
        
        .tradmark-about{
            font-size: 4vw;
            position: absolute;
            top: 12px;
            margin-left: 1px;
        }        

        .right-text-title{
            transform: rotate(-90deg);
            position: absolute;
            right: 10px;
            font-family: Arial;
            letter-spacing: -1px;
            font-size: 18px;
            margin-top: -10px;
        }        
        
        .font-ss{
            margin-top:-29px;
        }
        
        .about{
            margin-top:-15px;
        }
        
        .about .title-banner{
            font-size: 20px;
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: -2px;
        }        

        .col-banners hr{
            margin-top: -10px;
            background-color: gray;
            height: 1px;
            margin-bottom: 18px;
        }
        
        .col-banners-1 hr{
            background-color: gray;
            height: 1px;
            margin-top: 18px;
        }
     
        .about .number-s p {
            position: absolute;
            right: 10px;
            bottom: 0;
            font-size: 30px;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .number-s .icon-bar-about{
            position: absolute;
            bottom: 27px;
            right: 90px;
        }        

        .number-s .icon-bar-about .purple{
            position: absolute;
            bottom: 10%;
            background-color: rgb(197, 120, 197);
            width: 10px;
            height: 10px;
            border-radius: 10px;
        }
        
        .number-s .icon-bar-about .yellow{
            position: absolute;
            bottom: 10%;
            background-color: rgb(253, 253, 127);
            width: 10px;
            height: 10px;
            margin-left: 15px;
            border-radius: 10px;
        }
        
        .number-s .icon-bar-about .pink{
            position: absolute;
            bottom: 10%;
            background-color: rgb(248, 202, 210);
            width: 10px;
            height: 10px;
            margin-left: 30px;
            border-radius: 10px;
        }
        
        .label-font-style{
            font-size:16px; 
            font-weight:bold;
        }
        
        .edit-tag ul li a{
            font-size:17px;
        }
        
        .edit-tag ul li .pa{
            font-size:20px;
            font-weight:900;
        }
        
        .width-form-group{
            width:100%;
        }
        
        .width-form-group-address{
            width:100%;
            height:100%;
        }
        
        
        .normal-width{
            width:100%;
        }
        
        .list-user-profile li a.active::after{
              position: absolute;
              content: "";
              width: 2px;
              height: 35px;
              right:-50px;
              top: 0;
              background: gray;
              transform: scaleX(1);
        }
        
        .text-reference-code{
            font-size:3vw;
        }
        
        .text-reference-code-title{
            margin-bottom:0;
            margin-top:0;
        }
        
        .btn-address-edit{
            width:20%;
            height:50%;
            margin-left:-40px;
            margin-right:10px;
            margin-top:-12px;
        }
        
        .btn-address-edit span{
            font-size:20px;
        }    
        
        .button-footer-become{
            width:100%;
            background-color:transparent;
            color:white;
            border:2px solid white;
        }
        
        .button-footer-become .first-name-button{
            font-size:6vw;
            font-family:Arial;
            text-transform:uppercase;
            font-weight:800;
            letter-spacing:1px;
        }
        
        .button-footer-become .second-name-button{
            font-size:6vw;
            font-family:Arial;
            text-transform:uppercase;
            /*font-weight:bold;*/
            /*letter-spacing:1px;*/
        }
        
        .class-icon .whatsapp-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .instagram-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .youtube-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .tiktok-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .whatsapp-icon-footter-mobile .icon-whatsapp{
           font-size:25px;
           position:absolute;
           bottom:5px;
           margin-left:12px;
           color:rgb(132, 196, 129);
        }
        
        .class-icon .instagram-icon-footter-mobile .icon-instagram{
           font-size:25px;
           /*position:absolute;*/
           /*bottom:5px;*/
           /*left:138px;*/
           position:absolute;
           color:rgb(132, 196, 129);
           margin-left:12px;
           bottom:5px;
        }
        
        .class-icon .youtube-icon-footter-mobile .icon-youtube{
           font-size:25px;
           position:absolute;
           bottom:5px;
           margin-left:12px;
           color:rgb(132, 196, 129);
        }
        
        .class-icon .tiktok-icon-footter-mobile .icon-tiktok{
           font-size:25px;
           color:rgb(132, 196, 129);
           margin-left:12px;
           position:absolute;
           bottom:5px;
        }        
        
    	.check-login{
    	    margin-top:4px; 
    	    margin-right:20px;
    	    color:black;
    	    width:50px;
    	    font-size:20px;
    	    color:black;
    	    /*accent-color: black;*/
    	}        
    	
        .text-link-banner-s{
            font-weight:700;
            line-height: 80%;
            letter-spacing: -1px;
            font-size:4vw;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .text-link-banner {
            font-size: 2.5vw; 
            margin-top: -12px;
            font-family:Arial;
        }

     	.about .isi-text-banner{
     	    font-size:2.5vw;
            margin-top: -15px;
            letter-spacing: -1px;
        }
        
        
        .reasons{
            margin-bottom:-70px;
        }
        
        .container-mobile{
            background-color:white; 
            margin-top:30px; 
            margin-bottom:20%;
        }
        
        /*.back-login-edit{*/
        /*    position:absolute;*/
        /*    right:0;*/
        /*    z-index:-1;*/
        /*    background-color:rgb(255, 228, 238);*/
        /*    top:0;*/
        /*}*/
    	
    	
    	.background-mobile-login{
            background-image:url('/images/images/sign-in-leaf.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-color:rgb(255, 228, 238);
    	}
    	
        .list-user-profile li{
            background-color:transparent;
            border:0;
            margin-bottom:20px;
        }
        
        .list-user-profile li a{
            font-weight:700;
            font-family:Arial;
            font-size:20px;
        }
        
        .list-user-profile li a.active{
            font-weight:800;
            font-size:20px;
        }
        
        .list-user-profile li a.active::after{
              position: absolute;
              content: "";
              width: 3px;
              height: 35px;
              right:-12px;
              top: 0;
              background: gray;
              transform: scaleX(1);
        }   
        
        .carousel-blog{
            padding:40px;
            height:300px;
        }

        .k{
            width:100%;
            box-shadow: 10px -20px pink;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        .title-blog-sec{
            font-size:14px;
            font-weight:bold;
            font-family:Arial;
        }
        .blog hr{
            background-color:black;
        }
        
        .blog a{
            font-size:10px;
        }
        
        .blog-description .p-desc{
            font-size:10px;
            /*height:70px;*/
            font-weight:600;
        }
        
        .button-footer-become{
            width:100%;
            background-color:transparent;
            color:white;
            border:2px solid white;
        }
        
        .button-footer-become .first-name-button{
            font-size:6vw;
            font-family:Arial;
            text-transform:uppercase;
            font-weight:800;
            letter-spacing:1px;
        }
        
        .button-footer-become .second-name-button{
            font-size:6vw;
            font-family:Arial;
            text-transform:uppercase;
            /*font-weight:bold;*/
            letter-spacing:1px;
        }
        
        .class-icon .whatsapp-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .instagram-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .youtube-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .tiktok-icon-footter-mobile{
            background-color:white;
            width:50px;
            height:50px;
            border-radius:50px;
        }
        
        .class-icon .whatsapp-icon-footter-mobile .icon-whatsapp{
           font-size:25px;
           position:absolute;
           bottom:6px;
           margin-left:12px;
           color:rgb(132, 196, 129);
        }
        
        .class-icon .instagram-icon-footter-mobile .icon-instagram{
           font-size:25px;
           /*position:absolute;*/
           /*bottom:5px;*/
           /*left:138px;*/
           position:absolute;
           color:rgb(132, 196, 129);
           margin-left:13px;
           bottom:6px;
        }
        
        .class-icon .youtube-icon-footter-mobile .icon-youtube{
           font-size:25px;
           position:absolute;
           bottom:5px;
           margin-left:13px;
           color:rgb(132, 196, 129);
        }
        
        .class-icon .tiktok-icon-footter-mobile .icon-tiktok{
           font-size:25px;
           color:rgb(132, 196, 129);
           margin-left:12px;
           position:absolute;
           bottom:5px;
        }
        
        .button-swipe-top{
            position:absolute;
            right:-120px;
        }        
        
        .text-teble-member td{
            font-size:15px;
        }
        
        .heading-member-edit{
            margin-bottom:100px;   
        }
        
        .heading-member-edit h2{
            font-size:35px;
        }
        
        .password-edit{
            width:100%;
        }
        
        .see_password_edit{
            position:absolute;
            right:0;
            font-size:20px;
            cursor:pointer;
        }
        
        .text-reference-code{
            font-size:15px;
            width:275px;
            word-wrap: break-word;
            line-height: 1.3;
        }        
        
        .list-user-profile li a.active{
            font-weight:900;
            font-family:Arial;
            font-size:30px;
        }        
}