.w-contact{
  background:#fff;
  padding:20px;
  border-radius:24px;
  max-width:900px;
  margin:auto;
	font-family: "Inter", Sans-serif;
}

.w-contact h2{
  font-size: 17px;
font-weight: 700;	
  margin-bottom:25px;
}

.w-row{
  display:flex;
  gap:20px;
  margin-bottom:20px;
}

.w-field{
  flex:1;
  position:relative;
}

/* INPUT */

.w-field input,
.w-field textarea{
  width:100%;
  padding:16px 14px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  font-size:16px;
  background:#fff;
  outline:none;
}

/* FLOAT LABEL */

.w-field label{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  padding:0 6px;
  color:#667085;
  transition:0.2s;
  pointer-events:none;
	font-size: 12px;
}

/* ON FOCUS OR FILLED */

.w-field input:focus + label,
.w-field textarea:focus + label,
.w-field input:not(:placeholder-shown) + label,
.w-field textarea:not(:placeholder-shown) + label{
  top:-1px;
  font-size:12px;
  color:#2f8fa3;
	background: #fff;
	font-weight: 700;
}

.w-submit{
  margin-top:20px;
  background:#2f8fa3;
  color:#fff;
  border:none;
  padding:14px 26px;
  border-radius:10px;
  font-size:16px;
  cursor:pointer;
}

input[type=text],
input[type=email],
input[type=tel],
.w-field textarea{
	border: 2px solid #d9d9d9 !important;
	border-radius: 10px !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
.w-field textarea:focus{
	border: 2px solid #33A0BF !important;
}

input[type=text]:focus{
	border: 2px solid #33A0BF !important;
}

input[type=email]:focus{
	border: 2px solid #33A0BF !important;
}

.w-submit{
	background: #33A0BF !important;
	color: #fff !important;
	border: none !important; 
	font-size: 14px !important;
	border-radius: 8px !important
}


.firstName{
  position: relative;
}

.input-box input{
  padding-right: 50px;
}

.firstName::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:19px;
  height:19px;
  background:url(https://stag.wortal.co/wp-content/uploads/2026/03/NameIcon.svg) no-repeat center;
  background-size:contain;
}

.lastName::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:19px;
  height:19px;
  background:url(https://stag.wortal.co/wp-content/uploads/2026/03/NameIcon.svg) no-repeat center;
  background-size:contain;
}

.email::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:19px;
  height:19px;
  background:url(https://stag.wortal.co/wp-content/uploads/2026/03/EmailIcon.svg) no-repeat center;
  background-size:contain;
}

.email::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:19px;
  height:19px;
  background:url(https://stag.wortal.co/wp-content/uploads/2026/03/EmailIcon.svg) no-repeat center;
  background-size:contain;
}

.phone::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:19px;
  height:19px;
  background:url(https://stag.wortal.co/wp-content/uploads/2026/03/CallingIcon.svg) no-repeat center;
  background-size:contain;
}



@media(max-width:768px){
  .w-row{flex-direction:column}
}