/* Pune Escorts v3.0.5 - standalone premium Contact page styles */

.wx-contact-page{
  --jx-bg:#f7f7fb;
  --jx-card:#ffffff;
  --jx-text:#151515;
  --jx-muted:#667085;
  --jx-border:#e7e7ee;
  --jx-dark:#0d0d11;
  --jx-dark-2:#17171e;
  --jx-pink:#ff2f92;
  --jx-pink-2:#ff5fa2;
  --jx-gold:#f5b942;
  --jx-soft-pink:#fff1f7;
  width:100%;
  margin:0;
  padding:0;
  background:var(--jx-bg)!important;
  color:var(--jx-text)!important;
  font-family:Roboto,Arial,sans-serif!important;
}
.wx-contact-page,
.wx-contact-page *{box-sizing:border-box}
.wx-contact-page a{text-decoration:none}

.wx-contact-page .wx-info-container{
  width:min(1380px,calc(100% - 36px))!important;
  margin:0 auto!important;
}

/* Hero */
.wx-contact-page .wx-info-hero{
  position:relative;
  overflow:hidden;
  padding:42px 0 34px!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,47,146,.22),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(245,185,66,.14),transparent 24%),
    linear-gradient(135deg,#0a0a0d 0%,#171018 52%,#0b0b10 100%)!important;
  border-top:3px solid var(--jx-pink)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.wx-contact-page .wx-info-hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -1px -10%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--jx-gold),var(--jx-pink),transparent);
  opacity:.75;
}
.wx-contact-page .wx-info-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;
  gap:28px!important;
  align-items:center!important;
}
.wx-contact-page .wx-contact-hero-copy{min-width:0}
.wx-contact-page .wx-info-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(255,47,146,.12)!important;
  border:1px solid rgba(255,95,162,.35)!important;
  color:#ffd0e5!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.wx-contact-page .wx-info-hero h1{
  margin:13px 0 10px!important;
  color:#fff!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
  text-shadow:0 10px 34px rgba(0,0,0,.30)!important;
}
.wx-contact-page .wx-info-hero p{
  max-width:820px!important;
  margin:0!important;
  color:#d7d7df!important;
  font-size:15px!important;
  line-height:1.75!important;
}
.wx-contact-page .wx-info-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:17px!important;
}
.wx-contact-page .wx-info-meta span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:600!important;
}
.wx-contact-page .wx-info-hero-card{
  display:grid!important;
  gap:10px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.05))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px)!important;
}
.wx-contact-page .wx-info-hero-card span{
  display:block!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(245,185,66,.18)!important;
  background:rgba(0,0,0,.18)!important;
  color:#e9e9ef!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.wx-contact-page .wx-info-hero-card a{
  color:var(--jx-gold)!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
.wx-contact-page .wx-info-hero-card a:hover{color:#ffd46f!important}

/* Body */
.wx-contact-page .wx-info-body{
  padding:28px 0 42px!important;
  background:var(--jx-bg)!important;
}
.wx-contact-page .wx-info-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:22px!important;
  align-items:start!important;
}
.wx-contact-page .wx-info-content{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}
.wx-contact-page .wx-info-section,
.wx-contact-page .wx-info-side-card{
  background:var(--jx-card)!important;
  border:1px solid var(--jx-border)!important;
  border-radius:22px!important;
  box-shadow:0 16px 46px rgba(16,24,40,.07)!important;
}
.wx-contact-page .wx-contact-panel{
  position:relative!important;
  overflow:hidden!important;
  padding:24px!important;
}
.wx-contact-page .wx-contact-panel::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,var(--jx-pink),var(--jx-gold),var(--jx-pink));
}
.wx-contact-page .wx-contact-section-head>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 11px!important;
  margin:0 0 11px!important;
  border-radius:999px!important;
  background:var(--jx-soft-pink)!important;
  border:1px solid #ffd0e6!important;
  color:#a90f59!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.wx-contact-page .wx-contact-section-head h2,
.wx-contact-page .wx-contact-support-strip h2{
  margin:0 0 9px!important;
  color:#111118!important;
  font-size:clamp(22px,2.1vw,31px)!important;
  line-height:1.16!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.wx-contact-page .wx-contact-section-head h2::after,
.wx-contact-page .wx-contact-support-strip h2::after{
  content:""!important;
  display:block!important;
  width:48px!important;
  height:3px!important;
  margin-top:9px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--jx-pink),var(--jx-gold))!important;
}
.wx-contact-page .wx-contact-section-head p{
  max-width:900px!important;
  margin:0 0 20px!important;
  color:var(--jx-muted)!important;
  font-size:13px!important;
  line-height:1.7!important;
}

