/* =====================================================================
   Concept Marketing — Audit Landing Page CSS
   Scoped under .cma (+ .cma-nav / .cma-foot) so it never clashes with
   the main theme CSS. Brand tokens match conceptmarketing.com.au:
   primary #00AEEF, dark-blue button #00618A, teal #007B9A,
   heading grey #636466, body Roboto, headings Montserrat.
   Only enqueued on the page-cm-audit.php template.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap');

:root{
  --cma-primary:#00AEEF;     /* brand cyan (site + LP) */
  --cma-primary-dk:#00618A;  /* classic dark-blue button (site) */
  --cma-teal:#007B9A;        /* newer teal accent (site) */
  --cma-cyan-lt:#EBF7FD;
  --cma-cyan-mid:#C2E9F7;
  --cma-navy:#0C2637;        /* hero dark — design kept as-is */
  --cma-navy2:#0F3040;
  --cma-heading:#636466;     /* site heading/text grey */
  --cma-body:#636466;        /* body copy grey (site) */
  --cma-muted:#8A8A8A;
  --cma-border:#E3E8ED;
  --cma-bg:#EFEFEF;          /* site light section bg */
  --cma-bg-soft:#F6FAFD;
  --cma-white:#FFFFFF;
}
html{
    scroll-behavior: smooth;
}
/* ---- base / scope ---- */
.cma,.cma-nav,.cma-foot{font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased}
.cma *,.cma *::before,.cma *::after{box-sizing:border-box}
.cma{font-size:16px;color:var(--cma-body);background:var(--cma-white)}
.cma h1,.cma h2,.cma h3,.cma h4{font-family:'Montserrat',sans-serif}
.cma p{margin:0}
.cma a{text-decoration:none}
.cma ul{list-style:none;margin:0;padding:0}
.cma .container{max-width:1170px}

/* shared section helpers */
.cma .cma-eyebrow{font-size:15px;font-weight:400;letter-spacing:0px;text-transform:capitalize;color:var(--cma-primary);margin-bottom:14px}
.cma .cma-sec-h{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(32px,4vw,40px);color:var(--cma-heading);line-height:1.08;;margin-bottom:14px}
.cma .cma-sec-h em{color:var(--cma-primary);font-style:normal}
.cma .cma-sec-sub {
    font-size: 17px;
    color: var(--cma-body);
    line-height: 1.8;
    max-width: 750px;
    margin-bottom: 0;
}

/* =====================  NAV (header partial)  ===================== */
.cma-nav{background:var(--cma-white);border-bottom:1px solid var(--cma-border);padding:0 0;height:68px;position:sticky;top:0;z-index:100;box-shadow:0 1px 10px rgba(0,0,0,.05)}
.cma-nav .container{height:68px;display:flex;align-items:center;justify-content:space-between}
.cma-nav .cma-logo img{height:36px;width:auto;display:block}
.cma-nav .cma-nav-right{display:flex;align-items:center;gap:20px}
.cma-nav .cma-nav-pill {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--cma-body);
    border: 1px solid var(--cma-body);
    padding: 9px 13px;
    border-radius: 5px;
    white-space: nowrap;
}
.cma-nav .cma-nav-btn{background:var(--cma-primary);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;padding:11px 26px;border-radius:5px;white-space:nowrap;transition:background .18s,transform .15s}
.cma-nav .cma-nav-btn:hover{background:#007B9A;color:#fff;transform:translateY(-1px)}
@media(max-width:480px){.cma-nav .cma-nav-pill{display:none}}

/* =====================  HERO  ===================== */
.cma .cma-hero{background:var(--cma-navy);padding:90px 0 84px;position:relative;overflow:hidden}
.cma .cma-hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 80% at 100% 50%,rgba(0,174,239,.08) 0%,transparent 70%),
  radial-gradient(ellipse 40% 60% at 0% 100%,rgba(0,174,239,.05) 0%,transparent 60%)}
