:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-ba22c6a *//* ===========================================================
   VNOX Media — Contact Form 7 styling (Teal Glass Identity)
   Paste this in: Appearance → Customize → Additional CSS
   (or a WPCode "CSS Snippet")

   Covers fields: Your name, Email, Preferred contact platform
   (radio), Telegram/WhatsApp, Company name, Company website,
   Country/Region, Daily advertising spend (select),
   Advertising platform (select), Acceptance, Submit
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

@keyframes vnoxCf7GradShift{
  0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;}
}
@keyframes vnoxCf7Glow{
  0%,100%{ opacity:.55; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.08); }
}
@keyframes vnoxCf7FadeUp{
  from{ opacity:0; transform:translateY(24px); filter:blur(6px); }
  to{ opacity:1; transform:translateY(0); filter:blur(0); }
}

/* ---- Outer wrapper CF7 renders automatically ---- */
.wpcf7{
  max-width:560px !important;
  margin:40px auto !important;
  padding:34px 30px !important;
  position:relative !important;
  overflow:hidden !important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;

  background:
    linear-gradient(#f6fdfc,#f6fdfc) padding-box,
    linear-gradient(135deg, rgba(15,196,180,0.8), rgba(13,157,176,0.4) 45%, rgba(15,196,180,0.12) 100%) border-box !important;
  border:2px solid transparent !important;
  border-radius:22px !important;
  box-shadow:0 20px 50px rgba(13,157,176,0.14), inset 0 1px 0 rgba(255,255,255,0.7) !important;

  opacity:0;
  animation:vnoxCf7FadeUp .8s cubic-bezier(.16,.84,.32,1) forwards;
}

/* ---- Form layout ---- */
.wpcf7-form{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  position:relative !important;
  z-index:1 !important;
  color:#0F172A !important;
}

.wpcf7-form > label,
.wpcf7-form p{
  display:block !important;
  font-family:'Sora',sans-serif !important;
  font-weight:700 !important;
  font-size:13px !important;
  color:#0F172A !important;
  margin:0 !important;
}

/* ---- Text inputs, email inputs & selects ----
   Covers: your-name, your-email, your-contact, company-name,
   company-website, country, spend (select), ad-platform (select) */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select{
  display:block !important;
  width:100% !important;
  height:46px !important;
  padding:0 14px !important;
  margin-top:8px !important;
  background:rgba(255,255,255,0.75) !important;
  border:1.5px solid #dfe3e6 !important;
  border-radius:10px !important;
  font-family:'Inter',sans-serif !important;
  font-size:14.5px !important;
  color:#0F172A !important;
  outline:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.wpcf7-form select{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D9DB0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:16px !important;
  padding-right:38px !important;
  cursor:pointer !important;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form select:focus{
  border-color:#0FC4B4 !important;
  box-shadow:0 0 0 4px rgba(15,196,180,0.14) !important;
  background:#ffffff !important;
}
.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="email"]::placeholder{
  color:#9AA5B1 !important;
}

.wpcf7-form .wpcf7-not-valid{
  border-color:#e2445c !important;
}
.wpcf7-form span.wpcf7-not-valid-tip{
  display:block !important;
  color:#e2445c !important;
  font-size:12px !important;
  font-weight:500 !important;
  margin-top:6px !important;
}

/* ---- Radio group (Preferred contact platform: Telegram / WhatsApp) — pill style ---- */
.wpcf7-form .wpcf7-radio{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:10px !important;
}
.wpcf7-form .wpcf7-list-item{
  margin:0 !important;
}
.wpcf7-form .wpcf7-list-item label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:9px 16px !important;
  background:rgba(255,255,255,0.7) !important;
  border:1.5px solid #dfe3e6 !important;
  border-radius:999px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  font-size:13.5px !important;
  color:#334155 !important;
  cursor:pointer !important;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease !important;
}
.wpcf7-form .wpcf7-list-item label:hover{
  border-color:#0FC4B4 !important;
  transform:translateY(-1px) !important;
}
.wpcf7-form .wpcf7-list-item input[type="radio"],
.wpcf7-form .wpcf7-list-item input[type="checkbox"]{
  accent-color:#0D9DB0 !important;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  cursor:pointer !important;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item:has(input:checked) label{
  background:linear-gradient(135deg,#0FC4B4,#0D9DB0) !important;
  border-color:transparent !important;
  color:#ffffff !important;
  box-shadow:0 6px 16px rgba(13,157,176,0.32) !important;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item:has(input:checked) input[type="radio"]{
  accent-color:#ffffff !important;
}

/* ---- Acceptance checkbox ---- */
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{
  margin-top:6px !important;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  color:#475569 !important;
  cursor:pointer !important;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  flex-shrink:0 !important;
  margin-top:1px !important;
  accent-color:#0D9DB0 !important;
}
.wpcf7-form .wpcf7-acceptance a{
  color:#0D9DB0 !important;
  font-weight:700 !important;
  text-decoration:underline !important;
}

/* ---- Submit button ---- */
.wpcf7-form input[type="submit"]{
  width:100% !important;
  height:52px !important;
  margin-top:6px !important;
  border:none !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,#0FC4B4,#0D9DB0,#0FC4B4) !important;
  background-size:300% 300% !important;
  animation:vnoxCf7GradShift 7s ease infinite !important;
  color:#ffffff !important;
  font-family:'Sora',sans-serif !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:.2px !important;
  cursor:pointer !important;
  box-shadow:0 12px 28px rgba(13,157,176,0.32) !important;
  transition:transform .18s ease, box-shadow .22s ease, opacity .2s ease !important;
}
.wpcf7-form input[type="submit"]:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(13,157,176,0.42) !important;
}
.wpcf7-form input[type="submit"]:disabled{
  opacity:.7 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

/* ---- Spinner + response message ---- */
.wpcf7 .wpcf7-spinner{
  margin:10px auto 0 !important;
  display:block !important;
}
.wpcf7-form .wpcf7-response-output{
  margin:16px 0 0 !important;
  padding:12px 16px !important;
  border-radius:10px !important;
  font-size:13.5px !important;
  font-weight:600 !important;
}
.wpcf7-form.invalid .wpcf7-response-output{
  border:1.5px solid #e2445c !important;
  color:#e2445c !important;
  background:rgba(226,68,92,0.06) !important;
}
.wpcf7-form.sent .wpcf7-response-output{
  border:1.5px solid #0FC4B4 !important;
  color:#0D9DB0 !important;
  background:rgba(15,196,180,0.08) !important;
}

/* ---- Mobile ---- */
@media (max-width:480px){
  .wpcf7{ padding:26px 20px !important; margin:24px auto !important; }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .wpcf7{ animation:none !important; opacity:1 !important; }
  .wpcf7-form input[type="submit"]{ animation:none !important; }
}/* End custom CSS */