/* Girls Are Precious — Contact Us page only */
.contact-page {
  padding: 42px 0 76px;
  background: #fff7fa;
  color: #263b56;
}
.contact-page > .container > .row { margin-left: auto; margin-right: auto; }
.contact-page #tg-content { width: 100%; }
.contact-page #tg-content > .row { display: flex; flex-wrap: wrap; align-items: stretch; margin-left: -12px; margin-right: -12px; }
.contact-page .contact-intro-card {
  width: min(100%, 900px); margin: 0 auto 28px; padding: 30px 34px 25px;
  background: #fff; border: 1px solid #f6d4e2; border-radius: 20px;
  box-shadow: 0 10px 28px rgba(61, 24, 44, .055);
}
.contact-page .contact-intro-card .tg-sectiontitle h2,
.contact-page .contact-form-card > h2,
.contact-page .contact-info-card > h2 {
  color: #102e54; font-family: Georgia, "Times New Roman", serif; font-weight: 700;
}
.contact-page .contact-intro-card .tg-sectiontitle h2 { margin: 0 0 14px; font-size: clamp(27px, 3vw, 36px); line-height: 1.2; }
.contact-page .contact-intro-card .tg-sectiontitle h2:after,
.contact-page .contact-form-card > h2:after,
.contact-page .contact-info-card > h2:after {
  content: ""; display: block; width: 54px; height: 4px; margin: 13px auto 0;
  border-radius: 10px; background: #ed1680;
}
.contact-page .contact-intro-card .tg-description p { margin: 0; color: #5a6b80; font-size: 15px; line-height: 1.8; }
.contact-page .contact-form-card,
.contact-page .contact-info-card {
  height: 100%; padding: 30px; background: #fff; border: 1px solid #f5d2e0;
  border-radius: 20px; box-shadow: 0 10px 28px rgba(61, 24, 44, .055);
}
.contact-page .contact-form-card > h2,
.contact-page .contact-info-card > h2 { margin: 0 0 24px; font-size: 27px; line-height: 1.25; }
.contact-page .contact-form-card > h2:after,
.contact-page .contact-info-card > h2:after { margin: 12px 0 0; }
.contact-page .contact-form { margin: 0; }
.contact-page #contactForm .row { margin-left: -9px; margin-right: -9px; }
.contact-page #contactForm .row > [class*="col-"] { padding-left: 9px; padding-right: 9px; }
.contact-page #contactForm .form-group { margin-bottom: 17px; }
.contact-page #contactForm label { display: block; margin-bottom: 7px; color: #263b56; font-size: 13px; font-weight: 700; letter-spacing: .15px; }
.contact-page #contactForm .form-control {
  width: 100%; min-height: 49px; padding: 12px 14px; color: #243b56;
  background: #fffafd; border: 1px solid #eadde4; border-radius: 10px; box-shadow: none;
  font-size: 14px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-page #contactForm .form-control::placeholder { color: #9aa4b2; }
.contact-page #contactForm .form-control:focus { border-color: #ed1680; background: #fff; outline: 0; box-shadow: 0 0 0 3px rgba(237, 22, 128, .10); }
.contact-page #contactForm select.form-control { cursor: pointer; }
.contact-page #contactForm textarea.form-control { min-height: 145px; resize: vertical; }
.contact-page #contactForm .tg-btn {
  display: inline-flex; align-items: center; justify-content: center; min-width: 165px; min-height: 49px;
  padding: 13px 25px; color: #fff; background: #ed1680; border: 1px solid #ed1680; border-radius: 999px;
  box-shadow: 0 7px 16px rgba(237, 22, 128, .18); font-weight: 700; letter-spacing: .2px; text-transform: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-page #contactForm .tg-btn:hover,
.contact-page #contactForm .tg-btn:focus { color: #fff; background: #d80b70; border-color: #d80b70; transform: translateY(-1px); box-shadow: 0 10px 20px rgba(237, 22, 128, .22); }
.contact-page .contact-form-message { margin-bottom: 22px; padding: 14px 16px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; line-height: 1.6; }
.contact-page .contact-form-message.success { color: #17613a; background: #effaf3; border-color: #ccebd7; }
.contact-page .contact-form-message.error { color: #8a2332; background: #fff1f2; border-color: #f5cbd1; }
.contact-page .contact-info-card .tg-description p { color: #5a6b80; font-size: 14px; line-height: 1.8; }
.contact-page .tg-listinfo { margin: 23px 0 0; padding: 0; list-style: none; }
.contact-page .tg-listinfo > li { display: block; padding: 17px 0; border-bottom: 1px solid #f2e5eb; color: #263b56; }
.contact-page .tg-listinfo > li:last-child { border-bottom: 0; }
.contact-page .tg-listinfo > li > span:first-child { display: block; margin-bottom: 7px; color: #102e54; font-weight: 700; }
.contact-page .tg-listinfo a { color: #d90b73; overflow-wrap: anywhere; }
.contact-page .tg-listinfo a:hover { color: #102e54; }
.contact-page .tg-socialicons { display: flex; flex-wrap: wrap; gap: 9px; margin: 8px 0 0; padding: 0; list-style: none; }
.contact-page .tg-socialicons li { margin: 0; }
.contact-page .tg-socialicons a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #ed1680;  border: 1px solid #f7d2e2; border-radius: 50%; transition: all .2s ease; }
.contact-page .tg-socialicons a:hover { color: #fff; background: #ed1680; border-color: #ed1680; transform: translateY(-2px); }
.contact-page .tg-box:before, .contact-page .tg-box:after { display: none; }
@media (min-width: 768px) {
  .contact-page #tg-content > .row > .col-sm-7 { display: flex; }
  .contact-page #tg-content > .row > .col-sm-7 > .contact-form-card { width: 100%; }
  .contact-page #tg-content > .row > .col-sm-5 { display: flex; }
  .contact-page #tg-content > .row > .col-sm-5 > .contact-info-card { width: 100%; }
}
@media (max-width: 767px) {
  .contact-page { padding: 25px 0 45px; }
  .contact-page .contact-intro-card { padding: 23px 18px 20px; margin-bottom: 20px; border-radius: 15px; }
  .contact-page .contact-form-card, .contact-page .contact-info-card { height: auto; padding: 22px 18px; border-radius: 15px; margin-bottom: 18px; }
  .contact-page .contact-form-card > h2, .contact-page .contact-info-card > h2 { font-size: 24px; margin-bottom: 20px; }
  .contact-page #tg-content > .row { display: block; }
  .contact-page #contactForm .row > [class*="col-"] { width: 100%; }
  .contact-page #contactForm .form-group { margin-bottom: 14px; }
  .contact-page #contactForm .tg-btn { width: 100%; }
}