.elementor-4137 .elementor-element.elementor-element-2179b5e9:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-2179b5e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#07EFE1;}.elementor-4137 .elementor-element.elementor-element-2179b5e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:05px 20px 9px 20px;}.elementor-4137 .elementor-element.elementor-element-2179b5e9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-69011e62:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-69011e62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4137 .elementor-element.elementor-element-69011e62{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:96px 40px 80px 40px;}.elementor-4137 .elementor-element.elementor-element-69011e62 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-24c164f8:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-24c164f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.circolosoftware.com/wp-content/uploads/2026/03/New-Hero-Image.png");background-position:center center;background-size:cover;}.elementor-4137 .elementor-element.elementor-element-24c164f8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-4137 .elementor-element.elementor-element-24c164f8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-4ad286ab:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-4ad286ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E0E0;}.elementor-4137 .elementor-element.elementor-element-4ad286ab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-4ad286ab > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-658f2b81:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-658f2b81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4137 .elementor-element.elementor-element-658f2b81{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-658f2b81 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-51337a61 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4137 .elementor-element.elementor-element-51337a61 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-255966d9:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-255966d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4137 .elementor-element.elementor-element-255966d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-255966d9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-6da9cb4:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-6da9cb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-4137 .elementor-element.elementor-element-6da9cb4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-6da9cb4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-4f3b5771:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-4f3b5771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4137 .elementor-element.elementor-element-4f3b5771{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-4f3b5771 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-48bc505a{padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-4c0e26e6:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-4c0e26e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4137 .elementor-element.elementor-element-4c0e26e6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-4c0e26e6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4137 .elementor-element.elementor-element-18ede962:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-18ede962 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-4137 .elementor-element.elementor-element-18ede962{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 40px 100px 40px;}.elementor-4137 .elementor-element.elementor-element-18ede962 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4137 .elementor-element.elementor-element-4481ef03{width:50%;}.elementor-4137 .elementor-element.elementor-element-5e12a522{width:50%;}.elementor-4137 .elementor-element.elementor-element-45965fa8{width:50%;}.elementor-4137 .elementor-element.elementor-element-3f6a195a{width:50%;}.elementor-4137 .elementor-element.elementor-element-aab854f{width:50%;}.elementor-4137 .elementor-element.elementor-element-78bce926{width:50%;}}/* Start custom CSS *//*
 * ─────────────────────────────────────────────────────────────────────────────
 * CIRCOLO — Mobile Responsive Fix
 * Paste into: Elementor → Site Settings → Custom CSS
 * OR: child theme style.css
 * Breakpoints: tablet ≤ 1024px, mobile ≤ 767px
 * ─────────────────────────────────────────────────────────────────────────────
 */

/* ══════════════════════════════════════════════
   TABLET  (≤ 1024px)
   ══════════════════════════════════════════════ */
@media (max-width: 1024px) {

  /* Tighten horizontal padding on all sections */
  .elementor-section .elementor-container { padding-left: 24px !important; padding-right: 24px !important; }

  /* 2-col hero → stack */
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    direction: ltr !important;
  }

  /* 4-col workflow → 2 col */
  div[style*="grid-template-columns: repeat(4,1fr)"],
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }

  /* 3-col pricing → 1 col, centred */
  div[style*="grid-template-columns: repeat(3,minmax(0,1fr))"],
  div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"] {
    grid-template-columns: 1fr !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 3-col feature / sector grids → 2 col */
  div[style*="grid-template-columns: repeat(3, 1fr)"],
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Photo bands */
  div[style*="min-height:480px"], div[style*="min-height: 480px"] { min-height: 360px !important; padding: 0 5% !important; }
  div[style*="min-height:400px"], div[style*="min-height: 400px"] { min-height: 280px !important; padding: 0 5% !important; }
}