.cma .cma-hero .container{position:relative;z-index:1}
.cma .h-kicker {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    color: var(--cma-primary);
    margin-bottom: 22px;
}
.cma .cma-hero h1{font-weight:700;font-size:clamp(30px,4vw,42px);line-height:1.04;color:#fff;margin:0}
.cma .cma-hero h1 em{color:var(--cma-primary);font-style:normal;display:block}
.cma .hero-tagline{font-size:17px;color:#fff;line-height:1.8;margin:22px 0 30px;max-width:520px}
.cma .h-checks{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.cma .h-check{display:flex;align-items:flex-start;gap:10px;font-size:17px;color:#fff;line-height:1.5}
.cma .h-dot{width:20px;height:20px;border-radius:50%;background:rgba(0,174,239,.12);border:1px solid rgba(0,174,239,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.cma .h-dot svg{width:9px;height:9px;stroke:var(--cma-primary);fill:none;stroke-width:2.5}
.cma .h-rule{height:1px;background:rgba(255,255,255,.08);margin:24px 0}
.cma .h-trust{display:flex;flex-wrap:wrap;gap:16px}
.cma .h-trust-t {
    font-size: 14px;
    color: #00aeef;
    font-weight: 400;
    letter-spacing: .3px;
}
.cma .h-trust-t strong {
    color: #fff;
    font-weight: 500;
}

.cma .dial-card{background:rgba(255,255,255,.04);border:1px solid rgba(0,174,239,.18);border-radius:14px;padding:30px 24px;text-align:center}
.cma .dc-lbl {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 16px;
}
.cma .dc-wrap{width:176px;height:96px;margin:0 auto 8px;position:relative}
.cma .dc-wrap svg{width:100%;height:100%}
@keyframes cma-sw{from{stroke-dashoffset:251}to{stroke-dashoffset:var(--t)}}
.cma .arc{animation:cma-sw 1.8s cubic-bezier(.4,0,.2,1) .4s both}
.cma .dc-status{font-size:10px;color:#5C7889;margin-bottom:10px}
.cma .dc-txt {
    font-size: 14px;
    color: #fff;
    line-height: 1.65;
    margin-bottom: 18px;
}
.cma .dc-btn{display:block;background:var(--cma-primary);color:#fff;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;padding:12px 16px;border-radius:5px;transition:background .18s}
.cma .dc-btn:hover{background:var(--cma-primary-dk);color:#fff}
@media(max-width:991px){.cma .dial-card{margin-top:36px}}

/* =====================  BANNER  ===================== */
.cma .cma-banner{background:var(--cma-navy2);border-bottom:1px solid rgba(0,174,239,.12)}
.cma .b-item{padding:35px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.cma .b-item.last{border-right:none}
.cma .b-val{font-family:'Montserrat',sans-serif;font-weight:700;font-size:18px;color:#fff;letter-spacing:.2px;line-height:1.2}
.cma .b-lbl {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 4px;
}
@media(max-width:767px){.cma .b-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}}

/* =====================  BELIEF  ===================== */
.cma .cma-belief{background:var(--cma-white);padding:72px 0;border-bottom:1px solid var(--cma-border)}
.cma .bl-head{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(32px,4vw,40px);color:var(--cma-heading);line-height:1.05;letter-spacing:-1px;margin-bottom:20px}
.cma .bl-head span{color:var(--cma-primary)}
.cma .bl-body{font-size:16px;color:var(--cma-body);line-height:1.82;margin-bottom:16px}
.cma .bl-link{display:inline-flex;align-items:center;gap:8px;color:var(--cma-primary);font-size:14px;font-weight:600;border-bottom:1px solid rgba(0,174,239,.3);padding-bottom:2px;transition:border-color .2s}
.cma .bl-link:hover{border-color:var(--cma-primary);color:var(--cma-primary)}
.cma .bl-link svg{width:13px;height:13px;stroke:var(--cma-primary);fill:none;stroke-width:2}
.cma .bl-right{background:var(--cma-bg-soft);border:1px solid var(--cma-border);border-radius:14px;padding:36px 32px;height:100%}
.cma .bl-right-head {
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--cma-heading);
    margin-bottom: 18px;
    letter-spacing: .3px;
    text-transform: math-auto;
}
.cma .bl-points li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:var(--cma-heading);line-height:1.55;padding:12px 0;border-bottom:1px solid var(--cma-border)}
.cma .bl-points li:last-child{border-bottom:none;padding-bottom:0}
.cma .bl-tick{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--cma-primary);display:flex;align-items:center;justify-content:center;margin-top:1px}
.cma .bl-tick svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:2.5}

/* =====================  PROBLEM  ===================== */
.cma .cma-problem{background:var(--cma-bg);padding:80px 0;border-top:1px solid var(--cma-border)}
.cma .sym-card{background:var(--cma-white);border:1px solid var(--cma-border);border-radius:10px;padding:26px 22px;height:100%;transition:border-color .2s,box-shadow .2s}
.cma .sym-card:hover {
    border-color: var(--cma-primary);
    box-shadow: 0 4px 20px rgba(0,174,239,.07);
    transition: 0.5s;
}
.cma .sym-icon{width:38px;height:38px;border-radius:8px;background:var(--cma-cyan-lt);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cma .sym-icon svg{width:18px;height:18px;stroke:var(--cma-primary);fill:none;stroke-width:2}
.cma .sym-card h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--cma-heading);
    margin-bottom: 8px;
    line-height: 1.4;
}
.cma .sym-card p {
    font-size: 16px;
    color: var(--cma-body);
    line-height: 1.65;
}

/* =====================  OFFER  ===================== */
.cma .cma-offer{background:var(--cma-white);padding:80px 0;border-top:1px solid var(--cma-border)}
.cma .offer-intro p{font-size:16px;color:var(--cma-body);line-height:1.82}
.cma .o-card{background:var(--cma-bg-soft);border:1px solid var(--cma-border);border-radius:12px;padding:30px 24px;position:relative;overflow:hidden;height:100%;transition:border-color .2s,box-shadow .2s}
.cma .o-card:hover{border-color:var(--cma-primary);box-shadow:0 6px 24px rgba(0,174,239,.08)}
.cma .o-card-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--cma-primary)}
.cma .o-num{font-size:16px;font-weight:500;letter-spacing:0px;    color: var(--cma-primary);margin-bottom:12px}
.cma .o-card h3 {
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--cma-heading);
    margin-bottom: 10px;
    line-height: 1.25;
    
}
.cma .o-card p {
    font-size: 16px;
    color: var(--cma-body);
    line-height: 1.62;
    margin-bottom: 16px;
}
.cma .o-list li{font-size:16px;color:var(--cma-body);padding:5px 0 5px 15px;position:relative;border-bottom:1px solid var(--cma-border);line-height:1.5}
.cma .o-list li:last-child{border-bottom:none}
.cma .o-list li::before{content:'';position:absolute;left:0;top:11px;width:7px;height:2px;background:var(--cma-primary)}
.cma .o-note{margin-top:24px;text-align:center;font-size:13px;color:var(--cma-muted);line-height:1.7}

/* =====================  FULL SERVICE  ===================== */
.cma .cma-fullsvc{background:var(--cma-navy);padding:80px 0}
.cma .fs-eyebrow{font-size:15px;font-weight:400;text-transform:capitalize;color:rgba(0,174,239,.85);letter-spacing: 0px;margin-bottom:16px}
.cma .fs-h{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(32px,3.5vw,40px);color:#fff;line-height:1.1;margin-bottom:20px}
.cma .fs-h em{color:var(--cma-primary);font-style:normal}
.cma .fs-body{font-size:15px;color:#fff;line-height:1.82;margin-bottom:16px}
.cma .fs-creds{font-size:12px;color:#5C7889;margin-top:20px}
.cma .svc-pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:13px 16px;display:flex;align-items:center;gap:10px;transition:border-color .2s}
.cma .svc-pill:hover{border-color:rgba(0,174,239,.3); transform: translateY(-2px); transition: 0.5s;}
.cma .svc-dot{width:7px;height:7px;border-radius:50%;background:var(--cma-primary);flex-shrink:0}
.cma .svc-name{font-size:13px;font-weight:600;color:rgba(255,255,255,.78)}

/* =====================  BEYOND  ===================== */
.cma .cma-beyond{background:var(--cma-bg);padding:80px 0;border-top:1px solid var(--cma-border)}
.cma .bx-h{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(32px,3.5vw,38px);color:var(--cma-heading);line-height:1.1;letter-spacing:-.5px;margin-bottom:20px}
.cma .bx-h em{color:var(--cma-primary);font-style:normal}
.cma .bx-body{font-size:16px;color:var(--cma-body);line-height:1.82;margin-bottom:14px}
.cma .metric{background:var(--cma-white);border:1px solid var(--cma-border);border-radius:10px;padding:35px 18px;text-align:center;height:100%;transition:border-color .2s; position: relative;}
.cma .metric:hover{border-color:var(--cma-primary)}
.cma .m-icon{width:36px;height:36px;background:var(--cma-cyan-lt);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px; transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        background-color .35s ease,
        box-shadow .35s ease;}
.cma .m-icon svg{width:17px;height:17px;stroke:var(--cma-primary);fill:none;stroke-width:2}
.cma .m-lbl{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--cma-heading);line-height:1.3}
.cma .m-sub{font-size:14px;color:var(--cma-muted);margin-top:4px;line-height:1.4}

/* =====================  HOW  ===================== */
.cma .cma-how{background:var(--cma-white);padding:80px 0;border-top:1px solid var(--cma-border)}
.cma .how-inner{max-width:945px;margin:0 auto;text-align:center}
.cma .cma-steps{position:relative;margin-top:48px}
.cma .step{position:relative;z-index:1;padding:0 12px}
.cma .s-num{width:52px;height:52px;border-radius:50%;background:var(--cma-white);border:2px solid var(--cma-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:18px;color:var(--cma-primary)}
.cma .step h3{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:var(--cma-heading);margin-bottom:8px}
.cma .step p {
    font-size: 16px;
    color: var(--cma-body);
    line-height: 1.5;
}

/* =====================  FORM  ===================== */
.cma .cma-form{background:var(--cma-bg);padding:80px 0;border-top:3px solid var(--cma-primary)}
.cma .fl h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(32px,3.5vw,40px);color:var(--cma-heading);line-height:1.1;letter-spacing:-.5px;margin-bottom:16px}
.cma .fl h2 em{color:var(--cma-primary);font-style:normal}
.cma .fl>p{font-size:16px;color:var(--cma-body);line-height:1.82;margin-bottom:24px}
.cma .tl{margin-bottom:28px}
.cma .tl li{display:flex;align-items:flex-start;gap:11px;font-size:16px;color:var(--cma-heading);margin-bottom:12px;line-height:1.5}
.cma .tk{flex-shrink:0;width:20px;height:20px;background:var(--cma-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.cma .tk svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:2.5}
.cma .rbox{background:var(--cma-white);border-left:3px solid var(--cma-primary);border-radius:0 8px 8px 0;padding:16px 20px}
.cma .rbox p {
    font-size: 16px;
    color: var(--cma-body);
    line-height: 1.65;
}
.cma .rbox p.rbox-t {
    font-weight: 700;
    color: var(--cma-heading);
    margin-bottom: 5px;
    font-size: 18px;
}
.cma .fcard{background:var(--cma-white);border:2px solid var(--cma-primary);border-radius:14px;padding:36px 30px;box-shadow:0 8px 48px rgba(0,174,239,.09)}
.cma .fcard h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;color:var(--cma-heading);margin-bottom:4px}
.cma .fcard-sub{font-size:13px;color:var(--cma-muted);margin-bottom:15px}
.cma .urg{background:var(--cma-cyan-lt);border:1px solid var(--cma-cyan-mid);border-radius:6px;padding:10px 14px;margin-bottom:20px;font-size:12px;color:var(--cma-primary-dk);font-weight:600;text-align:center;letter-spacing:.2px}
/* static fallback form */
.cma .fg{margin-bottom:15px}
.cma .fg label{display:block;font-size:12px;font-weight:700;color:var(--cma-heading);margin-bottom:5px;letter-spacing:.3px;text-transform:uppercase}
.cma .fg input,.cma .fg select{width:100%;padding:12px 14px;border:1px solid var(--cma-border);border-radius:6px;font-family:'Roboto',sans-serif;font-size:15px;color:var(--cma-heading);background:var(--cma-white);outline:none;transition:border-color .2s,box-shadow .2s}
.cma .fg input:focus,.cma .fg select:focus{border-color:var(--cma-primary);box-shadow:0 0 0 3px rgba(0,174,239,.1)}
.cma .fg select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.cma .fbtn{width:100%;padding:15px;background:var(--cma-primary);color:#fff;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .18s;letter-spacing:.3px}
.cma .fbtn:hover{background:var(--cma-primary-dk)}
.cma .fpriv{font-size:11px;color:var(--cma-muted);text-align:center;margin-top:12px;line-height:1.5}

/* =====================  FAQs  ===================== */
.cma .cma-faqs{background:var(--cma-white);padding:80px 0;border-top:1px solid var(--cma-border)}
.cma .faqs-in{max-width:680px;margin:0 auto}
.cma .faq{border-bottom:1px solid var(--cma-border);padding:22px 0}
.cma .fq{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--cma-heading);margin-bottom:9px}
.cma .fa{font-size:14px;color:var(--cma-body);line-height:1.78}

/* =====================  FINAL CTA  ===================== */
.cma .cma-cta{background:var(--cma-navy);padding:88px 0;text-align:center;position:relative;overflow:hidden}
.cma .cma-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(0,174,239,.09) 0%,transparent 65%)}
.cma .cta-in{position:relative;z-index:1;max-width:660px;margin:0 auto}
.cma .cma-cta h2 {
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: clamp(30px,5vw,48px);
    color: #fff;
    margin-bottom: 18px;
    letter-spacing: -1px;
    line-height: 1.04;
}
.cma .cma-cta h2 em{color:var(--cma-primary);font-style:normal}
.cma .cma-cta p {
    font-size: 17px;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
}
.cma .btn-w{display:inline-block;background:#fff;color:var(--cma-primary);font-family:'Montserrat',sans-serif;font-weight:700;font-size:17px;padding:18px 52px;border-radius:6px;transition:transform .15s,box-shadow .15s}
.cma .btn-w:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,0,0,.2);color:var(--cma-primary-dk)}
.cma .cta-sub{font-size:13px;color:#5C7889;margin-top:16px}
.cma .cta-tagline{font-family:'Montserrat',sans-serif;font-size:14px;color:#3F6072;margin-top:36px;letter-spacing:1px}

/* =====================  FOOTER (footer partial)  ===================== */
.cma-foot{background:var(--cma-bg-soft);border-top:1px solid var(--cma-border);padding:36px 0;text-align:center}
.cma-foot img{height:30px;width:auto;display:block;margin:0 auto 14px;opacity:.55}
.cma-foot p{font-size:13px;color:var(--cma-muted);line-height:1.7;margin:0}
.cma-foot a{color:var(--cma-muted);text-decoration:none}
.cma-foot a:hover{color:var(--cma-primary)}

/* success state injected by JS */
.cma .cma-success{text-align:center;padding:36px 12px}
.cma .cma-success h3{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:800;margin-bottom:10px;color:var(--cma-heading)}
.cma .cma-success p{font-size:14px;color:var(--cma-body);line-height:1.7;max-width:260px;margin:0 auto}
#gform_wrapper_20 #gform_submit_button_20 {
    display: block;
    background: var(--cma-primary);
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 16px;
    border-radius: 5px;
    transition: background .18s;
    width: 100%;
    border: none;
}
#gform_wrapper_20 .gfield_label {
    display: inline-block;
    font-size: 14px;
     font-weight: 600 !important;
    margin-bottom: 4px;
    padding: 0;
}
#gform_fields_20 .gfield.gfield--width-full {
    text-align: left;
}
/* FAQ accordion (Bootstrap 4 collapse) — site style */
.cma .cma-acc .card{border:1px solid var(--cma-border);border-radius:0;margin-bottom:10px;overflow:hidden;background:#fff;box-shadow:none}
.cma .cma-acc .card:last-child{margin-bottom:0}
.cma .cma-acc .card-header {
    background: #ffffff;
    border: none;
    padding: 18px 50px 18px 24px;
    cursor: pointer;
    position: relative;
    margin: 0;
    transition: background .2s;
}
.cma .cma-acc .card-header .card-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:17px;color:var(--cma-heading);margin:0;line-height:1.4;display:block}
.cma .cma-acc .card-header::after{content:"\2212";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--cma-heading);font-weight:400}
.cma .cma-acc .card-header.collapsed::after{content:"+"}
.cma .cma-acc .card-header:not(.collapsed){background:#fff}
.cma .cma-acc .card-header:not(.collapsed) .card-title{color:var(--cma-primary)}
.cma .cma-acc .card-header:not(.collapsed)::after{color:var(--cma-primary)}
.cma .cma-acc .card-body{
    padding:6px 24px 24px;
    font-family:'Roboto',sans-serif !important;
}
.cma .cma-acc .card-body .fa {
    font-size: 15px;
    color: var(--cma-body);
    line-height: 1.8;
    margin: 0;
    font-weight: 400;
    font-family: 'Roboto',sans-serif !important;
}
#gform_wrapper_20 select{
    height:46px;
    border-color:#636466;
    color:#636466;
}
#gform_wrapper_20 .gform_validation_errors {
    background: #fff;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    margin-block-end: 8px;
    margin-block-start: 8px;
    padding-block: 0px;
    padding-inline-end: 16px;
    padding-inline-start: 0;
    position: relative;
    width: 100%;
}
#gform_wrapper_20 span.gform-icon.gform-icon--circle-error {
    display: none !important;
}
#gform_wrapper_20 .gfield_validation_message{
    clear: both;
    font-family: inherit;
    font-size: 13px;
    letter-spacing: normal;
    line-height: inherit;
    padding-top: 13px;
    display:none;
    width: 100%;
}
div#gform_fields_20 {
    grid-row-gap: 8px !important;
}
div#gform_wrapper_20 .gform_footer {
    padding-bottom: 0;
    margin-bottom: 0;
}
#gform_wrapper_20 .gform_validation_errors>h2 {
    color: #c02b0a;
    font-size: 13px;
    font-weight: 500;
    line-height: 17.6px;
    margin-block-end: 8px;
    margin-block-start: 0;
    margin-inline: 0;
}
.cma-cta .btn-w {
    margin-top: 25px;
}
div#cmaFaqAcc {
    margin-top: 33px;
}
.sym-card{
    background:#fff;
    border:1px solid #e8edf3;
    border-radius:18px;
    padding:28px;
    height:100%;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.sym-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#00aeef;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.sym-card{
    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease,
        border-color .35s ease;
}

