.elementor-3113 .elementor-element.elementor-element-b2b8856{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-69a8abf *//* =========================================================
   GOOGLE BENTO REPORT (CSS) — LIGHT BLUE BACKGROUND
   Matches the same HTML (wrapper class: .google-report)
   Paste into: Elementor > Site Settings > Custom CSS
   ========================================================= */

:root{
  /* Google palette */
  --g-blue:#4285F4;
  --g-red:#DB4437;
  --g-yellow:#F4B400;
  --g-green:#0F9D58;

  /* Light theme base */
  --bg:#eaf2ff;                 /* light blue background */
  --bg2:#f7fbff;                /* softer layer */
  --card:#ffffff;
  --text:#0b1220;
  --muted:#4b5563;
  --line:rgba(17,24,39,.10);

  --radius:18px;
  --shadow:0 14px 40px rgba(16,24,40,.12);

  /* Soft accent tints */
  --soft-blue:rgba(66,133,244,.10);
  --soft-red:rgba(219,68,55,.10);
  --soft-yellow:rgba(244,180,0,.12);
  --soft-green:rgba(15,157,88,.10);
}

.google-report,
.google-report *{box-sizing:border-box}

/* ---------- Main wrapper background (Light Blue) ---------- */
.google-report{
  font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1000px 520px at 15% 8%, var(--soft-blue), transparent 60%),
    radial-gradient(900px 520px at 85% 10%, var(--soft-red), transparent 62%),
    radial-gradient(900px 520px at 20% 85%, var(--soft-yellow), transparent 62%),
    radial-gradient(900px 520px at 80% 86%, var(--soft-green), transparent 62%),
    linear-gradient(180deg, var(--bg2), var(--bg));
  padding:clamp(14px,2.2vw,26px);
  border-radius:clamp(14px,2vw,22px);
}

/* ---------- Typography ---------- */
.google-report h1,
.google-report h2,
.google-report h3{margin:0; line-height:1.2; letter-spacing:.2px}
.google-report h1{font-size:clamp(1.35rem,2.4vw,2.15rem)}
.google-report h2{font-size:clamp(1.05rem,1.8vw,1.55rem)}
.google-report h3{font-size:1.05rem}
.google-report p{margin:0; color:var(--muted)}
.google-report strong{color:var(--text)}
.google-report .muted{color:var(--muted)}

/* ---------- Card ---------- */
.google-report .card{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.88));
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
  overflow:hidden;
}

/* ---------- Accent borders + subtle glow (Google vibe) ---------- */
.google-report .accent-blue{
  border-color:rgba(66,133,244,.35);
  box-shadow:0 18px 55px rgba(66,133,244,.10), var(--shadow);
}
.google-report .accent-red{
  border-color:rgba(219,68,55,.30);
  box-shadow:0 18px 55px rgba(219,68,55,.08), var(--shadow);
}
.google-report .accent-yellow{
  border-color:rgba(244,180,0,.35);
  box-shadow:0 18px 55px rgba(244,180,0,.10), var(--shadow);
}
.google-report .accent-green{
  border-color:rgba(15,157,88,.30);
  box-shadow:0 18px 55px rgba(15,157,88,.08), var(--shadow);
}

/* ---------- Top bar (clean, Google-like) ---------- */
.google-report .topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:14px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  box-shadow:0 12px 34px rgba(16,24,40,.10);
}
.google-report .brand{display:flex; align-items:center; gap:12px}

/* Google dots logo */
.google-report .gmark{
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.78));
  display:grid; place-items:center;
}
.google-report .gmark span{width:10px;height:10px;border-radius:99px; display:inline-block; margin:2px}
.google-report .gmark .b{background:var(--g-blue)}
.google-report .gmark .r{background:var(--g-red)}
.google-report .gmark .y{background:var(--g-yellow)}
.google-report .gmark .g{background:var(--g-green)}

.google-report .title{font-weight:800}
.google-report .subtitle{color:var(--muted); font-size:.92rem}

/* ---------- Chips ---------- */
.google-report .chip-row{display:flex; gap:8px; flex-wrap:wrap}
.google-report .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.65);
  font-size:.82rem;
  color:var(--text);
}
.google-report .chip.blue{border-color:rgba(66,133,244,.30); background:var(--soft-blue)}
.google-report .chip.red{border-color:rgba(219,68,55,.26); background:var(--soft-red)}
.google-report .chip.yellow{border-color:rgba(244,180,0,.30); background:var(--soft-yellow)}
.google-report .chip.green{border-color:rgba(15,157,88,.26); background:var(--soft-green)}

