/* Fix: keep Budget field in the form column on desktop (was full-width after email field added) */
@media (min-width: 761px){
  #nf-form-2-cont .up-below-btn-trust{ display:grid !important; grid-template-columns:max-content max-content !important; justify-content:center !important; justify-items:start !important; align-items:center !important; gap:10px 14px !important;  grid-column: 2 !important; margin-top: 0px !important; width: auto !important;}
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.submit-container){ grid-column: 2 !important; margin-top: 0px !important; padding-left: 28px !important; padding-right: 28px !important; }
  #nf-form-2-cont nf-fields-wrap > nf-field:has(#nf-field-15-container){ grid-column: 2 !important; padding-left: 28px !important; padding-right: 28px !important; }
	#nf-form-2-cont nf-fields-wrap > nf-field:has(.up-below-btn-trust){ grid-column: 2 !important; margin-top: 0px !important; padding-left: 28px !important; padding-right: 28px !important; }
  /* Stretch the left info panel to match the form column height (removes empty gap) */
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info){ align-self: stretch !important; }
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info) .html-container,
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info) .html-container > .nf-field,
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info) .html-wrap,
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info) .nf-field-element,
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info) .up-lead-info{ height: 100% !important; }
}

@media (min-width: 761px){
  #nf-form-2-cont nf-fields-wrap > nf-field:has(.up-lead-info) .up-lead-info{
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }
}
/*UPHEROFIX*/
.up-mag .up-hero{flex-direction:row!important;align-items:center!important;gap:44px!important;min-height:0!important;padding:70px 56px!important;text-align:left!important}
.up-mag .up-hero-covers{width:46%!important;max-width:500px!important;flex:0 0 auto!important}
.up-mag .up-hero-covers img{width:100%!important;height:auto!important;max-width:100%!important;border-radius:10px!important}
.up-mag .up-hero-text{flex:1 1 auto!important;text-align:left!important;max-width:640px!important}
.up-mag .up-hero-text h1{margin-top:0!important}
@media(max-width:900px){.up-mag .up-hero{flex-direction:column!important;text-align:center!important;padding:54px 22px!important;gap:28px!important}.up-mag .up-hero-covers{width:100%!important;max-width:420px!important}.up-mag .up-hero-text{text-align:center!important}}