/* ══════════════════════════════════════════════
   MOBILE  (≤ 767px)
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Full-bleed padding */
  .elementor-section .elementor-container { padding-left: 16px !important; padding-right: 16px !important; }
  .elementor-section { padding-top: 64px !important; padding-bottom: 64px !important; }

  /* ── HERO ─────────────────────────────── */
  h1[style*="font-weight:900"], h1[style*="font-weight: 900"] {
    font-size: 34px !important;
    letter-spacing: -1.5px !important;
    line-height: 1.1 !important;
  }
  p[style*="font-size:17px"], p[style*="font-size: 17px"] {
    font-size: 15px !important;
    max-width: 100% !important;
  }
  /* Hero CTA buttons → stack */
  div[style*="gap: 12px"][style*="flex-wrap: wrap"],
  div[style*="gap:12px"][style*="flex-wrap:wrap"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  /* Trust items → stack */
  div[style*="gap: 20px"][style*="flex-wrap: wrap"],
  div[style*="gap:20px"][style*="flex-wrap:wrap"] {
    flex-direction: column !important;
    gap: 10px !important;
  }
  /* Hero screenshot — remove big shadow on mobile */
  div[style*="border-radius:16px"][style*="box-shadow"] {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
  }

  /* ── ALL 2-COL GRIDS → 1 COL ─────────── */
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    direction: ltr !important;
    gap: 32px !important;
  }

  /* ── 4-COL WORKFLOW → 2 COL ──────────── */
  div[style*="grid-template-columns: repeat(4,1fr)"],
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  /* ── 3-COL GRIDS → 1 COL ─────────────── */
  div[style*="grid-template-columns: repeat(3, 1fr)"],
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3,minmax(0,1fr))"],
  div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"] {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  /* ── SECTION HEADINGS ─────────────────── */
  h2[style*="clamp"] { font-size: 26px !important; letter-spacing: -1px !important; line-height: 1.15 !important; }
  p[style*="max-width: 500px"], p[style*="max-width:500px"],
  p[style*="max-width: 540px"], p[style*="max-width:540px"] { max-width: 100% !important; }
  p[style*="font-size: 16px"], p[style*="font-size:16px"] { font-size: 14px !important; }
  p[style*="font-size: 15px"], p[style*="font-size:15px"] { font-size: 14px !important; }

  /* ── PHOTO BANDS ──────────────────────── */
  div[style*="min-height:480px"], div[style*="min-height: 480px"] {
    min-height: 280px !important;
    padding: 28px 20px !important;
  }
  div[style*="min-height:400px"], div[style*="min-height: 400px"] {
    min-height: 240px !important;
    padding: 28px 20px !important;
  }
  div[style*="min-height:480px"] h2, div[style*="min-height: 480px"] h2,
  div[style*="min-height:400px"] h2, div[style*="min-height: 400px"] h2 {
    font-size: 24px !important;
    letter-spacing: -1px !important;
  }
  div[style*="min-height:480px"] p, div[style*="min-height: 480px"] p,
  div[style*="min-height:400px"] p, div[style*="min-height: 400px"] p {
    font-size: 14px !important;
    max-width: 100% !important;
  }

  /* ── SECTOR CARDS ─────────────────────── */
  div[style*="height:260px"], div[style*="height: 260px"] { height: 200px !important; }

  /* ── TICKETING MOCKUP ─────────────────── */
  div[style*="background:rgba(255,255,255,.05)"],
  div[style*="background: rgba(255,255,255,.05)"] { padding: 14px !important; }

  /* ── IMAGE MOSAIC → SINGLE COL ───────── */
  div[style*="grid-template-rows: 240px 240px"],
  div[style*="grid-template-rows:240px 240px"] {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
  div[style*="grid-template-rows: 240px 240px"] img,
  div[style*="grid-template-rows:240px 240px"] img {
    grid-row: auto !important;
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* ── PRICING CARDS ────────────────────── */
  div[style*="padding: 36px 28px"][style*="border-radius: 16px"],
  div[style*="padding:36px 28px"][style*="border-radius:16px"] {
    padding: 28px 18px !important;
  }
  /* "Most popular" badge */
  div[style*="padding: 5px 18px"][style*="border-radius: 0 0 10px"] {
    font-size: 9px !important;
    padding: 4px 12px !important;
  }

  /* ── CTA BAND ─────────────────────────── */
  div[style*="text-align:center"] h2[style*="font-weight:900"],
  div[style*="text-align: center"] h2[style*="font-weight: 900"] {
    font-size: 30px !important;
    letter-spacing: -1.5px !important;
  }
  /* CTA buttons → stack */
  div[style*="justify-content: center"][style*="flex-wrap: wrap"],
  div[style*="justify-content:center"][style*="flex-wrap:wrap"] {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  a[style*="padding: 15px 32px"], a[style*="padding:15px 32px"],
  a[style*="padding: 15px 28px"], a[style*="padding:15px 28px"] {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
  }

  /* ── TESTIMONIAL ──────────────────────── */
  div[style*="max-width: 760px"], div[style*="max-width:760px"] { padding: 0 !important; }
  p[style*="font-size: clamp(18px"], p[style*="font-size:clamp(18px"] { font-size: 16px !important; }

  /* ── CHECK LISTS ──────────────────────── */
  div[style*="font-size: 14px"][style*="line-height: 1.5"],
  div[style*="font-size:14px"][style*="line-height:1.5"] { font-size: 13px !important; }

  /* ── FOOTER ───────────────────────────── */
  div[style*="grid-template-columns: 1.8fr repeat(4, 1fr)"],
  div[style*="grid-template-columns:1.8fr repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }
  div[style*="display: flex"][style*="justify-content: space-between"][style*="align-items: center"] {
    flex-direction: column !important;
    text-align: center !important;
    gap: 8px !important;
  }
}/* End custom CSS */