.contactPage {
  position: relative;
  margin-top: 100px;
  background: #24A65B;
}
.contactPage footer {
  border-top: none;
  margin-top: -2px;
  position: relative;
}
.contactPage .contacti {
  background: url('../images/page-img/pro-back.jpg') no-repeat;
  background-size: cover;
  position: relative;
}
.contactPage .contacti .dot-round-top {
  position: absolute;
  bottom: -4px;
  width: 272px;
  right: 0;
}
.contactPage .contacti::after {
  display: none;
}
.contactPage .contacti .contacti-title-cur .text {
  color: #24A65B;
}
.contactPage .contacti .contacti-title-cur .add {
  color: #24A65B;
}
.contactPage .contacti .contacti-desc {
  color: #24A65B;
}
.contactPage .contacti .contactMenthods p {
  color: #24A65B;
}
.contactPage .contacti .contactMenthods .contactMenthods-line {
  background: #24A65B;
  opacity: 0.5;
}
.contactPage .contacti .formButton-box .formButton {
  background: transparent;
}
.contactPage .contacti .form::after {
  opacity: 0.5;
  background: #24A65B;
}
.contactPage .contacti .contacti-form-outer {
  border-top: 1px solid rgba(36, 166, 91, 0.5);
}
.contactPage .contacti .contacti-infos .contacti-info-a {
  color: #24A65B;
}
.contactPage .contacti .contacti-infos .contacti-info-a .p1 {
  color: #333;
}
.contactPage .contacti .contacti-infos .contacti-info-a .p2 {
  color: #24A65B;
}
.contactPage .contacti .contacti-infos .contacti-info-a .p2 .a-inner {
  background-image: radial-gradient(circle farthest-corner at 10% 20%, #24a65b 0, #24a65b 100.2%);
}
@media only screen and (max-width: 1250px) {
  .contactPage {
    margin-top: 65px;
  }
  .contactPage .contacti .dot-round-top {
    width: 28%;
    max-width: 200px;
  }
}
@media only screen and (max-width: 1025px) {
  .contactPage {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 641px) {
  .contactPage {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 431px) {
  .contactPage {
    margin-top: 42px;
  }
}