:focus {
  outline: 0;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
  background: url('https://airbnbcanberra.com.au/wp-content/uploads/2021/03/shutterstock_624896240-1-scaled.jpg');
  background-size:100%;
  text-align: center;
 font-family: 'Montserrat', sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#svg_form_time {
  height: 15px;
  max-width: 80%;
  margin: 40px auto 20px;
  display: block;
}

#svg_form_time circle,
#svg_form_time rect {
  fill: white;
}

.button {
  background: rgb(237, 40, 70);
  border-radius: 100px;
  padding: 15px 25px;
  display: inline-block;
  margin: 10px;
  font-weight: bold;
  color: white;
  cursor: pointer;
}

.disabled {
  display:none !important;
}

section {
	padding: 30px 20px 40px;
	max-width: 100%;
	margin: 30px auto;
	background: white;
	backdrop-filter: blur(10px);
	box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
	border-radius: 10px;
	transition: transform 0.2s ease-in-out;
	text-align: left;
}


.jqVCpD {
	cursor: pointer;
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 28px;
	position: relative;
	user-select: none;
}
.cSnsVU {
	align-items: flex-start;
	display: flex;
	margin: 0px 0px 10px;
	padding-right: 6px;
}
.form__radio-input {
  display: none;
}

.form__label-radio {
	font-size: 14px;
	cursor: pointer;
	position: relative;
	padding-left: 38px;
	line-height: 35px;
}
.form__group {
	text-align: left;
}

.form__radio-button {
	height: 20px;
	width: 20px;
	border: 2px solid #55c57a;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
.form__radio-button::after {
  content: "";
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #55c57a;
  opacity: 0;
  transition: opacity 0.2s;
}

.form__radio-input:checked ~ .form__label-radio .form__radio-button::after {
  opacity: 1;
}

input {
	width: 100%;
	margin: 5px 0px;
	display: inline-block;
	padding: 15px 25px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid lightgrey;
	font-size: 1em;
	font-family: inherit;
	background: white;
  margin: 10px 0px;
}

p {
  margin: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
}


 /* Style inputs with type="text", select elements and textareas */
.form-section input[type=text], select, email {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

 /* Style inputs with type="text", select elements and textareas */
.form-section input[type=email]{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
.form-section input[type=tel]{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
.form-section input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


/* When moving the mouse over the submit button, add a darker green color */
.form-section input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */

.form-section .heading p {
	color: #fff;
	font-weight: bold;
	padding: 10px 0px;
}
.form-section {
	border-radius: 5px;
	background-color: #ff6600;
	padding: 20px;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}