/* ---------- Layout grids ---------- */
.google-report .hero{
  margin-top:14px;
  display:grid;
  grid-template-columns: 1.25fr .95fr;
  gap:12px;
}
@media (max-width: 980px){
  .google-report .hero{grid-template-columns:1fr}
}

.google-report .bento{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 980px){
  .google-report .bento{grid-template-columns:1fr}
}
.google-report .span-2{grid-column: span 2}
@media (max-width: 980px){
  .google-report .span-2{grid-column:auto}
}

/* ---------- Card head ---------- */
.google-report .card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.google-report .card-head .right{display:flex; gap:8px; flex-wrap:wrap}

/* ---------- Lists ---------- */
.google-report ul{margin:12px 0 0; padding-left:18px; color:var(--muted)}
.google-report li{margin:8px 0}

/* ---------- Callout ---------- */
.google-report .callout{
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  border:1px dashed rgba(17,24,39,.18);
  background:rgba(255,255,255,.65);
  color:var(--muted);
}

/* ---------- 2-col mini blocks ---------- */
.google-report .grid-2{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
@media (max-width: 560px){
  .google-report .grid-2{grid-template-columns:1fr}
}
.google-report .mini{
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
  padding:12px;
}
.google-report .mini .mini-title{font-weight:800}
.google-report .mini .mini-text{margin-top:6px; color:var(--muted); font-size:.92rem}

/* ---------- Meter ---------- */
.google-report .meter{
  margin-top:10px;
  height:10px;
  border-radius:999px;
  background:rgba(17,24,39,.06);
  border:1px solid rgba(17,24,39,.10);
  overflow:hidden;
}
.google-report .meter > span{display:block; height:100%; border-radius:999px}
.google-report .meter .m-red{background:linear-gradient(90deg, var(--g-red), rgba(219,68,55,.35))}
.google-report .meter .m-yellow{background:linear-gradient(90deg, var(--g-yellow), rgba(244,180,0,.40))}
.google-report .meter .m-blue{background:linear-gradient(90deg, var(--g-blue), rgba(66,133,244,.35))}
.google-report .meter .m-green{background:linear-gradient(90deg, var(--g-green), rgba(15,157,88,.35))}

/* ---------- Buttons (Google-style pills) ---------- */
.google-report .btn-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}
.google-report a.btn{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.80);
  color:var(--text);
  font-weight:600;
  box-shadow:0 10px 25px rgba(16,24,40,.08);
}
.google-report a.btn:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 30px rgba(16,24,40,.12);
}
.google-report a.btn.blue{border-color:rgba(66,133,244,.32); background:rgba(66,133,244,.10)}
.google-report a.btn.red{border-color:rgba(219,68,55,.28); background:rgba(219,68,55,.10)}
.google-report a.btn.yellow{border-color:rgba(244,180,0,.30); background:rgba(244,180,0,.12)}
.google-report a.btn.green{border-color:rgba(15,157,88,.28); background:rgba(15,157,88,.10)}

/* ---------- Table ---------- */
.google-report .table-wrap{
  margin-top:14px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  overflow:hidden;
  box-shadow:var(--shadow);
  background:rgba(255,255,255,.85);
}
.google-report table{width:100%; border-collapse:collapse}
.google-report th, .google-report td{
  padding:14px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.google-report th{
  text-align:left;
  color:var(--text);
  font-size:.95rem;
  background:linear-gradient(90deg, rgba(66,133,244,.12), rgba(219,68,55,.10), rgba(244,180,0,.10), rgba(15,157,88,.10));
}
.google-report td{color:var(--muted)}
.google-report tr:last-child td{border-bottom:0}

/* Mobile table stack */
@media (max-width: 640px){
  .google-report table thead{display:none}
  .google-report table, .google-report tbody, .google-report tr, .google-report td{display:block; width:100%}
  .google-report td{border-bottom:0; padding:12px 14px}
  .google-report tr{border-bottom:1px solid var(--line)}
  .google-report td[data-label]::before{
    content:attr(data-label);
    display:block;
    font-weight:800;
    color:var(--text);
    margin-bottom:6px;
  }
}

/* ---------- Footer ---------- */
.google-report .footer{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
}
.google-report .dots span{
  width:10px;height:10px;border-radius:99px;
  display:inline-block;
  margin-left:6px;
}
.google-report .dots .b{background:var(--g-blue)}
.google-report .dots .r{background:var(--g-red)}
.google-report .dots .y{background:var(--g-yellow)}
.google-report .dots .g{background:var(--g-green)}/* End custom CSS */