/* DroneBase — Pagine indice "Servizi" e "Applicazioni" (root id db-hub) — sistema unificato v2 (ottobre 2026).
   db-landing db-standalone: il loader carica SOLO questo file. Stesso file per le 4 pagine (2 IT + 2 EN).
   Struttura: 1) CSS di pagina  2) chrome condiviso v2 (barra CTA fissa, "Perché DroneBase", form finale). */

/* ============================================================
   DRONEBASE — PAGINE INDICE "Servizi" e "Applicazioni" (root id db-hub)
   Stesso file per /servizi-droni/, /applicazioni-droni/ e le versioni EN.
   ============================================================ */
#db-hub { --dark: #070d14; --mid: #0f1923; --cyan: #0096DB; --cyan-h: #0078b0; --cyan-t: #4DB8F0; --text: #1a2637; --t2: #4a5a6b; --t3: #8a95a3; --border: #dde6ee; --bg: #f7fafc; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; }
#db-hub *, #db-hub *::before, #db-hub *::after { box-sizing: border-box; }
#db-hub a { text-decoration: none; }
#db-hub .hub-card img { max-width: 100%; display: block; }
#db-hub .hub-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* HERO */
#db-hub .hub-hero { position: relative; background: var(--dark); color: #fff; padding: 88px 0 80px; overflow: hidden; text-align: center; }
#db-hub .hub-hero::before { content: ''; position: absolute; left: 50%; top: -220px; width: 900px; height: 900px; transform: translateX(-50%); background: radial-gradient(circle, rgba(0,150,219,0.22) 0%, rgba(0,150,219,0) 62%); pointer-events: none; }
#db-hub .hub-hero::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 85%); mask-image: linear-gradient(to bottom, #000 0%, transparent 85%); pointer-events: none; }
#db-hub .hub-hero .hub-wrap { position: relative; z-index: 1; }
#db-hub .hub-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(0,150,219,0.15); color: var(--cyan-t); border-radius: 999px; padding: 7px 18px; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 22px; }
#db-hub .hub-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); }
#db-hub .hub-hero h1 { font-family: Roboto, sans-serif; font-size: clamp(2.2rem, 5vw, 3.9rem) !important; font-weight: 900 !important; line-height: 1.04 !important; letter-spacing: -1.6px; color: #fff !important; margin: 0 auto 20px !important; max-width: 940px; text-transform: none; }
#db-hub .hub-hero h1 span { color: var(--cyan-t); }
#db-hub .hub-lead { font-size: clamp(1rem, 1.6vw, 1.2rem); line-height: 1.65; color: rgba(255,255,255,0.78); max-width: 760px; margin: 0 auto 32px !important; }
#db-hub .hub-ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
#db-hub .hub-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; padding: 15px 28px; border-radius: 8px; transition: background .2s, transform .2s, border-color .2s; }
#db-hub .hub-btn-p { background: var(--cyan); color: #fff !important; }
#db-hub .hub-btn-p:hover { background: var(--cyan-h); transform: translateY(-2px); }
#db-hub .hub-btn-g { border: 1px solid rgba(255,255,255,0.28); color: #fff !important; }
#db-hub .hub-btn-g:hover { border-color: #fff; transform: translateY(-2px); }
#db-hub .hub-trust { margin: 22px auto 0; font-size: 13px; font-weight: 600; letter-spacing: .3px; color: rgba(255,255,255,0.6); max-width: 820px; }

