.contact_main {
  background: url(../img/contact-bg.svg) no-repeat top center;
  background-size: 100% auto;
  padding: 258px 0 4rem;
}
.contact_main + section .service_main {
  padding: 0 0 3rem;
}
.contact_main .left {
  width: 52.295%;
}
.contact_main .left h1 {
  font-size: 53px;
  font-weight: 700;
  line-height: 75px;
  color: var(--subtheme_color);
}
.contact_main .left .img {
  max-width: 413px;
  height: 281px;
  margin: 0 0 0 auto;
  transition: all 1s;
}
.contact_main .left .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contact_main .left .infos li {
  display: flex;
  align-items: flex-start;
  gap: 4.389%;
  margin-bottom: 60px;
}
.contact_main .left .infos li i {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: no-repeat center / cover;
}
.contact_main .left .infos li div {
  flex: 1;
}
.contact_main .left .infos li strong {
  display: block;
  color: #282828;
  font-size: 24px;
  font-weight: 500;
  margin: 2px 0 6px;
}
.contact_main .left .infos li a,
.contact_main .left .infos li p {
  color: #929292;
  font-size: 18px;
  line-height: 25px;
}
.contact_main .left .infos li a {
  transition: all 0.3s;
}
.contact_main .left .infos li a:hover {
  color: var(--theme_color);
}
.contact_main .right {
  width: 45%;
  position: relative;
  z-index: 2;
}
.contact_main .right .contact_form {
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 45px;
  padding: 46px 8.74317% 50px;
}
.contact_main .right .contact_form form {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.contact_main .right .contact_form span {
  width: 100%;
}
.contact_main .right .contact_form input,
.contact_main .right .contact_form textarea,
.contact_main .right .contact_form select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  color: #333;
  font-size: 1rem;
  border-radius: 31px;
  padding: 17.5px 6.2%;
}
.contact_main .right .contact_form input::placeholder,
.contact_main .right .contact_form textarea::placeholder,
.contact_main .right .contact_form select::placeholder {
  color: #333;
}
.contact_main .right .contact_form textarea {
  height: 260px;
}
.contact_main .right .contact_form select {
  cursor: pointer;
  padding: 18.5px 10% 18.5px 6.2%;
  background: url(../img/select.svg) no-repeat right 5.8% center / 14px;
}
.contact_main .right .contact_form input[type="submit"] {
  color: #fff;
  background-color: var(--theme_color);
  border: 2px solid var(--theme_color);
  padding: 17.5px 6.2%;
  border-radius: 33px;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s;
  margin-top: 25px;
}
.contact_main .right .contact_form input[type="submit"]:hover {
  background-color: transparent;
  color: var(--theme_color);
}
