.search-box {
  display: flex;
  align-items: center;
}

.search-box input {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.search-box button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.search-box button img {
  height: 20px;
}
.contact-page {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}

.contact-info {
  width: 300px;
  margin-left: 50px;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.contact-item img {
  height: 30px;
  margin-left: 10px;
}

.contact-form {
  width: 400px;
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 8px;
}

.contact-form h2 {
  margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}

.contact-form textarea {
  height: 150px;
}

.contact-form button {
  background-color: #4DE1FF;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

a {
font-family: 'Vazir';
font-size: 14px;
line-height: 1.7;
color: #ffffff;
margin: 0px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
}

a:focus {
outline: none !important;
}

a:hover {
text-decoration: none;
color: #4DE1FF;
}

h1,h2,h3,h4,h5,h6 {
margin: 0px;
}

p {
font-family: 'Vazir';
font-size: 14px;
line-height: 1.7;
color: #ffffff;
margin: 0px;
}

ul, li {
margin: 0px;
list-style-type: none;
}

input {
outline: none;
border: none;
}

textarea {
outline: none;
border: none;
}

textarea:focus, input:focus {
border-color: transparent !important;
}

input::-webkit-input-placeholder { color: #ffffff; }
input:-moz-placeholder { color: #ffffff; }
input::-moz-placeholder { color: #999999; }
input:-ms-input-placeholder { color: #ffffff; }

textarea::-webkit-input-placeholder { color: #ffffff; }
textarea:-moz-placeholder { color: #ffffff; }
textarea::-moz-placeholder{ color: #ffffff; }
textarea:-ms-input-placeholder{ color: #ffffff; }

button {
outline: none !important;
border: none;
background: transparent;
}

button:hover {
cursor: pointer;
}

iframe {
border: none !important;
}
.contact1 {
width: 100%;
min-height: 100%;
padding: 15px;

background: #4DE1FF;
background: -webkit-linear-gradient(right,#ffffff, #ffffff);
background: -o-linear-gradient(right,#ffffff, #ffffff);
background: -moz-linear-gradient(right,#ffffff, #ffffff);
background: linear-gradient(right,#ffffff, #ffffff);

display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.container-contact1 {
width: 1163px;
background: #fff;
border-radius: 10px;
overflow: hidden;

display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;

padding: 90px 130px 88px 148px;
}

.contact1-pic {
width: 296px;
}

.contact1-pic img {
max-width: 100%;
}
.contact1-form {
width: 390px;
}

.contact1-form-title {
display: block;
font-family: 'Vazir';
font-size: 24px;
color: #333333;
line-height: 1.2;
text-align: center;
padding-bottom: 44px;
}

input.input1 {
height: 50px;
border-radius: 25px;
padding: 0 30px;
}
input.input1 + .shadow-input1 {
border-radius: 25px;
}

textarea.input1 {
min-height: 150px;
border-radius: 25px;
padding: 12px 30px;
}
textarea.input1 + .shadow-input1 {
border-radius: 25px;
}
.wrap-input1 {
position: relative;
width: 100%;
z-index: 1;
margin-bottom: 20px;
}

.input1 {
display: block;
width: 100%;
background: #e6e6e6;
font-family: 'Vazir';
font-size: 15px;
line-height: 1.5;
color: #666666;
}

.shadow-input1 {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 100%;
box-shadow: 0px 0px 0px 0px;
color:#4DE1FF;
}

.input1:focus + .shadow-input1 {
-webkit-animation: anim-shadow 0.5s ease-in-out forwards;
animation: anim-shadow 0.5s ease-in-out forwards;
}

@-webkit-keyframes anim-shadow {
to {
  box-shadow: 0px 0px 80px 30px;
  opacity: 0;
}
}

@keyframes anim-shadow {
to {
  box-shadow: 0px 0px 80px 30px;
  opacity: 0;
}
}

.container-contact1-form-btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.contact1-form-btn {
min-width: 193px;
height: 50px;
border-radius: 25px;
background: #00D4FF;
font-family: 'Vazir';
font-size: 15px;
line-height: 1.5;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding: 0 25px;

-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}

.contact1-form-btn i {
margin-right: 7px;

-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}

.contact1-form-btn:hover {
background: #333333;
}

.contact1-form-btn:hover i {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}

@media (max-width: 1200px) {
.contact1-pic {
  width: 33.5%;
}

.contact1-form {
  width: 44%;
}
}

@media (max-width: 992px) {
.container-contact1 {
  padding: 90px 80px 88px 90px;
}

.contact1-pic {
  width: 35%;
}

.contact1-form {
  width: 55%;
}
}

@media (max-width: 768px) {
.container-contact1 {
  padding: 90px 80px 88px 80px;
}

.contact1-pic {
  display: none;
}

.contact1-form {
  width: 100%;
}
}

@media (max-width: 576px) {
.container-contact1 {
  padding: 90px 15px 88px 15px;
}
}

.validate-input {
position: relative;
}

.alert-validate::before {
content: attr(data-validate);
position: absolute;
max-width: 70%;
background-color: white;
border: 1px solid #c80000;
border-radius: 13px;
padding: 4px 25px 4px 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 8px;
pointer-events: none;

font-family: 'Vazir';
color: #c80000;
font-size: 13px;
line-height: 1.4;
text-align: right;

visibility: hidden;
opacity: 0;

-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.alert-validate::after {
content: "\f06a";
font-family: FontAwesome;
display: block;
position: absolute;
color: #c80000;
font-size: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 13px;
}

.alert-validate:hover:before {
visibility: visible;
opacity: 1;
}

@media (max-width: 992px) {
.alert-validate::before {
  visibility: visible;
  opacity: 1;
}
}