:root {
  --bg-color: #E8AA42 ;
  --bg-sec-color: #025464;
}

* {
box-sizing: border-box;
}
html, body {
min-height: 100vh;
padding: 0;
margin: 0;
font-family: Roboto, Arial, sans-serif;
font-size: 14px; 
color: var(--bg-sec-color);
}
input, textarea { 
outline: none;
}
body {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background: var(--bg-sec-color);
}
h1 {
margin-top: 0;
font-weight: 500;
}
form {
position: relative;
width: 80%;
border-radius: 30px;
background: #fff;
}
.form-left-decoration,
.form-right-decoration {
content: "";
position: absolute;
width: 50px;
height: 20px;
border-radius: 20px;
background: var(--bg-color);
}
.form-left-decoration {
bottom: 60px;
left: -30px;
}
.form-right-decoration {
top: 60px;
right: -30px;
}
.form-left-decoration:before,
.form-left-decoration:after,
.form-right-decoration:before,
.form-right-decoration:after {
content: "";
position: absolute;
width: 50px;
height: 20px;
border-radius: 30px;
background: #fff;
}
.form-left-decoration:before {
top: -20px;
}
.form-left-decoration:after {
top: 20px;
left: 10px;
}
.form-right-decoration:before {
top: -20px;
right: 0;
}
.form-right-decoration:after {
top: 20px;
right: 10px;
}
.circle {
position: absolute;
bottom: 80px;
left: -55px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
}
.form-inner {
padding: 40px;
}
.form-inner input,
.form-inner textarea {
display: block;
width: 100%;
padding: 15px;
margin-bottom: 10px;
border: none;
border-radius: 20px;
background: #d0dfe8;
}
.form-inner textarea {
resize: none;
}
button {
width: 100%;
padding: 10px;
margin-top: 20px;
border-radius: 20px;
border: none;
border-bottom: 4px solid #000000;
background: var(--bg-sec-color); 
font-size: 16px;
font-weight: 400;
color: #fff;
transition: background .5s;
}
button:hover {
background: #03905a;
} 
.small-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 20px;
  background-color: #03905a;
  border-radius: 20px;
  border: none;
  border-bottom: 4px solid #000000;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.5s;
}

.small-button:hover {
  background-color: #037a4e;
}

@media (min-width: 568px) {
form {
width: 60%;
}
}

.popup {
  position: fixed;
  bottom: 0;

}