html{scroll-behavior: smooth;}
.websiteBody{
    margin: 0;
  }.Page{
    display:block;
    margin:auto;
    width:100%;
    height:auto;
    pointer-events:auto;
  }
  .Page-outer{
    z-index:1;
  }
  .Frame{
    position:relative;
    z-index:2;
    width:100%;
    margin-left:0;
    height:1000px;
    min-width:200px;
    max-width:1512px;
    margin:auto;
    background-color:rgba(237, 228, 222, 1);
    overflow:hidden;
  }
  .Frame-outer{
    z-index:2;
  }
  
  .LUJO{
    position:relative;
    z-index:7;
    margin-left:98px;
    width:93px;
    min-width:93px;
    margin-top:46px;
    margin-bottom:4727px;
    min-height:47px;
    text-align:left;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    color:rgba(40, 28, 27, 1);
    font-style:normal;
    font-family:Klee One;
    font-weight:400;
    font-size:32px;
    line-height:46px;
  }
  .LUJO-outer{
    z-index:7;
    position:relative;
    display:flex;
  }
  .step-1{
    position:relative;
    z-index:10;
    margin-left:100px;
    width:583px;
    min-width:583px;
    margin-top:-4700px;
    margin-bottom:4300px;
    min-height:168px;
    color:rgba(40, 28, 27, 1);
    font-style:normal;
    font-family:Poppins;
    font-weight:300;
    font-size:32px;
    line-height:55px;
  }
  .step-1-outer{
    z-index:10;
    display:flex;
  }
  .step-2{
    position:relative;
    z-index:10;
    margin-left:200px;
    width:583px;
    min-width:583px;
    margin-top:-4430px;
    margin-bottom:4300px;
    min-height:168px;
    color:rgba(40, 28, 27, 1);
    font-style:normal;
    font-family:Poppins;
    font-weight:300;
    font-size:36px;
    line-height:55px;
  }
  .step-2-outer{
    z-index:10;
    display:flex;
  }



.haircut-services{
    position:relative;
    z-index:25;
    margin-left:235px;
    width:200px;
    min-width:661px;
    margin-top:-4675px;
    min-height:365px;
    text-align:left;
    color:rgba(40, 28, 27, 1);
    font-style:normal;
    font-family:Poppins;
    font-weight:300;
    font-size:40px;
    line-height:60px;
  }
  .haircut-services-outer{
    z-index:18;
    position:relative;
    display:flex;
  }
  
  .wrap{
    height: 0vh;
    width: 120vh;
    background-color:rgba(237, 228, 222, 1);
    margin-top: 590px;
    margin-left: 80px;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
.radio-buttons{
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
}
.custom-radio input{ 
display: none;
}
.radio-btn{
  width: 234px;
  height: 260px;
  margin: 20px;
  background-color: rgba(237, 228, 222, 1);
  border: 1px solid rgba(40, 28, 27, 1);
  border-radius: 20px;
  box-shadow: 0 0 20px gray;
  cursor: pointer;
  display: inline-block;
}
.radio-btn .content{
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.radio-btn .btn-img{
  width: 120px;
  height: 120px;
  margin: 20px 0;
  border-radius: 50%;
  overflow: hidden;
}
.radio-btn .btn-img img{
  width: 100%;
  height: 100%;
  user-select: none;
}
.radio-btn h4{
  color: rgba(40, 28, 27, 1);
  font-family: Poppins;
  margin-top: -5%;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.radio-btn .skill{
  color: rgba(40, 28, 27, 1);
  margin-top: -25%;
  font-size: 16px;
  text-transform: capitalize;
  font-family: Poppins;
}

.custom-radio input:checked + .radio-btn {
  background-color: #D3C7BF;
  border: 2px solid rgba(40, 28, 27, 1);
}

.Rectangle{
  position:relative;
  z-index:6;
  margin-left:1100px;
  width:200px;
  min-width:200px;
  height:66px;
  margin-top:-3737px;
  margin-bottom:4214px;
  min-height:66px;
  background-color:transparent;
  border: 2px solid rgba(40, 28, 27, 1);
  border-radius:40px ;
}
.Rectangle-outer{
z-index:6;
position:relative;   
}
.Book-now-1{
  position:relative;
  z-index:100;
  margin-left:1165px;
  width:160px;
  min-width:172px;
  margin-top:-4279px;
  min-height:41px;
  font-style: normal;
  font-family:Poppins;
  line-height:55px;
  }
.Book-now-1-outer{
  z-index:100;
  position:relative;
}
.Book-now-1 a{ 
cursor: pointer;       
  color:rgba(40, 28, 27, 1);
  text-decoration: none;
  font-weight:lighter;
  font-size:35px;}
  .Book-now-1 a:hover{       
    text-decoration: none;
     font-weight:300;
     font-size:38px;
   }