/* ============================================================
   CUSTOM ADDITIONS — busysoftwares.in
   Uses existing root variables from main.css:
   --primaryColor:#005da4  --secondaryColor:#E34750
   --whiteColor:#ffffff    --textColor:#505050
   --headingFont:"Poppins" --bodyFont:"Lato"
   This file is ADDITIVE ONLY — does not override main.css rules.
   ============================================================ */

/* ---------- Eyebrow label ---------- */
.sectionEyebrow{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color: var(--secondaryColor);
    margin-bottom:8px;
    font-family: var(--headingFont);
}

/* ---------- Hero trust badges & feature pills ---------- */
.trustBadges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin: 16px 0 0;
}
.trustBadge{
    background:#f0f5f9;
    border:1px solid var(--primaryColor);
    border-radius:30px;
    padding:6px 16px;
    font-size:13px;
    font-weight:600;
    color:var(--primaryColor);
    display:flex;
    align-items:center;
    gap:6px;
    font-family: var(--headingFont);
}
.trustBadge i{ color:#107d43; }

.featPills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}
.featPill{
    background:var(--whiteColor);
    border:1px solid #ddd;
    border-radius:30px;
    padding:6px 14px;
    font-size:13px;
    color:var(--textColor);
    display:flex;
    align-items:center;
    gap:6px;
}
.featPill i{ color:var(--primaryColor); font-size:12px; }

/* ---------- Extra CTA button (outline) ---------- */
a.btnOutline{
    border:2px solid var(--primaryColor);
    color:var(--primaryColor);
    border-radius:10px;
    padding:8px 20px;
    font-weight:600;
    font-family: var(--headingFont);
    font-size:14px;
    background:transparent;
}
a.btnOutline:hover{
    background:var(--primaryColor);
    color:var(--whiteColor);
}
.heroBtnRow{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
}

/* ---------- Ticker (replaces <marquee>) ---------- */
.tickerWrap{
    overflow:hidden;
    white-space:nowrap;
    width:100%;
}
.tickerTrack{
    display:inline-block;
    animation: tickerScroll 26s linear infinite;
}
.tickerTrack span{
    padding:0 50px;
    font-weight:600;
    color:var(--whiteColor);
    font-family: var(--headingFont);
    font-size:16px;
}
@keyframes tickerScroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
    .tickerTrack{ animation:none; }
}