/* GRIGLIA */
#db-hub .hub-list { background: var(--bg); padding: 72px 0 80px; }
#db-hub .hub-head { text-align: center; max-width: 760px; margin: 0 auto 44px; }
#db-hub .hub-label { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--cyan); margin-bottom: 14px; }
#db-hub .hub-label::before { content: '\2014  '; }
#db-hub .hub-list h2, #db-hub .hub-cross h2 { font-family: Roboto, sans-serif; font-size: clamp(1.7rem, 3.4vw, 2.5rem) !important; font-weight: 900 !important; line-height: 1.12 !important; letter-spacing: -1px; color: var(--text) !important; margin: 0 0 14px !important; text-transform: none; }
#db-hub .hub-head p { font-size: 16px; line-height: 1.7; color: var(--t2); margin: 0 !important; }
#db-hub .hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; list-style: none; margin: 0 !important; padding: 0 !important; }
#db-hub .hub-grid > li { margin: 0 !important; padding: 0 !important; list-style: none; display: flex; }
#db-hub .hub-grid > li::before { content: none; }
#db-hub .hub-card { display: flex; flex-direction: column; width: 100%; background: #fff; border: 1px solid var(--border); border-radius: 14px; overflow: hidden; color: var(--text) !important; transition: transform .25s, box-shadow .25s, border-color .25s; }
#db-hub .hub-card:hover { transform: translateY(-5px); border-color: var(--cyan); box-shadow: 0 18px 44px rgba(7,13,20,0.14); }
#db-hub .hub-card-img { position: relative; aspect-ratio: 16 / 10; background: var(--mid); overflow: hidden; }
#db-hub .hub-card-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
#db-hub .hub-card:hover .hub-card-img img { transform: scale(1.05); }
#db-hub .hub-tag { position: absolute; left: 14px; top: 14px; z-index: 1; background: rgba(7,13,20,0.82); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
#db-hub .hub-card-bd { display: flex; flex-direction: column; flex: 1; padding: 22px 22px 24px; }
#db-hub .hub-card h3 { font-family: Roboto, sans-serif; font-size: 1.22rem !important; font-weight: 800 !important; line-height: 1.22 !important; letter-spacing: -.3px; color: var(--text) !important; margin: 0 0 10px !important; text-transform: none; }
#db-hub .hub-card-bd p { font-size: 14.5px; line-height: 1.6; color: var(--t2); margin: 0 0 18px !important; flex: 1; }
#db-hub .hub-more { font-size: 14px; font-weight: 700; color: var(--cyan); display: inline-flex; align-items: center; gap: 6px; }
#db-hub .hub-more::after { content: '\2192'; transition: transform .2s; }
#db-hub .hub-card:hover .hub-more::after { transform: translateX(4px); }
#db-hub .hub-lang { font-size: 11px; font-weight: 600; color: var(--t3); margin-left: auto; }
#db-hub .hub-card-ft { display: flex; align-items: center; gap: 10px; }

/* ALTRI LINK */
#db-hub .hub-extra { margin-top: 44px; padding-top: 32px; border-top: 1px solid var(--border); text-align: center; }
#db-hub .hub-extra-t { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--t3); margin: 0 0 16px !important; }
#db-hub .hub-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; list-style: none; margin: 0 !important; padding: 0 !important; }
#db-hub .hub-chips li { margin: 0 !important; padding: 0 !important; list-style: none; }
#db-hub .hub-chips li::before { content: none; }
#db-hub .hub-chips a { display: inline-block; background: #fff; border: 1px solid var(--border); border-radius: 999px; padding: 10px 18px; font-size: 14px; font-weight: 600; color: var(--text) !important; transition: border-color .2s, color .2s; }
#db-hub .hub-chips a:hover { border-color: var(--cyan); color: var(--cyan) !important; }

/* BAND INCROCIATA */
#db-hub .hub-cross { background: #fff; padding: 64px 0; }
#db-hub .hub-cross-in { display: flex; align-items: center; justify-content: space-between; gap: 32px; background: var(--dark); color: #fff; border-radius: 18px; padding: 40px 44px; position: relative; overflow: hidden; }
#db-hub .hub-cross-in::before { content: ''; position: absolute; right: -160px; top: -160px; width: 460px; height: 460px; background: radial-gradient(circle, rgba(0,150,219,0.28) 0%, rgba(0,150,219,0) 65%); pointer-events: none; }
#db-hub .hub-cross-in > * { position: relative; }
#db-hub .hub-cross h2 { color: #fff !important; font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important; margin: 0 0 8px !important; }
#db-hub .hub-cross p { color: rgba(255,255,255,0.75); font-size: 15.5px; line-height: 1.6; margin: 0 !important; max-width: 620px; }
#db-hub .hub-cross .hub-btn { white-space: nowrap; flex-shrink: 0; }

