html, body {
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Yekan Bakh FaNum" !important;
  direction: rtl;
  font-size: 14px;
  line-height: 30px;
  color: #384955;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

button, input, textarea {
  font-family: "Yekan Bakh FaNum" !important;
}

label {
  font-size: 15px;
  padding-right: 8px;
  padding-bottom: 8px;
  font-weight: 600;
  color: #384955;
}
label .required {
  color: red;
}

input, textarea {
  width: 100%;
  border: none;
  border: 1px solid #D8DDE4;
  border-radius: 8px;
  padding: 18px 25px;
  outline: none;
  font-size: 15px;
  box-sizing: border-box;
  transition: all 0.4s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #C9CDCF;
  font-size: 13px;
  font-weight: 600;
}
input::placeholder, textarea::placeholder {
  color: #C9CDCF;
  font-size: 13px;
  font-weight: 600;
}
input:focus, textarea:focus {
  border: 1px solid grey;
}

input[type=submit] {
  width: 100%;
  height: 60px;
  border-radius: 8px;
  border: none;
  background-color: #3F95B4;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
input[type=submit]:hover {
  background-color: #337992;
}

.consultationBack {
  position: relative;
}
.consultationBack::before {
  content: "";
  width: 365px;
  height: 95px;
  position: absolute;
  top: 100px;
  left: 20px;
  display: flex;
  z-index: -1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYzIiBoZWlnaHQ9IjkyIiB2aWV3Qm94PSIwIDAgMzYzIDkyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTM2Mi43MDEgMi43M2MtLjUzOC0xLjYxNC0xLjEzNi0yLjExMi0yLjg1LTIuNTUtMy4xMDktLjc3OC03LjE3NC44NTYtMTEuMzM5IDQuNDYzbC0xMi40MzYgMTMuMjktNDIuMTA5LTExLjgzNi00LjY2MyAzLjcyN2MtLjgzNy42MzctLjc3NyAxLjE3NS4wNCAxLjY1M2wzMi4zMDQgMjEuODYtMTMuODMgMTQuOTg0LTE2LjYwMS0yLjgxYy0uNTk4LS4xNTktMS4xMzYtLjAyLTEuNjU0LjNsLTIuODUgMi40M2MtLjQ5OC42MTgtLjUxOCAxLjEzNi4zMzkgMS40OTVsMTMuNDUyIDguNTA5Yy0xLjkxMyAyLjI1MS0zLjE4OSA0LjMyNC0zLjYwNyA2LjM3Ni02LjI3OCA1LjE4LTEzLjI5MyA5LjQ0NS0yMC42ODYgMTIuODczLTMzLjAyMiAxNS42NDItODQuNTU3IDE4LjkxLTExNy4zOC0xLjQ5NSA5LjAyOC0zLjUyNyAxNy4zMzgtOC41NjggMjQuMDk0LTE1Ljc4MiAxMS44MzgtMTIuODcyIDIyLjA2MS00MC43NjkgNC41ODMtNTMuMDA0LTEzLjM1Mi04LjE5LTMyLjMwNC01LjQ0LTQzLjUwNCA1LjI4LTE0Ljg0NyAxNS45MjItMTEgNDMuNjYgNC42MDQgNTcuNzQ3YTcyLjUgNzIuNSAwIDAgMCA3LjU3MyA1LjgxOWMtLjY3OC4yMzktMS4zNzUuNDc4LTIuMDczLjY5Ny0zMS44ODYgOS43ODQtNjcuNDM4IDcuNjcyLTk4LjU2Ny0zLjkyNUMzNC41MTYgNjUuMTc5IDE1Ljc4NCA1MC45NSAwIDM2LjE0NmMzMS4wNjkgMzIuOCA3Ni4zMDcgNTAuMTM1IDEyMS4zMjYgNDcuMTg2IDExLjg5Ny0uNjk3IDI0LjM1Mi0yLjUzIDM1Ljc1MS02LjcxNSAzOC41MjMgMjQuODQ4IDEwNS44MDIgMTguMjcyIDE0MC45OTYtMTAuNDQyIDIuMTUyLS4zMzggNC4zMDQtMS42NzQgNi42NzYtMy42NjZsOC41MDkgMTMuNDVjLjM1OS44NTcuODk3LjgzNyAxLjQ5NS4zMzlsMi40MzEtMi44NWMuMzE5LS41MTguNDU4LTEuMDc2LjI5OS0xLjY1M2wtMi44MS0xNi42IDE0Ljk4Ni0xMy44MjggMjEuODYyIDMyLjNjLjQ3OC44MTggMS4wMTYuODc3IDEuNjU0LjA0bDMuNzI3LTQuNjYyLTExLjgzOC00Mi4xMDUgMTMuMjkzLTEyLjQzNGMzLjc2Ni00LjM2NCA1LjM4LTguNjA4IDQuMzQ0LTExLjc1NnpNMTQ5LjYwNCA2OS4xODRjLTE2LjA0Mi0xNC4yODctMTkuNDktNDQuMzc2LTEuNjE0LTU4LjQ4NCAxMi42MTUtOS4xODYgMzQuNzc1LTEwLjc4IDQ0LjU2IDMuMjA5IDUuNzIgOS43NjMgMi44NyAyMS45NTgtMS4zMzUgMzEuODAyLTYuMDE4IDE0LjM4Ny0xOC45NzIgMjQuMjktMzMuMjgxIDI5LjczLTIuOTQ5LTEuODkzLTUuNzM5LTMuOTQ1LTguMzMtNi4yMzd6IiBmaWxsPSIjMDA2NzhDIiBmaWxsLW9wYWNpdHk9Ii4wOCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMzYzdjkySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .consultationBack::before {
    width: 100%;
    left: unset;
  }
}

.consultation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  align-items: center;
}
.consultation > .photo {
  width: 47%;
  text-align: center;
}
@media (max-width: 992px) {
  .consultation > .photo {
    order: 2;
    width: 100%;
    padding: 10px 0;
  }
}
.consultation > form {
  width: 49%;
  padding-top: 30px;
}
@media (max-width: 992px) {
  .consultation > form {
    order: 1;
    width: 100%;
    padding-top: 0;
  }
}
.consultation > form h3 {
  font-size: 25px;
  font-weight: 400;
  color: #384955;
  margin: 0;
  padding: 0;
  padding-bottom: 50px;
}
.consultation > form div {
  width: 100%;
  height: 85px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.consultation > form div .endInp {
  text-align: left;
}/*# sourceMappingURL=consultation.css.map */