/*----------------------------------
  SECTION TITLE 
  -----------------------------------*/
.maha-home-contact-wrap .section-title-wrap {
  position: relative;
  margin-bottom: 40px;
}

/* 标题样式：PC 端默认 40px */
.maha-home-contact-wrap .section-title-wrap .section-title {
  display: block;
  position: relative;
  margin: 5px auto 30px;
  text-transform: capitalize;
  line-height: 1.4;
  font-size: 40px; /* PC 端标题 40px */
}

/* 描述样式：默认 16px */
.maha-home-contact-wrap .section-title-wrap p {
  display: block;
  font-family: var(--font-family);
  font-size: 16px; /* 描述文字 16px */
  font-weight: 500;
  margin: 0 auto;
  max-width: 1200px;
}

/* --------------------------------
   响应式字号控制 (iPad & 移动端)
   --------------------------------*/
/* iPad / 平板端 (宽度 991px 及以下) */
@media (max-width: 991px) {
  .maha-home-contact-wrap .section-title-wrap .section-title {
    font-size: 28px; /* iPad 标题 28px */
  }
}

/* 移动端 / 手机 (宽度 576px 及以下) */
@media (max-width: 576px) {
  .maha-home-contact-wrap .section-title-wrap .section-title {
    font-size: 24px; /* 移动端标题 24px */
  }
}

/* --------------------------------
   下划线动画与伪元素
   --------------------------------*/
.maha-home-contact-wrap .section-title-wrap .section-title::before,
.maha-home-contact-wrap .section-title-wrap .section-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 20px;
  height: 8px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: var(--color-primary);
  -webkit-animation: animate 6s linear infinite;
  animation: animate 6s linear infinite;
}

.maha-home-contact-wrap .section-title-wrap .section-title::before {
  right: 50%;
  margin-right: 4px;
}

.maha-home-contact-wrap .section-title-wrap .section-title::after {
  left: 50%;
  margin-left: 4px;
}

@-webkit-keyframes animate {
  0% { width: 20px; }
  25% { width: 50px; }
  50% { width: 50px; }
  75% { width: 100px; }
  100% { width: 100px; }
}

@keyframes animate {
  0% { width: 20px; }
  25% { width: 50px; }
  50% { width: 50px; }
  75% { width: 100px; }
  100% { width: 100px; }
}

/*-------------------------------
  BUTTON
  --------------------------------*/
.maha-home-contact-wrap .button-wrapper {
  position: relative;
  padding: 1.5rem 0;
  -webkit-filter: url("#goo");
  filter: url("#goo");
}

.maha-home-contact-wrap .button {
  display: inline-block;
  position: relative;
  min-width: 200px;
  font-family: var(--title-font-family);
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 1em;
  background-clip: padding-box;
  padding: 1.03em 1.32em;
  line-height: 1;
  background: var(--color-primary);
  color: #fff;
}

.maha-home-contact-wrap .button:hover {
  color: var(--color-second);
}

.maha-home-contact-wrap .button:before,
.maha-home-contact-wrap .button:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 4.4em;
  height: 2.95em;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  z-index: -1;
  background: var(--color-primary);
}

.maha-home-contact-wrap .button:before {
  top: -25%;
  left: 20%;
}

.maha-home-contact-wrap .button:after {
  bottom: -25%;
  right: 20%;
}

.maha-home-contact-wrap .button:hover:before,
.maha-home-contact-wrap .button:hover:after {
  -webkit-transform: none;
  transform: none;
}

/*-----------------------------
  CONTACT SECTION
  ------------------------------*/
.maha-home-contact-wrap {
  position: relative;
  padding: 120px 0;
}

@media (min-width: 1200px) {
  .maha-home-contact-wrap {
    padding: 100px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .maha-home-contact-wrap {
    padding: 80px 0;
  }
}

@media (max-width: 991px) {
  .maha-home-contact-wrap {
    padding: 50px 0;
  }
}

.maha-home-contact-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  filter: alpha(opacity=85);
  background-color: #17262d;
  z-index: 0;
}

.maha-home-contact-wrap .row > * {
  z-index: 1;
}

.maha-home-contact-wrap .section-title-wrap .section-title-text,
.maha-home-contact-wrap .section-title-wrap p,
.maha-home-contact-wrap h5 {
  color: #fff;
}