/* Form */
.wx-contact-page .wx-contact-form{
  display:grid!important;
  gap:13px!important;
}
.wx-contact-page .wx-form-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
.wx-contact-page .wx-field{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
}
.wx-contact-page .wx-field label{
  margin:0!important;
  color:#24242b!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.wx-contact-page .wx-field input,
.wx-contact-page .wx-field select,
.wx-contact-page .wx-field textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #ddddE6!important;
  border-radius:13px!important;
  background:#fbfbfd!important;
  color:#17171d!important;
  box-shadow:none!important;
  font:500 14px/1.45 Roboto,Arial,sans-serif!important;
  outline:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.wx-contact-page .wx-field select{
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.wx-contact-page .wx-field textarea{
  min-height:150px!important;
  resize:vertical!important;
}
.wx-contact-page .wx-field input::placeholder,
.wx-contact-page .wx-field textarea::placeholder{color:#9a9aa5!important;opacity:1!important}
.wx-contact-page .wx-field input:focus,
.wx-contact-page .wx-field select:focus,
.wx-contact-page .wx-field textarea:focus{
  background:#fff!important;
  border-color:rgba(255,47,146,.70)!important;
  box-shadow:0 0 0 4px rgba(255,47,146,.10)!important;
}
.wx-contact-page .wx-contact-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:start!important;
  min-height:47px!important;
  margin-top:3px!important;
  padding:0 24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff2f92,#cf126c)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  cursor:pointer!important;
  box-shadow:0 13px 28px rgba(255,47,146,.24)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.wx-contact-page .wx-contact-submit:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 17px 34px rgba(255,47,146,.30)!important;
  filter:brightness(1.03)!important;
}

/* Alerts */
.wx-contact-page .wx-contact-alert{
  padding:15px 17px!important;
  border-radius:16px!important;
  border:1px solid transparent!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(16,24,40,.06)!important;
}
.wx-contact-page .wx-contact-alert strong{
  display:block!important;
  margin-bottom:4px!important;
  font-size:14px!important;
  font-weight:900!important;
}
.wx-contact-page .wx-contact-alert span{
  display:block!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.wx-contact-page .wx-contact-alert--success{border-color:#a7f3d0!important;background:#ecfdf5!important;color:#047857!important}
.wx-contact-page .wx-contact-alert--error{border-color:#fecaca!important;background:#fef2f2!important;color:#b91c1c!important}

/* Direct support */
.wx-contact-page .wx-contact-support-strip{
  padding:21px!important;
}
.wx-contact-page .wx-contact-direct-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:15px!important;
}
.wx-contact-page .wx-contact-direct-grid a{
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  min-height:82px!important;
  padding:14px 15px!important;
  border:1px solid #ececf2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff,#fbfbfd)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.wx-contact-page .wx-contact-direct-grid a:hover{
  transform:translateY(-2px)!important;
  border-color:#ffc1de!important;
  box-shadow:0 12px 26px rgba(255,47,146,.09)!important;
}
.wx-contact-page .wx-contact-direct-grid strong{
  color:#17171d!important;
  font-size:12px!important;
  font-weight:900!important;
}
.wx-contact-page .wx-contact-direct-grid span{
  color:#6c6c77!important;
  font-size:12px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

/* Sidebar */
.wx-contact-page .wx-info-sidebar{
  position:sticky!important;
  top:88px!important;
  display:grid!important;
  gap:13px!important;
}
.wx-contact-page .wx-info-side-card{
  padding:17px!important;
}
.wx-contact-page .wx-info-side-card h3{
  margin:0 0 12px!important;
  color:#17171d!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.wx-contact-page .wx-info-side-card a{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  margin:7px 0 0!important;
  padding:0 12px!important;
  border:1px solid #ececf2!important;
  border-radius:11px!important;
  background:#fbfbfd!important;
  color:#34343d!important;
  font-size:12px!important;
  font-weight:700!important;
}
.wx-contact-page .wx-info-side-card a:hover{
  border-color:#ffc1de!important;
  background:var(--jx-soft-pink)!important;
  color:#b20c5d!important;
}
.wx-contact-page .wx-info-side-card.notice{
  border-left:4px solid var(--jx-gold)!important;
}
.wx-contact-page .wx-info-side-card.notice p{
  margin:0!important;
  color:#62626d!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.wx-contact-page .wx-contact-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.wx-contact-page .wx-contact-tags span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:29px!important;
  padding:0 9px!important;
  border:1px solid #ffd1e6!important;
  border-radius:999px!important;
  background:var(--jx-soft-pink)!important;
  color:#9d1558!important;
  font-size:11px!important;
  font-weight:700!important;
}
.wx-contact-page .wx-info-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:45px!important;
  padding:0 15px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#17171d,#292931)!important;
  border:1px solid rgba(245,185,66,.50)!important;
  color:var(--jx-gold)!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
.wx-contact-page .wx-info-cta:hover{color:#fff!important;border-color:var(--jx-pink)!important}

@media (max-width:980px){
  .wx-contact-page .wx-info-hero-grid,
  .wx-contact-page .wx-info-layout{grid-template-columns:1fr!important}
  .wx-contact-page .wx-info-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wx-contact-page .wx-info-cta{grid-column:1/-1!important}
}
@media (max-width:760px){
  .wx-contact-page .wx-info-container{width:min(100% - 20px,1380px)!important}
  .wx-contact-page .wx-info-hero{padding:30px 0 25px!important}
  .wx-contact-page .wx-info-hero-grid{gap:18px!important}
  .wx-contact-page .wx-info-hero h1{font-size:32px!important}
  .wx-contact-page .wx-info-body{padding:18px 0 28px!important}
  .wx-contact-page .wx-contact-panel,
  .wx-contact-page .wx-contact-support-strip{padding:16px!important;border-radius:18px!important}
  .wx-contact-page .wx-form-row,
  .wx-contact-page .wx-contact-direct-grid,
  .wx-contact-page .wx-info-sidebar{grid-template-columns:1fr!important}
  .wx-contact-page .wx-contact-submit{width:100%!important}
  .wx-contact-page .wx-info-cta{grid-column:auto!important}
}
@media (max-width:420px){
  .wx-contact-page .wx-info-hero-card{padding:13px!important;border-radius:17px!important}
  .wx-contact-page .wx-info-meta span{width:100%!important;justify-content:center!important}
}
