.elementor-3324 .elementor-element.elementor-element-b4625f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3324 .elementor-element.elementor-element-a86cc07{font-family:"Inter", Sans-serif;font-weight:500;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-a86cc07 */:root{
      --blue:#1e63a9;
      --blue2:#124f8e;
      --ink:#0b1220;
      --muted:#566273;
      --bg1:#eef5ff;
      --bg2:#ffffff;
      --card:#ffffff;
      --line:rgba(15,25,45,.12);
      --shadow:0 18px 44px rgba(10,30,60,.12);
      --shadow2:0 10px 24px rgba(10,30,60,.10);
      --r:22px;
      --r2:16px;
      --max:1140px;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--ink);
      background:linear-gradient(180deg,var(--bg1) 0%, #f7fbff 52%, var(--bg2) 100%);
    }
    a{color:inherit}
    .wrap{width:100%;}
    .container{max-width:var(--max);margin:0 auto;padding:0 18px;}
    .section{padding:60px 0;}
    @media(max-width:800px){.section{padding:38px 0;}}

    /* HERO */
    .hero-section{ background-image:url('https://www.socalpest.com/wp-content/uploads/2026/03/socal-exterminators-truck-orange-county-hero.webp');background-position: center;
  background-size: cover;}
    .heroCard{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:calc(var(--r) + 6px);
      box-shadow:var(--shadow);
      overflow:hidden;
      padding:34px;
    }
    @media(max-width:800px){.heroCard{padding:22px;}}
    .heroGrid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:22px;
      align-items:stretch;
    }
    @media(max-width:980px){.heroGrid{grid-template-columns:1fr;}}

    .kicker{
      display:inline-flex;
      gap:10px;
      align-items:center;
      padding:7px 12px;
      border-radius:999px;
      background:#f0f7ff;
      border:1px solid rgba(30,99,169,.18);
      color:var(--blue2);
      font-size:12px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    h1,h2,h3,h4{ font-weight:800;}
    .h1{
      font-family:Montserrat,system-ui,sans-serif !important;
      font-size:44px;
      line-height:1.06;
      margin:14px 0 12px;
      letter-spacing:-.02em;
      font-weight: :900 !important;
    }
    @media(max-width:520px){.h1{font-size:33px;}}
    .sub{
      color:var(--muted);
      font-size:16px;
      line-height:1.6;
      margin:0 0 14px;
      max-width:70ch;
    }

    .trustRow{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:14px 0 18px;
    }
    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:9px 12px;
      border-radius:999px;
      background:#fff;
      border:1px solid rgba(30,99,169,.18);
      color:var(--blue2);
      font-weight:900;
      font-size:13px;
      white-space:nowrap;
    }
    .dot{width:7px;height:7px;border-radius:99px;background:rgba(30,99,169,.7);}

    .ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:13px 18px;
      border-radius:999px;
      font-weight:900;
      text-decoration:none !important;
      border:1px solid transparent !important;
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease !important;
    }
    .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow2) !important;}
    .btnPrimary{background:var(--blue);color:#fff !important;}
    .btnPrimary:hover{background:var(--blue2);}
    .btnGhost{background:#fff;color:var(--blue2) !important;border-color:rgba(30,99,169,.28) !important;}

    /* Right panel */
    .panel{
      background:linear-gradient(180deg,#0b1930 0%, #0a1426 100%);
      color:#fff;
      border-radius:var(--r);
      box-shadow:var(--shadow2);
      padding:22px;
      position:relative;
      overflow:hidden;
    }
    .panel:before{
      content:"";
      position:absolute;inset:-60px -90px auto auto;
      width:260px;height:260px;border-radius:999px;
      background:radial-gradient(circle at 30% 30%, rgba(30,99,169,.55), rgba(30,99,169,0));
      transform:rotate(12deg);
    }
    .panel *{position:relative;}
    .badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
      font-size:12px;
      font-weight:900;
    }
    .panel h2{
      font-family:Montserrat,system-ui,sans-serif !important;
      font-size:20px;
      margin:12px 0 8px;
      color:#fff;
      font-weight:800;
    }
    .panel p{margin:0 0 12px;color:rgba(255,255,255,.86);line-height:1.55;font-size:13px;}
    .panel ul{margin:0;padding-left:18px;color:rgba(255,255,255,.86);font-size:13px;line-height:1.6;}
    .panel li{margin:8px 0;}

    /* Mid sections */
    .card{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:var(--r);
      box-shadow:0 10px 26px rgba(10,30,60,.06);
      padding:28px;
    }

    .h2{
      font-family:Montserrat,system-ui,sans-serif;
      font-size:28px;
      margin:0 0 12px;
      letter-spacing:-.01em;
    }
    .p{color:var(--muted);line-height:1.7;margin:0;}

    .grid{
      margin-top:18px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
    @media(max-width:980px){.grid{grid-template-columns:1fr;}}
    .tile{
      border-radius:18px;
      border:1px solid rgba(15,25,45,.12);
      background:linear-gradient(180deg,#f3f9ff 0%, #ffffff 100%);
      padding:18px;
      transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    }
    .tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(10,30,60,.10);border-color:rgba(30,99,169,.22);}
    .tile h3{
      font-family:Montserrat,system-ui,sans-serif;
      font-size:16px;
      margin:0 0 6px;
    }
    .tile p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;}

    /* CTA band */
    .ctaBand{
      background:linear-gradient(180deg,#0b1930 0%, #0a1426 100%);
      color:#fff;border-radius:var(--r);
      padding:22px;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:12px;
      align-items:center;
    }
    @media(max-width:980px){.ctaBand{grid-template-columns:1fr;}}
    .ctaBand h3{font-family:Montserrat,system-ui,sans-serif !important;margin:0;font-size:22px !important; color:#fff;}
    .ctaBand p{margin:8px 0 0;color:rgba(255,255,255,.84);line-height:1.5;}/* End custom CSS */