.sym-card:hover{
    transform:translateY(-8px);
}

.sym-card:hover::before{
    transform:scaleX(1);
}

.sym-head{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:18px;
}
.sym-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:14px;
    background:#f4f8ff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        background-color .35s ease,
        box-shadow .35s ease;
}

.sym-card:hover .sym-icon{
    background:#00aeef;
    transform:translateY(-4px) scale(1.08);
    box-shadow:0 12px 24px rgba(13,110,253,.25);
}

.sym-icon svg{
    transition:stroke .35s ease;
}


.sym-card:hover .sym-icon svg{
    stroke:#fff;
}

.sym-card h3{
    margin:0;
    font-size:22px;
    line-height:1.35;
    font-weight:700;
}

.sym-card p{
    margin:0;
    color:#5f6b7a;
    line-height:1.7;
}
div#lor_chaticon {
    display: none;
}
.floating-audit-btn{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
    background: #00AEEF;
    color: #fff;
    text-decoration: none;
    padding: 18px 35px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    box-shadow: 0 8px 25px rgba(0,0,0,.2);
    transition: all .3s ease;
}

.floating-audit-btn:hover{
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
@media (min-width:768px) and (max-width:992px) {
.cma .b-item {
    padding: 35px 0px;
}
}
@media (max-width: 768px){
.gridno-gutters .listicon:last-child {
  grid-column: 1 / -1;    
  justify-self: center;   
  width: 100%;            
}
.gridno-gutters {
  grid-template-columns: repeat(2, 1fr) !important; /* 3-column layout */
}
.cma .b-item {
    padding: 35px 0px;
}
    .floating-audit-btn{
        right: 15px;
        bottom: 15px;
        padding: 15px 25px;
        font-size: 16px;
    }
}
.cma-offer .o-card:hover, .cma-beyond .metric:hover {
    border-color: var(--cma-primary);
    box-shadow: 0 4px 20px rgba(0,174,239,.07);
    transition: 0.5s;
}
.o-card::before, .metric::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #00aeef;
    transform: scaleX(0);
    transform-origin: left;
    transition: .35s ease;
}
.o-card:hover::before, .metric:hover::before {
    transform: scaleX(1);
}
.o-card:hover, .metric:hover {
    transform: translateY(-8px);
}
.metric:hover .m-icon{
    background:#00aeef;
    transform:translateY(-4px) scale(1.08);
    box-shadow:0 12px 24px rgba(13,110,253,.25);
}

.m-icon svg{
    transition:stroke .35s ease;
}
.gridno-gutters {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px 12px;
}

.metric:hover .m-icon svg{
    stroke:#fff;
}