.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

.contact-form{
  background-color: #212121;
  padding-bottom: 88px;
}

.contact-form .contact{
  display: flex;
  align-items: center;
}

.contact-form .contact .contact-info{
  width: 470px;
  background-color: #fff;
  padding: 55px;
  flex-shrink: 0;
}

.contact-form .contact .contact-info .icon-text{
  color: #292929;
  font-size: 14px;
  line-height: 2;
  font-weight: 900;
  text-transform: uppercase;
  padding: 19px;
  background-color: #F1F1F1;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.contact-form .contact .contact-info .icon-text:first-child{
  margin-top: 30px;
}

.contact-form .contact .contact-info .icon-text:last-child{
  margin-bottom: 59px;
}

.contact-form .contact .contact-info .icon-text::before{
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: #292929;
  margin-top: 5px;
  flex-shrink: 0;
}

.contact-form .contact .contact-info .icon-text.phone::before{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.5437 11.3062L12.0436 9.80614C11.8941 9.74242 11.728 9.72899 11.5701 9.76788C11.4123 9.80677 11.2714 9.89587 11.1686 10.0218L9.61861 11.9156C7.18598 10.7686 5.22828 8.81089 4.08132 6.37827L5.9751 4.82824C6.10126 4.72564 6.19054 4.58473 6.22945 4.42684C6.26836 4.26896 6.25477 4.10269 6.19073 3.95322L4.69071 0.453162C4.62043 0.292037 4.49613 0.160484 4.33925 0.0811864C4.18236 0.00188914 4.00273 -0.0201818 3.83132 0.0187795L0.58126 0.768793C0.415998 0.806955 0.26855 0.900007 0.162983 1.03276C0.0574151 1.16552 -3.80697e-05 1.33013 1.8926e-08 1.49974C1.8926e-08 9.51551 6.49699 16 14.5003 16C14.6699 16.0001 14.8346 15.9427 14.9674 15.8371C15.1002 15.7315 15.1933 15.5841 15.2315 15.4187L15.9815 12.1687C16.0202 11.9964 15.9977 11.8161 15.9178 11.6587C15.8379 11.5012 15.7056 11.3766 15.5437 11.3062Z' fill='%23292929'/%3E%3C/svg%3E");
}

.contact-form .contact .contact-info .icon-text.email::before{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.10154 0.0597013C7.68385 0.194801 7.22895 0.468653 6.5243 1.00915C6.30515 1.17723 5.48333 1.78312 4.69803 2.35553C1.76649 4.49235 0.574933 5.39321 0.377663 5.62183C0.234682 5.78755 0.124939 5.99595 0.0530507 6.23835C0.00500307 6.40025 -0.000409341 6.86566 2.23237e-05 10.7882C0.000553604 15.6383 -0.0119315 15.3567 0.22389 15.8384C0.394265 16.1865 0.813677 16.606 1.1617 16.7764C1.65147 17.0162 1.11139 16.9998 8.5 16.9998C15.8886 16.9998 15.3485 17.0162 15.8383 16.7764C16.1863 16.606 16.6057 16.1865 16.7761 15.8384C17.0119 15.3567 16.9994 15.6383 17 10.7882C17.0004 6.86566 16.995 6.40025 16.947 6.23835C16.8751 5.99595 16.7653 5.78755 16.6223 5.62183C16.428 5.39653 15.193 4.46273 12.4271 2.44945C11.7191 1.93413 10.9002 1.33106 10.6074 1.10931C9.72258 0.439329 9.37216 0.22107 8.95903 0.08255C8.65537 -0.0192728 8.36931 -0.0269112 8.10154 0.0597013ZM8.76069 1.76714C8.85842 1.82559 9.19462 2.06557 9.50781 2.30037C9.821 2.5352 10.6675 3.15763 11.3888 3.68355C13.1011 4.93189 14.3366 5.84657 14.9291 6.30437L15.4066 6.67344V6.88698V7.10049L12.6485 9.3855C11.1315 10.6422 9.79048 11.7382 9.66835 11.8209C9.34968 12.0368 9.06292 12.1245 8.61117 12.1441C8.1561 12.1638 7.85101 12.1037 7.50853 11.9269C7.32813 11.8337 6.57089 11.2245 4.43129 9.45118L1.59336 7.099V6.88907V6.67912L1.95032 6.39935C2.58785 5.89964 3.50577 5.21969 5.89341 3.47844C6.5326 3.0123 7.28148 2.46048 7.55761 2.25218C8.12488 1.82423 8.45976 1.61481 8.53314 1.64221C8.56057 1.65244 8.66297 1.70866 8.76069 1.76714ZM6.40772 13.1765C7.67466 14.0297 9.32534 14.0297 10.5923 13.1765C10.7108 13.0966 11.8428 12.1681 13.1079 11.113L15.408 9.19454L15.399 12.1096C15.3902 14.9575 15.3885 15.0273 15.3236 15.135C15.2871 15.1956 15.2049 15.2778 15.141 15.3176L15.0248 15.3901H8.5C2.03409 15.3901 1.97422 15.3895 1.86501 15.3236C1.80438 15.2871 1.7222 15.2049 1.68239 15.141L1.60997 15.0247L1.60097 12.1096L1.59197 9.19454L3.89211 11.113C5.15719 12.1681 6.28921 13.0966 6.40772 13.1765Z' fill='%23292929'/%3E%3C/svg%3E");
}

