.form-container { -webkit-box-shadow: 10px 10px 30px -7px rgba(0,0,0,0.39); -moz-box-shadow: 10px 10px 30px -7px rgba(0,0,0,0.39); box-shadow: 10px 10px 30px -7px rgba(0,0,0,0.39); background-color: #FFFFFF; padding: 2px 39px; display: flex; flex-direction: row; .form-wrapper { h2 { color: #B011FF; font-weight:600; font-size: 48px; margin-bottom: 0px; } p { font-family: Montserrat; font-size: 24px; font-weight: 500; margin-top:0px; } form { label { font-size:15px; font-weight: 500; font-family: Montserrat; color: #7500AF; display:block; margin-bottom: 10px; } .input-wrapper { display: flex; flex-direction: row; grid-gap: 17px; align-items: center; input { border-radius: 20px; height: 30px; width: 230px; background-color: #D9D9D9; border: none; padding: 0px 20px; } .show { display: none; &.selected { display: flex; } } .checkbox-wrapper { display: flex; .label-wrapper { display: flex; gap:127px; margin-top:12px; input { height:auto; width:auto; } } } } .input-wrapper-select { display: flex; flex-direction: row; grid-gap: 62px; align-items: center; select { border-radius:20px; height: 30px; width: 270px; background-color: #D9D9D9; border: none; padding: 0px 20px; } } .input-wrapper-details { display: flex; flex-direction: row; grid-gap: 62px; align-items: center; input { border-radius: 20px; height: 30px; width: 230px; background-color: #D9D9D9; border: none; padding: 0px 20px; } } .cloud-wrapper { input { border-radius: 20px; height: 30px; width: 560px; background-color: #D9D9D9; border: none; padding: 0px 20px; } } button { padding: 2px 19px; display: block; font-size: 15px; border: 0.1px solid #7500AF; border-radius: 50px; background-color: white; margin-top: 27px; margin-bottom: auto; color: #7500AF; margin-left:228px } } } .map-wrapper{ padding-top:45px; } }