* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}


.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;
  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:135px;
  width:583px;
  min-width:583px;
  margin-top:40px;
  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:270px;
  width:583px;
  min-width:583px;
  margin-top:-130px;
  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;
}
.container {
  width: 100%;
  height: 100vh;
  background-color: #EDE4DE;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -150px;
  margin-left: 0px;
  border-radius: 20px;
}

.calendar {
  width: 500px;
  height: 550px;
  background-color: white;
  box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  margin-left: -460px;
}

.rd-container{
  border-radius: 20px;
  width: 500px;
  height: 550px;
  margin-left: -15px;
}
.rd-date{
width: 500px;
height: 510px;
  border-radius: 20px;
}
.rd-month{
width: 500px;
height: 510px;
left: 270px;
top: 340px;
font-weight: 300;

}
.rd-month .rd-back{
color:rgba(40, 28, 27, 1);
width: 50px;
height: 80px;
font-size: 40px;
margin-left: 82px;
cursor: pointer;

}

.rd-month .rd-next{
color:rgba(40, 28, 27, 1);
font-size: 40px;
width: 50px;
height: 80px;
margin-right: 101px;  
cursor: pointer;

}
.rd-month-label{
color:rgba(40, 28, 27, 1);
width: 200px;
height: 80px;
font-family: Poppins;
font-style: normal;
font-weight: 300;
font-size: 30px;
display: flex;
align-items: center;
text-align: center;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
margin-left: 162px;
}
.rd-days-head{
color:#7B827E;
font-family: Poppins;
font-style: medium;
font-size: 20px;
line-height: 10.4px;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
}
.rd-days-body .rd-days-row{
color:rgba(40, 28, 27, 1);
font-family: Poppins;
font-style: medium;
font-weight: 300;
font-size: 20px;
text-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.5);
line-height: 10.4px;
}
.rd-days-row .rd-day-head{
height: 65px;
font-family: Poppins;
font-style: medium;
font-weight:300;
font-size: 24px;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);

}
.rd-days{
width: 480px;
height: 376px;
margin-top: -200px;
}
.rd-day-selected{
background-color:#EDE4DE;
color: rgba(40, 28, 27, 1);
border-radius: 0px;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
}
.col-col-2{
width: 480px;
height: 76px;
margin-top: -160px;
margin-left: 320px;
z-index: 100;
position: relative;
}
.col-col-2 .btn1{
  width: 100px;
  height: 56px;
  margin-top: 0px;
  background-color: transparent;
  border: 2px solid #EDE4DE;
  z-index: 110;
}

.col-col-2 .btn1:focus{
  background-color:#EDE4DE;
  color: rgba(40, 28, 27, 1);
  border-radius: 0px;
  border-color: #EDE4DE;
  outline: none;
}

.col-col-2 .v-btn__content{
  color: rgba(40, 28, 27, 1);
  background-color:transparent;
font-family: Poppins;
font-style: medium;
font-weight:300;
font-size: 20px;
}
.Book-now-1{
  z-index:150;
  margin-left:1215px;
  width:72px;
  min-width:172px;
  margin-top:-60px;
  min-height:41px;
  font-style: normal;
  font-family:Poppins;
  line-height:55px;
  }
.Book-now-1-outer{
  z-index:150;
}
.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{ 
    cursor: pointer;       
      color:rgba(40, 28, 27, 1);
      text-decoration: none;
      font-size: 38px;
  }
  .Rectangle{
    z-index:140;
    margin-left:1150px;
    width:200px;
    min-width:200px;
    height:66px;
    margin-top:55px;
    min-height:66px;
    background-color:transparent;
    border: 2px solid rgba(40, 28, 27, 1);
    border-radius:40px ;
  }
  .Rectangle-outer{
  z-index:140;
  }
  .res{
  margin-left:850px;
  width:100px;
  min-width:100px;
  margin-top:-450px;
  min-height:91px;
  font-style: normal;
  font-family:Poppins;
  line-height:55px;
  }
.video{
  margin-top: -700px;
  margin-left: 55%;
  z-index: 200;
 
}