/* Responsive form */
option::selection {
    background-color: #DD3F93;
}
#form {
  max-width: 800px;
  margin: auto;
  font-family: sans-serif;
}

@media (max-width: 768px) {
  .zf-templateWrapper {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .zf-tempFrmWrapper {
    width: 100%;
  }
}

/* Other CSS styles for the form */

.zf-templateWrapper {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}

.zf-tempFrmWrapper {
  margin-bottom: 20px;
}

.zf-labelName {
  font-size: 16px;
  font-weight: bold;
}

.zf-tempContDiv {
  width: 100%;
}

input[type="text"],
input[type="email"],
select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

input[type="submit"] {
  background-color: #DD3F93;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}
ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.cell{
  display: flex;
  flex-wrap: wrap;
}
input[name="PhoneNumber_countrycodeval"]{
  width: 50px;
  color: #515151;
}
body{
  margin: 0%;
  width: 100%;
}
.space_code{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: 10px;
}
#btn_submit{
  background-color: #DD3F93;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  border-style: none;
  border: solid 1px #DD3F93;
  width: 100%;
  font-size: 15px;
  cursor: pointer;
}
.zf-errorMessage{
  font-size: 12px;
  color: red;
}
label{
  font-size: 13px;
}
h2{
  color: #DD3F93;
}

#image{
	margin-top: 10px;
	box-shadow: 1px 1px 1px 1px gray;
	width: 60px;;
	padding: 20px;
	font-weight: 400;
	padding-bottom: 0px;
	height: 40px;
  border-radius: 6px;
	user-select: none;
	text-decoration:line-through;
	font-style: italic;
	font-size: x-large;
	border: rgb(238, 124, 189) 2px solid;
	margin-left: 10px;
	
}
#user-input{
	width:auto;
	margin-right: 10px;
	padding: 10px;
  padding-left: 0px;
	padding-bottom: 0px;
	height: 40px;
	border: rgb(238, 124, 189) 0px solid;
}
input{
	border:1px rgb(238, 124, 189) solid;
}
.inline{
	display:inline-block;
  color: #dd3f93e3;
}
#btn{
	box-shadow: 1px 1px 1px rgb(226, 226, 226);
	color: #DD3F93;
	margin: 10px;
	background-color: #fffefe;
  cursor: pointer;
  padding: 7px 9px;
  border: #DD3F93 solid 1px;
  border-radius: 7px;
}
.box-check{
  width: 50px;
  display: none;
  margin-left: 9px;
}
.img-check {
  width: 100%;
}
.sect-captcha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0;
}
.key {
  color: #DD3F93;
}
.captcha{
  list-style: none;
}
#label-captcha {
  color: #8f8b8b;
  font-weight: 600;
  font-style: italic;
}
label{
 margin-top: 5px; 
 color:#515151;
}
select{
  color: #515151;
}