@media(max-width:1000px) { #db-hub .hub-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:760px) {
  #db-hub .hub-hero { padding: 60px 0 56px; }
  #db-hub .hub-list { padding: 52px 0 60px; }
  #db-hub .hub-cross-in { flex-direction: column; align-items: flex-start; padding: 30px 24px; }
}
@media(max-width:640px) {
  #db-hub .hub-wrap { padding: 0 16px; }
  #db-hub .hub-grid { grid-template-columns: 1fr; gap: 18px; }
  #db-hub .hub-btn { width: 100%; justify-content: center; }
}


  /* ================================================================
     DRONEBASE LANDING · CHROME CONDIVISO v2
     Rail laterale, barra CTA fissa, "Perché DroneBase", form finale.
     Blocco identico in ogni css/pages/landings/db-<slug>.css delle
     landing unificate. Rail e barra usano i valori già in produzione
     sulla landing Drone Cleaning System (header sito = 186px).
     ================================================================ */
  .site-content:has(.db-landing), .content-area:has(.db-landing), #content:has(.db-landing), #primary:has(.db-landing), #main:has(.db-landing), main:has(.db-landing), article:has(.db-landing), .col-full:has(.db-landing), .container:has(.db-landing), .container-fluid:has(.db-landing), .row:has(.db-landing), .columns:has(.db-landing), .entry-content:has(.db-landing), .post-content:has(.db-landing), .page-content:has(.db-landing), .site-main:has(.db-landing) { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow: visible !important; float: none !important; }
  .site-content:has(.db-landing) #secondary, .site-content:has(.db-landing) .sidebar, .site-content:has(.db-landing) .widget-area, #content:has(.db-landing) #secondary, #content:has(.db-landing) .sidebar, #content:has(.db-landing) .widget-area { display: none !important; }
  #page:has(.db-landing) { overflow: visible !important; }
  #content:has(.db-landing) { margin-bottom: 0 !important; }
  .entry-content:has(.db-landing) > *:not(.db-landing):not(.db-chrome):not(.wpforms-container):not(:has(.db-landing)), .site-content:has(.db-landing) > *:not(.db-landing):not(.db-chrome):not(.wpforms-container):not(:has(.db-landing)) { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }
  .db-landing { width: 100%; margin: 0; padding: 0; }
  .db-landing > * { margin-top: 0 !important; margin-bottom: 0 !important; }
  .db-landing { overflow-x: clip; }
  .db-landing [id] { scroll-margin-top: 110px; }
  @media(min-width:761px) { body:has(.db-chrome.db-sticky) { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important; } }
  @media(max-width:760px) { .db-landing [id] { scroll-margin-top: 70px; } }

  .db-chrome, .db-chrome * { box-sizing: border-box; }
  .db-chrome { --dbc-dark: #070d14; --dbc-mid: #0f1923; --dbc-cyan: #0096DB; --dbc-cyan-h: #0078b0; --dbc-cyan-t: #4DB8F0; --dbc-cyan-bg: rgba(0,150,219,0.15); --dbc-text: #1a2637; --dbc-t2: #4a5a6b; --dbc-t3: #8a95a3; --dbc-border: #dde6ee; --dbc-radius: 14px; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
  .db-chrome a { text-decoration: none; }

  /* ---- RAIL DI NAVIGAZIONE VERTICALE (solo desktop ≥1200px; valori allineati alla cleaning live) ---- */
  .db-rail { position: fixed; right: 22px; top: 186px; bottom: 78px; z-index: 9; display: none; flex-direction: column; justify-content: center; gap: 4px; list-style: none; margin: 0 !important; padding: 0 !important; font-family: Roboto, sans-serif; pointer-events: none; }
  @media(min-width:1200px) { .db-rail { display: flex; } }
  .db-rail li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .db-rail a { pointer-events: auto; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 1px 0; color: rgba(255,255,255,0.55); font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .3px; text-decoration: none; }
  .db-rail a::after { content: ''; width: 7px; height: 7px; border-radius: 50%; border: 2px solid #0096DB; background: transparent; flex-shrink: 0; transition: all .2s; box-sizing: border-box; }
  .db-rail a span { background: rgba(7,13,20,0.9); color: rgba(255,255,255,0.75); padding: 4px 9px; line-height: 1; border-radius: 6px; white-space: nowrap; border: 1px solid rgba(255,255,255,0.1); transition: all .2s; }
  .db-rail a:hover span { color: #fff; border-color: #0096DB; }
  .db-rail a:hover::after, .db-rail a.active::after { background: #0096DB; box-shadow: 0 0 0 4px rgba(0,150,219,0.25); }
  .db-rail a.active span { background: #0096DB; color: #fff; border-color: #0096DB; font-weight: 800; }
  .db-rail li.db-rail-cta { margin-top: 6px !important; }
  .db-rail li.db-rail-cta a span { background: #fff; color: #070d14; border-color: #fff; font-weight: 800; }
  .db-rail li.db-rail-cta a::after { background: #fff; border-color: #fff; }

  /* ---- BARRA CTA FISSA IN BASSO ---- */
  .db-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(7,13,20,0.96); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(255,255,255,0.1); padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); display: flex; justify-content: center; align-items: center; gap: 12px; box-shadow: 0 -8px 30px rgba(0,0,0,0.35); font-family: Roboto, sans-serif; }
  .db-sticky-txt { color: rgba(255,255,255,0.85); font-size: 14px; font-weight: 700; letter-spacing: -.2px; margin-right: 8px; display: inline-flex; align-items: center; gap: 7px; }
  .db-sticky-txt b { color: #4DB8F0; }
  .db-sticky-txt::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px #22c55e; }
  .db-sticky a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 22px; border-radius: 8px; font-size: 14px; font-weight: 700; letter-spacing: .2px; white-space: nowrap; transition: all .2s; text-decoration: none; }
  .db-sticky .s-call { color: #fff !important; border: 1.5px solid rgba(255,255,255,0.3); background: transparent; }
  .db-sticky .s-call:hover { border-color: #0096DB; color: #4DB8F0 !important; }
  .db-sticky .s-book { background: #0096DB; color: #fff !important; }
  .db-sticky .s-book:hover { background: #0078b0; }
  .db-sticky .s-shop { background: #fff; color: #070d14 !important; }
  .db-sticky .s-shop:hover { background: #e6f4fb; }
  @media(max-width:760px) { .db-sticky { display: none; } } /* come sulla cleaning live: su mobile la barra è nascosta */

  /* ---- PERCHÉ DRONEBASE (strip standard sopra il form) ---- */
  /* soluzioni collegate (link interni tra landing) */
  .db-rel { background: #fff; border-top: 1px solid var(--dbc-border); padding: 44px 24px; font-family: Roboto, sans-serif; }
  .db-rel-in { max-width: 1100px; margin: 0 auto; text-align: center; }
  .db-rel-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dbc-t3); margin-bottom: 18px; }
  .db-rel ul { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; list-style: none; margin: 0 !important; padding: 0 !important; }
  .db-rel li { margin: 0 !important; padding: 0 !important; list-style: none; }
  .db-rel li::before { content: none !important; }
  .db-rel a { display: inline-block; background: #f7fafc; border: 1px solid var(--dbc-border); border-radius: 999px; padding: 11px 20px; font-size: 14.5px; font-weight: 600; line-height: 1.3; color: var(--dbc-text) !important; transition: border-color .2s, color .2s, background .2s; }
  .db-rel a:hover { border-color: var(--dbc-cyan); color: var(--dbc-cyan) !important; background: #fff; }
  .db-rel a.db-rel-all { background: transparent; border-color: transparent; color: var(--dbc-cyan) !important; font-weight: 700; }
  @media(max-width:600px) { .db-rel { padding: 34px 16px; } .db-rel a { font-size: 14px; padding: 10px 16px; } }
  .db-why { background: var(--dbc-dark); color: #fff; padding: 72px 24px; }
  .db-why-in { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 44px; align-items: center; }
  .db-why-label { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dbc-cyan); margin-bottom: 16px; }
  .db-why-label::before { content: '\2014  '; }
  .db-why h2 { font-family: Roboto, sans-serif; font-size: clamp(1.8rem, 3.6vw, 2.6rem) !important; font-weight: 900 !important; letter-spacing: -1px; line-height: 1.1; color: #fff !important; margin: 0 0 16px !important; text-transform: none !important; }
  .db-why h2 span { color: var(--dbc-cyan-t); }
  .db-why p { font-size: 15.5px; line-height: 1.65; color: rgba(255,255,255,0.75); margin: 0 0 18px !important; }
  .db-why p strong { color: #fff; }
  .db-why-badges { display: flex; flex-wrap: wrap; gap: 8px; }
  .db-why-badges span { background: var(--dbc-cyan-bg); color: var(--dbc-cyan-t); padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
  .db-why ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .db-why li { margin: 0 !important; display: flex; gap: 12px; align-items: flex-start; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 14px 16px; font-size: 14.5px; line-height: 1.5; color: rgba(255,255,255,0.85); }
  .db-why li svg { width: 20px; min-width: 20px; height: 20px; color: var(--dbc-cyan-t); margin-top: 1px; }
  .db-why li strong { color: #fff; }
  .db-why-logo { height: 30px; width: auto; display: block; margin-bottom: 22px; }
  @media(max-width:900px) { .db-why-in { grid-template-columns: 1fr; gap: 28px; } .db-why { padding: 56px 20px; } }

  /* ---- FORM FINALE (identico ovunque) ---- */
  .db-form { background: #f7fafc; padding: 80px 24px 88px; color: var(--dbc-text); }
  .db-form-in { max-width: 780px; margin: 0 auto; text-align: center; }
  .db-form-label { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dbc-cyan); margin-bottom: 16px; }
  .db-form-label::before { content: '\2014  '; }
  .db-form h2 { font-family: Roboto, sans-serif; font-size: clamp(1.9rem, 4vw, 2.8rem) !important; font-weight: 900 !important; letter-spacing: -1px; line-height: 1.1; color: var(--dbc-text) !important; margin: 0 0 16px !important; text-transform: none !important; }
  .db-form p { font-size: 16px; line-height: 1.7; color: var(--dbc-t2); margin: 0 auto 22px !important; max-width: 700px; }
  .db-form p strong { color: var(--dbc-cyan); }
  .db-form-call { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center; background: #fff; border: 1px solid var(--dbc-border); border-radius: var(--dbc-radius); padding: 14px 20px; margin: 0 auto 8px; }
  .db-form-call-dot { width: 10px; min-width: 10px; height: 10px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,0.6); animation: db-pulse 1.8s infinite; }
  @keyframes db-pulse { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.6); } 70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
  .db-form-call span { font-size: 13.5px; font-weight: 600; color: var(--dbc-t2); }
  .db-form-call a { font-family: Roboto, sans-serif; font-size: 18px; font-weight: 900; color: #fff !important; background: var(--dbc-cyan); padding: 9px 16px; border-radius: 8px; letter-spacing: -.3px; white-space: nowrap; transition: background .2s; }
  .db-form-call a:hover { background: var(--dbc-cyan-h); }
  @media(max-width:600px) { .db-form { padding: 56px 16px 60px; } }
  .db-form-wp { max-width: 760px; margin: 26px auto 0; text-align: left; }
  .db-form .wpforms-container { background: #ffffff !important; max-width: 760px !important; width: 100% !important; margin: 0 auto !important; padding: 44px !important; border-radius: 14px !important; border: 1px solid #dde6ee !important; box-shadow: 0 16px 48px rgba(0,0,0,0.12) !important; box-sizing: border-box !important; font-family: Roboto, sans-serif !important; text-align: left !important; }
  .db-form .wpforms-container form { background: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; max-width: 100% !important; }
  .db-form .wpforms-container .wpforms-field-label { font-weight: 700 !important; color: #1a2637 !important; }
  .db-form .wpforms-container input[type=text], .db-form .wpforms-container input[type=email], .db-form .wpforms-container input[type=tel], .db-form .wpforms-container select, .db-form .wpforms-container textarea { background: #f7fafc !important; border: 1px solid #dde6ee !important; border-radius: 8px !important; max-width: 100% !important; }
  .db-form .wpforms-container button[type=submit], .db-form .wpforms-container .wpforms-submit { background: #0096DB !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 16px 32px !important; font-size: 15px !important; font-weight: 700 !important; width: 100% !important; font-family: Roboto, sans-serif !important; }
  .db-form .wpforms-container button[type=submit]:hover, .db-form .wpforms-container .wpforms-submit:hover { background: #0078b0 !important; }
  /* form su due colonne da 700px in su: i campi "larghi" restano a tutta larghezza */
  @media(min-width:700px) {
    .db-form .wpforms-container .wpforms-field-container { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
    .db-form .wpforms-container .wpforms-field-container > .wpforms-field { width: auto !important; max-width: none !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; clear: none !important; min-width: 0; }
    .db-form .wpforms-container .wpforms-field-container > .wpforms-field-textarea, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-select, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-checkbox, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-radio, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-gdpr-checkbox, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-divider, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-html, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-file-upload, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-hidden, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-captcha, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-name, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-layout, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-content, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-address { grid-column: 1 / -1; }
  }
  @media(max-width:600px) { .db-form .wpforms-container { padding: 26px 18px !important; } }