/*UPHEROBG*/
body:not(.page-id-12035) .up-mag .up-hero{background:linear-gradient(155deg,#12213f 0%,#0b1730 60%,#0a1226 100%)!important}

/*UPSTRUCT*/
body:not(.page-id-12035) .up-mag{background:#f5f1e8}
body:not(.page-id-12035) .up-mag .up-press-band{padding:90px 0!important}
body:not(.page-id-12035) .up-mag .up-services{padding:120px 0!important}
body:not(.page-id-12035) .up-mag .up-process{background:#fff!important;padding:120px 0!important}
body:not(.page-id-12035) .up-mag .up-faq{background:#f5f1e8!important;padding:120px 0!important}
body:not(.page-id-12035) .up-mag .up-aivis{padding:120px 0!important}
body:not(.page-id-12035) .up-mag .up-final{padding:130px 0!important}
body:not(.page-id-12035) .up-mag .up-compare{background:#0b1530!important;padding:110px 0!important}
body:not(.page-id-12035) .up-mag .up-compare .up-eyebrow{color:#b8924a!important}
body:not(.page-id-12035) .up-mag .up-compare h2{color:#fff!important}
body:not(.page-id-12035) .up-mag .up-compare .up-lead{color:#fff!important}
body:not(.page-id-12035) .up-mag .up-compare th.up-col-cat{color:#efe8da!important}
body:not(.page-id-12035) .up-mag .up-compare th.up-col-up{color:#d4af37!important}
body:not(.page-id-12035) .up-mag .up-compare td.up-col-cat{color:#efe8da!important}
body:not(.page-id-12035) .up-mag .up-compare td.up-col-trad{color:rgba(255,255,255,.78)!important}
body:not(.page-id-12035) .up-mag .up-compare td.up-col-up{color:#fff!important}
body:not(.page-id-12035) .up-mag .up-compare .up-x{color:rgba(255,255,255,.8)!important;font-size:1.3rem!important;background:transparent!important;width:auto!important;height:auto!important;line-height:1!important}
body:not(.page-id-12035) .up-mag .up-compare .up-check{color:#fff!important;font-size:1.35rem!important;background:transparent!important;width:auto!important;height:auto!important;line-height:1!important}

/*UPGRID*/
body:not(.page-id-12035) .up-mag .up-services-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important}
body:not(.page-id-12035) .up-mag .up-guarantee-inner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:64px!important;align-items:center!important}
body:not(.page-id-12035) .up-mag .up-faq-grid{display:grid!important;grid-template-columns:5fr 7fr!important;gap:56px!important;align-items:start!important}
body:not(.page-id-12035) .up-mag .up-press-logos{display:flex!important;flex-wrap:wrap!important;gap:26px 44px!important;align-items:center!important;justify-content:center!important}
@media(max-width:820px){body:not(.page-id-12035) .up-mag .up-services-grid,body:not(.page-id-12035) .up-mag .up-guarantee-inner,body:not(.page-id-12035) .up-mag .up-faq-grid{grid-template-columns:1fr!important;gap:34px!important}}

/*UPHIDEFORM*/
body:not(.page-id-12035) .up-mag .up-final form,body:not(.page-id-12035) .up-mag .up-final .forminator,body:not(.page-id-12035) .up-mag .up-final [class*="forminator"],body:not(.page-id-12035) .up-mag .up-final [id*="forminator"]{display:none!important}

/*UPHEROTEXT*/
body:not(.page-id-12035) .up-mag .up-hero .up-lead{color:#f2ece0!important}
body:not(.page-id-12035) .up-mag .up-hero .up-pubs{color:rgba(255,255,255,.75)!important}
body:not(.page-id-12035) .up-mag .up-hero h1{color:#ffffff!important}
body:not(.page-id-12035) .up-mag .up-hero .up-tp-item{color:rgba(255,255,255,.9)!important}
body:not(.page-id-12035) .up-mag .up-hero-text{color:#f2ece0!important}

/*UPFINALBG*/
body:not(.page-id-12035) .up-mag .up-final{background:linear-gradient(155deg,#12213f 0%,#0b1730 60%,#0a1226 100%)!important}
body:not(.page-id-12035) .up-mag .up-final h2{color:#ffffff!important}
body:not(.page-id-12035) .up-mag .up-final .up-final-lead{color:rgba(255,255,255,.85)!important}
body:not(.page-id-12035) .up-mag .up-final .up-eyebrow{color:#c9a84c!important}

/*UPFINALALIGN*/
body:not(.page-id-12035) .up-mag .up-final{text-align:center!important;padding-left:24px!important;padding-right:24px!important}
body:not(.page-id-12035) .up-mag .up-final h2,body:not(.page-id-12035) .up-mag .up-final .up-final-lead,body:not(.page-id-12035) .up-mag .up-final .up-eyebrow{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body:not(.page-id-12035) .up-mag .up-final h2{max-width:900px!important}
body:not(.page-id-12035) .up-mag .up-final .up-final-lead{max-width:760px!important}

/*UPCTABOX*/
body:not(.page-id-12035) .up-mag .up-final .up-cta-box{max-width:840px;margin:34px auto 0;text-align:left;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:6px 30px}
body:not(.page-id-12035) .up-mag .up-final .up-cta-row{display:flex;gap:18px;align-items:flex-start;padding:22px 2px;border-top:1px solid rgba(255,255,255,.09)}
body:not(.page-id-12035) .up-mag .up-final .up-cta-row:first-child{border-top:0}
body:not(.page-id-12035) .up-mag .up-final .up-cta-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center}
body:not(.page-id-12035) .up-mag .up-final .up-cta-ic svg{width:22px;height:22px;stroke:#c9a84c;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body:not(.page-id-12035) .up-mag .up-final .up-cta-row p{margin:0!important;color:rgba(255,255,255,.9)!important;font-size:1.02rem!important;line-height:1.55!important;text-align:left!important}
body:not(.page-id-12035) .up-mag .up-final .up-cta-row strong{color:#fff!important;font-weight:700}
body:not(.page-id-12035) .up-mag .up-final .up-cta-pill{display:inline-block;margin-top:9px;background:rgba(46,204,113,.16);color:#8fe9b4;border:1px solid rgba(46,204,113,.4);border-radius:999px;padding:4px 13px;font-size:.83rem;font-weight:600;letter-spacing:.02em}
body:not(.page-id-12035) .up-mag .up-final .up-cta-actions{text-align:center;margin-top:30px}
body:not(.page-id-12035) .up-mag .up-final .up-wa-btn{display:inline-flex;align-items:center;gap:11px;background:#25D366!important;color:#fff!important;font-weight:700;font-size:1.05rem;padding:15px 32px;border-radius:999px;text-decoration:none;box-shadow:0 12px 32px rgba(37,211,102,.32)}
body:not(.page-id-12035) .up-mag .up-final .up-wa-btn svg{width:23px;height:23px;fill:#fff;stroke:none}
body:not(.page-id-12035) .up-mag .up-final .up-cta-note{color:rgba(255,255,255,.62)!important;font-size:.9rem!important;margin-top:13px!important;text-align:center!important}

/* UPCMPHDR - make Cheap Syndication column header visible */
body:not(.page-id-12035) .up-mag .up-compare th.up-col-trad{color:rgba(255,255,255,.72)!important;}

/* UPGUIDEHEROBG - black hero for new guide pages (get-featured pages keep navy) */
body:not(.page-id-12035) .up-mag.up-guide .up-hero{background:linear-gradient(160deg,#141416 0%,#000 55%,#000 100%)!important;}

/* UPLONGFORM - in-depth added content section (white bg, dark text, high contrast) */
body:not(.page-id-12035) .up-mag .up-longform{background:#ffffff!important;padding:80px 0!important}
body:not(.page-id-12035) .up-mag .up-longform .up-container{max-width:900px!important;margin:0 auto!important;padding:0 24px!important}
body:not(.page-id-12035) .up-mag .up-longform h2{color:#12213f!important;font-size:2rem!important;line-height:1.2!important;margin:0 0 10px!important}
body:not(.page-id-12035) .up-mag .up-longform h3{color:#12213f!important;font-size:1.28rem!important;margin:30px 0 8px!important}
body:not(.page-id-12035) .up-mag .up-longform p{color:#333c48!important;font-size:1.05rem!important;line-height:1.75!important;margin:0 0 15px!important}
body:not(.page-id-12035) .up-mag .up-longform ul{margin:14px 0 22px!important;padding:0!important;list-style:none!important}
body:not(.page-id-12035) .up-mag .up-longform li{color:#333c48!important;position:relative!important;padding:7px 0 7px 30px!important;line-height:1.6!important}
body:not(.page-id-12035) .up-mag .up-longform li:before{content:"\2713";position:absolute!important;left:0;top:7px;color:#c9a84c!important;font-weight:700}
body:not(.page-id-12035) .up-mag .up-longform .up-lf-eyebrow{color:#c9a84c!important;font-size:.8rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:700!important;margin-bottom:10px!important;display:block}
@media(max-width:768px){body:not(.page-id-12035) .up-mag .up-longform{padding:52px 0!important}body:not(.page-id-12035) .up-mag .up-longform h2{font-size:1.5rem!important}}

/* UPFORMPANELFIX: after removing Country+Budget the left promo panel spanned into the full-width trust-badges row (row 6) and overlapped it, cutting off step 3 and the No-contracts bar. Cap the panel to end above the badges row. */
#nf-form-2-cont nf-fields-wrap > nf-field:nth-child(1){grid-area:1 / 1 / 7 !important;}
/* UPRESPONSIVEFIX: at tablet widths (roughly 761-950px) the 2-column form grid (1fr 1.15fr) was overflowing off the right edge, because the left info-panel column's content (logos, headings) forced it wider than its fair share, pushing the button/badges column past the visible box. minmax(0, ...) lets both columns shrink below their content's natural minimum instead of overflowing. */
@media (min-width:761px){
#nf-form-2-cont nf-fields-wrap{ grid-template-columns: minmax(0,1fr) minmax(0,1.15fr) !important; }
}

/* UPTRUSTFIX3: keep the trust badges row in column 2 (under the button), not spanning full width. Overrides the earlier nth-child(7) full-width grid-area rule using the same shorthand so it isn't cancelled by longhand/shorthand order. */
#nf-form-2-cont nf-fields-wrap > nf-field:nth-child(7){ grid-area: 6 / 2 / auto / 3 !important; margin-top: 0px !important; padding-left: 28px !important; padding-right: 28px !important; }

/* UPBADGEROW: show the four trust badges on a single horizontal line on desktop/tablet; below 768px they keep the default 2-up wrap so they never overflow. */
@media (min-width:768px){#nf-form-2-cont .up-below-btn-trust{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;}}
/* UPTRUSTWRAP: switched from a fixed 4-column grid to flex-wrap so the 4 trust badges automatically drop to 2 rows whenever the right form column is too narrow to fit them on one line, instead of overflowing/clipping. */

/* UPLOGOMOBILE: on phones the "AS SEEN IN" press logos were fixed at 22px and looked almost invisible; enlarge only the logo images on <=767px (padding, gaps, wrap and alignment unchanged). */
@media (max-width:767px){.up-lead-info .up-lead-press.up-lead-press-highlight .up-lead-press-logos img{height:44px !important;max-height:44px !important;max-width:120px !important;width:auto !important;}}

/* UPLOGODESKTOP: enlarge the "AS SEEN IN" press logos on desktop/tablet (>=768px) too (base was 22px); wraps to 2 rows in the narrow promo panel. */
@media (min-width:768px){.up-lead-press-logos img{height:40px !important;max-width:120px !important;}}

/* UPHIDECHECK - hide Ninja Forms green success tick (distracting) */
.nf-form-cont .nf-pass .nf-field-element::after{content:none !important;display:none !important;}

/* UPSUCCESSMSG - style form 2 success message + WhatsApp button */
#nf-form-2-cont .nf-response-msg{font-size:16px;line-height:1.6;padding:6px 4px;}
#nf-form-2-cont .nf-response-msg p:first-child{font-size:18px;}
#nf-form-2-cont .nf-response-msg a{display:inline-block;background:#25D366;color:#ffffff !important;padding:11px 26px;border-radius:8px;text-decoration:none !important;font-weight:700;margin-top:8px;}
#nf-form-2-cont .nf-response-msg a:hover{background:#1ebe57;color:#ffffff !important;}

/* UPALLSVC - highlight All Services footer link */
li.up-allsvc > a, .up-allsvc a.elementor-item, .up-allsvc a{background:#FFBF17 !important;color:#092D50 !important;font-weight:800 !important;padding:4px 14px !important;border-radius:20px !important;display:inline-block !important;}
.up-allsvc a:before{content:'★ ';}
.up-allsvc a:hover{background:#FF9800 !important;color:#ffffff !important;}


/* UPFIELDHEIGHT: enlarge the Name/Phone/Email inputs and the message textarea so the form fields look fuller/taller and the overall form section has more presence (previously the inputs were only ~38px tall). */
html body #nf-form-2-cont input[type="text"],
html body #nf-form-2-cont input[type="tel"],
html body #nf-form-2-cont input[type="email"]{
  padding: 16px 16px !important;
  height: auto !important;
}
html body #nf-form-2-cont textarea{
  padding: 16px 16px !important;
  min-height: 120px !important;
}