@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Poppins:wght@300;400;500;600&display=swap');
.myinput{
width: 100%;
border: none;
border: 1px solid #d4d4c9;
/* border-radius: 5px; */
color: black !important;
font-family: 'Poppins', sans-serif;
}
.input_box{
position: relative;
}
.fancey_label{
position: absolute;
width: 50%;
left: 7px;
background: #f3eeee;
padding: 6px 11px;
font-size: 15px;
top: 5px;
pointer-events: none;
transition: .5s;
font-family: 'Poppins', sans-serif;
}
.myinput:hover +.fancey_label{
left: 7px;
background: #f3eeee !important;
top: -28px !important;
color: #050505;
}
.romain_two{
width: 100%;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
-webkit-appearance: listbox;
font-size: 14px;
padding-left: 10px !important;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
padding-left: 7px !important;
font-size: 14px;
}
.my_btn{
  width: 50%;
  height: 35px;
  font-family: 'Poppins', sans-serif;
  border: none;
  outline: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #1c1b3b;
    color: white;
    font-size: 14px;
}
@media(max-width: 767px){

	.fancey_label{
position: absolute;
width: 100% !important;
left: 7px;
background: #f3eeee;
padding: 6px 11px;
font-size: 15px;
top: 5px;
pointer-events: none;
transition: .5s;
font-family: 'Poppins', sans-serif;
}
}