/* ---------- Why Switch / Comparison table ---------- */
.cmpTableWrap{
    overflow-x:auto;
    background:var(--whiteColor);
    border-radius:8px;
    box-shadow:0px 0px 26px 0px rgba(0,0,0,0.03);
}
table.cmpTable{
    width:100%;
    border-collapse:collapse;
    font-family: var(--bodyFont);
    font-size:15px;
    min-width:480px;
}
table.cmpTable th{
    background:var(--primaryColor);
    color:var(--whiteColor);
    padding:12px 16px;
    text-align:left;
    font-family: var(--headingFont);
    font-weight:600;
    font-size:15px;
}
table.cmpTable td{
    padding:11px 16px;
    border-bottom:1px solid #e6ecf2;
    color:var(--textColor);
}
table.cmpTable tr:nth-child(even) td{ background:#f7fafc; }
table.cmpTable .yes{ color:#107d43; font-weight:700; }
table.cmpTable .no{ color:var(--secondaryColor); font-weight:700; }
table.cmpTable .limited{ color:#dd6700; font-weight:700; }
table.cmpTable .adv{ color:var(--primaryColor); font-weight:700; }

/* ---------- Switch / benefit cards ---------- */
.switchCard{
    background:var(--whiteColor);
    border-left:4px solid var(--primaryColor);
    border-radius:6px;
    padding:18px 20px;
    margin-bottom:16px;
    box-shadow:0px 0px 26px 0px rgba(0,0,0,0.03);
}
.switchCard h3{
    font-size:17px;
    font-weight:600;
    color:var(--primaryColor);
    margin-bottom:6px;
    font-family: var(--headingFont);
}
.switchCard p{ font-size:14px; margin:0; }

/* ---------- Industry cards ---------- */
.indGrid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
}
.indCard{
    background:var(--whiteColor);
    border:1px solid #eee;
    border-radius:8px;
    padding:22px 16px;
    transition:.3s ease;
}
.indCard:hover{
    border-color:var(--primaryColor);
    box-shadow:0 6px 20px rgba(0,93,164,0.12);
    transform:translateY(-2px);
}
.indCard .indEmoji{
    font-size:30px;
    margin-bottom:10px;
    display:block;
}
.indCard h3{
    font-size:14px;
    font-weight:600;
    margin-bottom:6px;
    font-family: var(--headingFont);
    color:#303745;
}
.indCard p{
    font-size:12px;
    margin:0;
    color:var(--textColor);
    line-height:1.5;
}
.indCard ul{ text-align:left; margin-top:8px; }
.indCard ul li{
    font-size:12px;
    color:var(--textColor);
    padding:2px 0;
    display:flex;
    align-items:flex-start;
    gap:6px;
}
.indCard ul li::before{
    content:"✓";
    color:#107d43;
    font-weight:700;
    font-size:11px;
}

/* ---------- CTA strip ---------- */
.ctaStrip{
    background:linear-gradient(90deg,#011733,var(--primaryColor));
    padding:40px 0;
    width: 100%;
    float: left;
}
.ctaStrip h2{
    color:var(--whiteColor);
    font-size:26px;
    font-weight:700;
    margin-bottom:10px;
    font-family: var(--headingFont);
}
.ctaStrip p{
    color:rgba(255,255,255,0.82);
    margin-bottom:0;
    font-size:15px;
}
.ctaBtnGroup{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-end;
    gap:12px;
}
a.btnCtaWhite{
    background:var(--whiteColor);
    color:var(--primaryColor);
    border-radius:8px;
    padding:12px 24px;
    font-weight:700;
    font-family: var(--headingFont);
    font-size:14px;
}
a.btnCtaWhite:hover{ background:#e7f1fa; color:var(--primaryColor); }

a.btnCtaOrange{
    background:var(--secondaryColor);
    color:var(--whiteColor);
    border-radius:8px;
    padding:12px 24px;
    font-weight:700;
    font-family: var(--headingFont);
    font-size:14px;
}
a.btnCtaOrange:hover{ background:#c23a43; color:var(--whiteColor); }

a.btnCtaWa{
    background:#0ea90e;
    color:var(--whiteColor);
    border-radius:8px;
    padding:12px 24px;
    font-weight:700;
    font-family: var(--headingFont);
    font-size:14px;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
a.btnCtaWa:hover{ background:#0c8c0c; color:var(--whiteColor); }

/* ---------- FAQ accordion ---------- */
.faqItem{
    border:1px solid #e6ecf2;
    border-radius:8px;
    margin-bottom:12px;
    overflow:hidden;
    background:var(--whiteColor);
}
.faqQ{
    padding:16px 20px;
    font-weight:600;
    font-family: var(--headingFont);
    color:#303745;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
}
.faqQ i{ color:var(--primaryColor); transition:transform .25s; flex-shrink:0; margin-left:12px; }
.faqA{
    display:none;
    padding:0 20px 16px;
    font-size:14px;
    color:var(--textColor);
    line-height:1.7;
}
.faqItem.open .faqA{ display:block; }
.faqItem.open .faqQ{ border-bottom:1px solid #e6ecf2; }
.faqItem.open .faqQ i{ transform:rotate(180deg); }

/* ---------- Local SEO cards ---------- */
.localCard{
    background:var(--whiteColor);
    border:1px solid #eee;
    border-radius:8px;
    padding:18px 20px;
    display:flex;
    gap:14px;
    align-items:flex-start;
    height:100%;
}
.localCard i{ font-size:22px; color:var(--primaryColor); margin-top:3px; flex-shrink:0; }
.localCard h4{
    font-size:15px;
    font-weight:600;
    margin-bottom:4px;
    font-family: var(--headingFont);
    color:#303745;
}
.localCard p{ font-size:13px; margin:0; color:var(--textColor); line-height:1.55; }

/* ---------- Stats bar ---------- */
.statsBar{
    background:#011733;
    padding:30px 0;
    width: 100%;
    float: left;
}
.statsBar .statItem{ text-align:center; }
.statsBar .statNum{
    font-size:30px;
    font-weight:800;
    color:#47E3E3;
    font-family: var(--headingFont);
    line-height:1.2;
}
.statsBar .statLabel{
    font-size:13px;
    color:rgba(255,255,255,0.7);
    margin-top:4px;
}

/* ---------- Plan badge ---------- */
.planBadge{
    display:inline-block;
    background:var(--secondaryColor);
    color:var(--whiteColor);
    font-size:11px;
    font-weight:700;
    padding:4px 14px;
    border-radius:20px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    margin-bottom:10px;
    font-family: var(--headingFont);
}

/* ---------- Sticky call button (mirrors WhatsApp button) ---------- */
a.stickyCallBtn{
    position:fixed;
    bottom:80px;
    right:30px;
    width:60px;
    height:60px;
    line-height:57px;
    text-align:center;
    background-color:var(--primaryColor);
    color:var(--whiteColor);
    border-radius:50%;
    font-size:26px;
    z-index:99999;
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}
a.stickyCallBtn:hover{ background-color:#003f73; color:var(--whiteColor); }

/* ---------- Responsive ---------- */
@media (max-width: 575px){
    .ctaStrip h2{ font-size:20px; }
    .statsBar .statNum{ font-size:24px; }
    a.stickyCallBtn{ width:50px; height:50px; line-height:47px; font-size:20px; bottom:80px; right:20px; }
    a.whatsapp_btn{ left:20px; }
}