*{
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
#leftbox{
  height: 100vh;
  position: fixed;
  overflow: schroll;
  left: 0px;
  top: 0px;
  border-right: 1px solid #ccc;
  background-color: blueviolet !important;
}
#right_Box{
  margin-left: 16.66667%;
min-height: 100vh;
  position: relative;
  overflow-x: schroll;
  right: 0px;
  top: 0px;
}

#leftbox button{
  width: 100%;
  background-color: rgb(248, 247, 248) !important;
  color: rgb(10, 10, 10);
  border: none;
  padding: 10px;

  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}



#right_bgBox{
  height: 100vh;
  position: relative;
  overflow: schroll;
  right: 0px;
  top: 0px;
}


.gradiantbg{
  background: #ffd417;
background: radial-gradient(circle, rgba(255, 212, 23, 1) 0%, rgba(224, 90, 7, 1) 100%);
}

.leftboxModel{
  width: 400px;
  height: 100vh;
  position: absolute;
  right: 0px;
  z-index: 50;
  background: white;
  border-radius: 10px;


}
#plannameHead{
  text-transform: capitalize;
}
#imagesBox{
  position: relative;

  text-align: center;
  padding: 20px;
  margin-bottom: 20px;
}
#userpic{
  width: 130px;
  height: 130px;
  border-radius: 50%;
}

#uploadIcon{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  left: 97px;
    z-index: 2;
    cursor: pointer;
}
@media (max-width:768px) {
  #leftbox{
    position: relative;
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;

    top: 0px;
  }
  #right_Box{
    margin-left: 0%;
    min-height: auto;
  }
}