.contact-form .contact .contact-info .icon-text.adress::before{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.84163 0.063045C4.51147 0.523835 1.71751 2.7873 0.55013 5.97001C-0.0545551 7.61873 -0.166715 9.55842 0.24323 11.2781C0.995859 14.4351 3.44962 17.8203 7.18757 20.8586C7.83269 21.383 8.53734 21.9012 8.68072 21.9567C8.82866 22.014 9.17413 22.0145 9.32094 21.9577C9.57108 21.8608 10.8707 20.8497 11.8293 20.0061C12.4298 19.4776 13.6425 18.2632 14.1653 17.6667C16.3415 15.1837 17.5942 12.7525 17.9332 10.354C18.0242 9.71031 18.0219 8.52411 17.9284 7.88263C17.4788 4.79649 15.5722 2.17332 12.8164 0.84928C11.6171 0.273046 10.3328 -0.00877475 8.94715 0.000208095C8.57118 0.00265796 8.07372 0.0308959 7.84163 0.063045ZM9.78097 1.88875C11.5041 2.08981 13.0675 2.88675 14.2496 4.16674C15.9341 5.99052 16.5684 8.56614 15.9399 11.0299C15.265 13.6757 12.9977 16.7097 9.67877 19.408C9.31988 19.6998 9.01534 19.9385 9.00205 19.9385C8.98876 19.9385 8.68422 19.6998 8.32534 19.408C5.12688 16.8076 2.91786 13.9177 2.14767 11.3264C1.38901 8.77374 1.99551 6.07115 3.75446 4.16674C5.30647 2.48631 7.56992 1.63074 9.78097 1.88875ZM8.2571 5.56389C6.9122 5.86441 5.84904 6.91033 5.49387 8.28243C5.37238 8.75177 5.37073 9.5154 5.49019 10.0101C5.80541 11.3157 6.73383 12.307 8.01042 12.7011C8.34888 12.8056 8.45674 12.8184 9.00205 12.8184C9.54737 12.8184 9.65522 12.8056 9.99369 12.7011C11.6985 12.1748 12.7885 10.5221 12.5879 8.76759C12.4915 7.9241 12.1546 7.20638 11.5761 6.61184C11.0163 6.0365 10.4547 5.71927 9.71632 5.56106C9.35288 5.48318 8.6119 5.4846 8.2571 5.56389ZM9.45145 7.40533C9.96913 7.54575 10.3821 7.9012 10.6188 8.41029C10.7446 8.68073 10.7532 8.72964 10.7532 9.17293C10.7532 9.6253 10.7467 9.66007 10.6089 9.94516C10.3467 10.4878 9.86659 10.8541 9.2819 10.9579C8.52248 11.0926 7.72373 10.6615 7.38561 9.93454C7.25948 9.66334 7.25087 9.61455 7.25087 9.17203C7.25087 8.72977 7.25956 8.6806 7.38527 8.41029C7.76272 7.59874 8.62257 7.18055 9.45145 7.40533Z' fill='%23292929'/%3E%3C/svg%3E");
}

.contact-form .contact h2{
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #212121;
  margin-bottom: 30px;
}

.contact-form .contact .form-wrapper h2{
  color: #FFFFFF;
}

.contact-form .contact .contact-info .text{
  max-width: 303px;
}

.contact-form .contact .contact-info .icon-text p{
  margin: 0;
}

.contact-form .contact .contact-info a{
  text-decoration: underline;
  color: #FF3D00;
  font-weight: 700;
}

.contact-form .contact .form-wrapper{
  width: 100%;
  margin-left: 84px;
}

.contact-form .field{
  display: flex;
  flex-direction: column;
  margin-bottom: 31px;
}

.contact-form .contact .field__label{
  position: static;
}

.contact-form .contact .field::before{
  content: none;
}

.contact-form .contact .field::after{
  content: none;
}

.contact-form label{
  color: #EBEBEB;
  font-size: 18px;
  line-height: 1.6;
  width: 100%;
  margin-bottom: 19px;
}

.contact-form input,
.contact-form textarea,
.contact-form input.field__input:focus, 
.contact-form input.field__input:not(:placeholder-shown){
  padding: 13px 19px 10px;
  background: none;
  border: 1px solid;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  height: auto;
}

.contact-form textarea{
  max-height: 220px;
}

.contact-form .contact__button{
  margin-top: 51px;
}

.contact-form .btn{
  padding: 12px 24px 12px 20px;
  background-color: #FAFAFA;
  color: #424242;
  border-radius: 2px;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: none;
  font-weight: 900;
  transition: color 0.3s ease;
}

.contact-form .btn:hover{
  color: #fff;
}

@media (max-width: 1200px) {
  .contact-form{
    padding-bottom: 58px;
  }
}

@media (max-width: 991px) {
  .contact-form .contact{
    flex-direction: column-reverse;
  }

  .contact-form .contact .contact-info{
    width: 100%;
    margin-top: 62px; 
  }

  .contact-form .contact .form-wrapper{
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .contact-form{
    padding-bottom: 44px;
  }

  .contact-form .btn{
    width: 100%;
  }

  .contact-form .contact .contact-info {
    padding: 55px 20px;
  }

  .contact-form .contact .contact-info .icon-text{
    font-size: 12px;
    background-color: #212121;
    color: #fafafa;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  .contact-form .contact .contact-info .icon-text::before{
    background-color: #fafafa;
  }
}