/* Shared changes from the November 2026 website review. Loaded after page CSS. */
@layer site-typography {
    p, p :where(span,a,strong,b,em,small,mark),
    li { font-family:'Montserrat',Arial,sans-serif !important; }
}
:root { --body-font-family:'Montserrat',Arial,sans-serif; --heading-font-family:'Montserrat',Arial,sans-serif; }
body.blogs-listing-page .blog-card__date { left:auto; right:16px; }
body .contact-page > .container > .row { align-items:flex-start !important; }
body .contact-page .contact-form-style-1 > .section-title { margin-bottom:28px !important; }
body .contact-page .section-title h2 { margin-top:0; font-size:clamp(28px,2.5vw,36px) !important; line-height:1.25 !important; }
body .contact-page .contact-details__right { background:#fff; border-radius:16px; }
body .contact-page .contact-details__right::before { display:none; }
body .contact-page .contact-details__right .sub-title { display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:13px !important; line-height:1.5; }
body, body p, body li, body button, body input, body textarea, body select,
body h1, body h2, body h3, body h4, body h5, body h6, body summary {
    font-family:'Montserrat',Arial,sans-serif !important;
}
body section p, body section li { font-size:16px !important; line-height:1.8; text-align:left !important; }
body section .text-center > p { text-align:center; }
body .sec-title .title, body .section-title { font-size:clamp(28px,3vw,42px) !important; line-height:1.25 !important; font-weight:500 !important; }
body h1, body h2, body h3, body h4, body h5, body h6, body .sub-title {
    opacity:1 !important; visibility:visible !important; transform:none !important; animation:none !important;
}
body .main-menu .navigation > li > a { font-size:14px !important; }
body .main-menu .navigation li ul li a { font-size:13px !important; line-height:1.6 !important; padding:10px 18px !important; }
body .main-menu .navigation li ul { min-width:240px; }
body .home-navigation > li > a { font-size:15px !important; }
body .home-navigation ul a { font-size:13px !important; line-height:1.6 !important; padding:10px 12px; }
body .home-navigation ul { width:250px; }
body .home-intro .home-intro-inner { width:min(100% - 64px,1320px) !important; max-width:1320px !important; margin-inline:auto; }
body .home-portfolio-lightbox {
    width:fit-content; max-width:calc(100vw - 48px); padding:0; background:transparent; border:0; border-radius:0; box-shadow:none;
}
body .home-portfolio-lightbox img { max-width:calc(100vw - 48px); max-height:calc(100svh - 64px); border-radius:8px; }
body .minimal-counter-section .counter-number-wrapper { display:flex; align-items:baseline; justify-content:center; }
body .minimal-counter-section .counter-number, body .minimal-counter-section .counter-suffix { font-size:clamp(36px,4vw,56px) !important; font-weight:600 !important; line-height:1.2 !important; }
body .minimal-counter-section .counter-title { font-size:15px !important; line-height:1.6; color:#475467; text-align:center; }
body .saar-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body .saar-service-card { display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; }
body .saar-service-card > img { width:100%; height:auto; aspect-ratio:2 / 1; object-fit:contain; background:#111; transform:none; }
body .saar-service-card > div { padding:26px; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
body .saar-card-number { color:#e60023; font-size:12px; margin-bottom:12px; font-weight:600; }
body .saar-service-card h3, body .saar-social-service h3, body .smm-service-card h3 { font-size:21px !important; line-height:1.4; font-weight:600 !important; margin-bottom:12px; }
body .saar-service-card p { margin-bottom:24px; color:#475467; font-size:15px; }
body .saar-service-card a { margin-top:auto; color:#242424; font-size:14px; font-weight:600; }
body .saar-service-card a:hover { color:#e60023; }
body .saar-service-card a span { color:#e60023; }
body .smm-service-card p { color:#475467 !important; font-size:15px !important; line-height:1.8 !important; }
body .saar-expertise-card > img { width:100%; height:200px; object-fit:cover; }
body .saar-expertise-card > div { padding:28px; }
body .saar-expertise-card { height:100%; border:1px solid #edf0f3; border-radius:16px; overflow:hidden; box-shadow:0 4px 12px #10182806; }
body .saar-expertise-card a { display:inline-block; margin-top:18px; color:#e60023; font-size:14px; }
body .saar-social-service { border:1px solid #e4e7ec; border-radius:16px; background:#fff; padding:30px; min-width:0; }
body .saar-social-service p { font-size:15px; color:#475467; margin:0; }
body .saar-platform-icon { display:grid; place-items:center; width:68px; height:68px; margin-bottom:24px; border-radius:18px; background:#f4f6f8; font-size:32px; color:#344054; }
body .platform-instagram { color:#c13584; background:#fff0f5; }
body .platform-facebook-f { color:#1877f2; background:#eef5ff; }
body .platform-linkedin-in { color:#0a66c2; background:#eef5ff; }
body .platform-youtube { color:#e60023; background:#fff0f2; }
body .platform-users { color:#7255a4; background:#f4f0fa; }
body .seo-choose-layout { display:grid !important; grid-template-columns:1fr; gap:28px; margin-top:36px; align-items:start; }
/* Keep the complete service grid inside its section before the counters. */
body .seo-svc-rail-section { height:auto; max-height:none; padding-bottom:48px !important; }
body .seo-svc-rail-section .seo-svc-rail-grid,
body .seo-svc-rail-section .seo-svc-card { transform:none !important; opacity:1 !important; visibility:visible !important; }
body .seo-intro-section .seo-intro-title { margin:0 0 20px !important; line-height:1.25 !important; }
body .seo-intro-section .agency-min-text { gap:20px; }
body .seo-intro-section .agency-min-text p { padding-left:0; margin:0; }
/* Ads process: neutral accents and unrestricted copy inside each card. */
body .ads-process .step p,
body .ads-process .section-title p { max-width:none !important; }
body .ads-process .circle { background:#f2f3f4 !important; border-color:#dfe2e5 !important; }
body .ads-process .circle i { color:#41464d !important; }
body .ads-process .circle span { background:#30343a !important; color:#fff !important; }
body .ads-process .process-grid::before { background:#dfe2e5 !important; }
body .ads-process .step:hover { border-color:#cdd1d5 !important; box-shadow:0 16px 40px #15191f0d !important; }
body .ads-process .step:hover .circle { background:#e8eaec !important; box-shadow:0 8px 20px #15191f0a !important; }
body .web-services-section .nxq-premium-grid,
body .web-services-section .nxq-premium-heading { width:100%; max-width:1480px !important; }
body .saar-light-choose-section .website-choose-list { display:block; }
body .saar-light-choose-section .website-choose-item { padding-block:24px; }
body .saar-light-choose-section .website-choose-item h3 { margin-bottom:0; }
/* Graphic services: individual cards instead of a ruled directory. */
body .graphic-services-refresh { padding-block:64px; background:#f7f7f8; }
body .graphic-services-refresh .graphic-services-container { width:min(1480px,calc(100% - 40px)); }
body .graphic-services-refresh .nxq-premium-heading { max-width:100%; }
body .graphic-services-refresh .nxq-premium-heading > p { max-width:1000px; margin:20px auto 0; text-align:center !important; }
body .graphic-services-refresh .graphic-service-directory { border:0; margin-top:40px; gap:24px; }
body .graphic-services-refresh .graphic-service-row {
    position:relative; display:flex; flex-direction:column; align-items:flex-start;
    gap:24px; padding:30px !important; min-height:0; border:1px solid #e6e7e9 !important;
    border-radius:18px; background:#fff; opacity:1 !important; visibility:visible !important;
    transform:none !important; box-shadow:0 4px 16px #171b2203;
    transition:border-color .2s,box-shadow .2s;
}
body .graphic-services-refresh .graphic-service-row:hover { border-color:#b8bec5 !important; box-shadow:0 12px 28px #171b2209; }
body .graphic-services-refresh .graphic-service-icon { width:62px; height:62px; border:0; border-radius:16px; background:#f0f1f3; color:#34383f; font-size:27px; }
body .graphic-services-refresh .graphic-service-number { position:absolute; top:32px; right:30px; padding:0; color:#9ba1aa; font-size:12px; font-weight:500; }
body .graphic-services-refresh .graphic-service-row h4 { margin:0 0 12px; font-size:22px; line-height:1.35; letter-spacing:-.4px; }
body .graphic-services-refresh .graphic-service-row p { color:#667085; line-height:1.8; }
/* Content services: balanced cards with deliverables below each heading. */
body .content-services-refresh { background:#f7f7f8; }
body .content-services-refresh > .container { width:calc(100% - 64px); max-width:1600px; }
body .content-services-refresh .services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; }
body .content-services-refresh .service-card-light {
    display:flex; gap:22px;
    align-items:start; padding:30px; border:1px solid #e3e5e8; border-radius:18px;
    background:#fff; box-shadow:none; opacity:1 !important; visibility:visible !important;
    transform:none !important; transition:border-color .2s,box-shadow .2s;
}
body .content-services-refresh .service-card-light:hover { border-color:#b9bfc6; box-shadow:0 8px 24px #20242a06; }
body .content-services-refresh .service-icon-box { flex-shrink:0; width:48px; height:48px; margin:0; background:#f0f1f3; color:#34383f; border-radius:13px; font-size:23px; }
body .content-services-refresh .content-service-copy { flex:1; min-width:0; }
body .content-services-refresh .service-card-light h3 { margin:0; padding-top:8px; font-size:21px; line-height:1.4; letter-spacing:-.4px; }
body .content-services-refresh .service-card-light ul { display:block; margin:16px 0 0; padding:0; }
body .content-services-refresh .service-card-light li + li { margin-top:10px; }
body .content-services-refresh .service-card-light li { position:relative; margin:0; padding-left:17px; color:#606873; font-size:15px !important; line-height:1.7; list-style:none; }
body .content-services-refresh .service-card-light li::before { content:''; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background:#8b929b; }
@media(max-width:991px) {
    body .content-services-refresh .services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    body .content-services-refresh .service-card-light { gap:22px; }
}
@media(max-width:767px) {
    body .content-services-refresh .services-grid { grid-template-columns:1fr; }
}
@media(max-width:575px) {
    body .content-services-refresh > .container { width:calc(100% - 32px); }
    body .content-services-refresh .service-card-light { padding:24px; grid-template-columns:48px minmax(0,1fr); gap:20px 16px; }
    body .content-services-refresh .service-icon-box { width:48px; height:48px; font-size:23px; border-radius:12px; }
    body .content-services-refresh .service-card-light h3 { padding-top:0; font-size:20px; align-self:center; }
    body .content-services-refresh .service-card-light ul { grid-column:2; grid-template-columns:1fr; gap:10px; }
}
@media(max-width:575px) {
    body .graphic-services-refresh { padding-block:48px; }
    body .graphic-services-refresh .graphic-services-container { width:100%; }
    body .graphic-services-refresh .graphic-service-directory { gap:16px; }
    body .graphic-services-refresh .graphic-service-row { padding:26px !important; gap:22px; }
}
body .seo-choose-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px !important; }
body .seo-choice-card { grid-column:auto !important; border:1px solid #e4e7ec !important; border-radius:14px !important; padding:26px !important; background:#fff; }
body .seo-choice-card::before,body .seo-choice-card::after { display:none; }
body .seo-choice-card:last-child { grid-column:1 / -1 !important; }
body .seo-choice-card h3 { font-size:19px !important; line-height:1.4 !important; font-weight:600 !important; margin:10px 0; }
body .seo-choice-card p { font-size:15px !important; line-height:1.8 !important; color:#475467; }
body .seo-choice-index { position:static !important; color:#e60023 !important; font-size:13px !important; }
body .seo-choose-panel { border-radius:16px; padding:28px; min-height:0 !important; }
body .seo-choose-section .seo-choose-panel { position:relative; top:auto; width:100%; }
body .seo-choose-section .seo-growth-loop { grid-template-columns:repeat(4,minmax(0,1fr)); }
body .seo-choose-section .seo-choose-points { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body .seo-choose-section .seo-choose-points li { border:0; padding:0; }
body .seo-choice-card,body .seo-choose-panel { opacity:1 !important; visibility:visible !important; transform:none !important; }
body .seo-case-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; }
body .seo-case-card { display:grid; grid-template-columns:100px minmax(0,1fr); grid-template-rows:auto auto; column-gap:24px; align-items:center; text-align:left; border:1px solid #e4e7ec; border-radius:16px; padding:28px !important; box-shadow:none !important; background:#fff; }
body .seo-case-card::before, body .seo-case-card::after { display:none !important; }
body .seo-case-logo { grid-row:1 / 3; width:100px !important; height:100px !important; margin:0 !important; }
body .seo-case-logo img { width:100%; height:100%; object-fit:contain; }
body .seo-case-card h3 { font-size:20px !important; font-weight:500; margin:0 0 12px; }
body .seo-case-card a { justify-self:start; margin:0; border:0; border-radius:0; padding:0; color:#e60023; background:transparent; font-size:14px; }
/* One FAQ design, using native details for pointer, keyboard and touch access. */
body .saar-faq-row { padding:0 !important; margin:0 !important; list-style:none; border:0 !important; background:none !important; }
body .saar-faq-item { margin:0 !important; border:0; border-bottom:1px solid #dfe3e8; border-radius:0; background:#fff; color:#242424; }
body .saar-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 8px; cursor:pointer; list-style:none; font-size:17px !important; line-height:1.6; font-weight:500; text-align:left; }
body .saar-faq-item summary::-webkit-details-marker { display:none; }
body .saar-faq-item summary > span { flex:0 0 28px; width:28px; height:28px; border:1px solid #d0d5dd; border-radius:50%; position:relative; }
body .saar-faq-item summary > span::before,body .saar-faq-item summary > span::after { content:''; position:absolute; background:#344054; top:13px; left:8px; width:10px; height:1px; }
body .saar-faq-item summary > span::after { transform:rotate(90deg); }
body .saar-faq-item[open] summary > span { background:#e60023; border-color:#e60023; }
body .saar-faq-item[open] summary > span::before { background:#fff; }
body .saar-faq-item[open] summary > span::after { display:none; }
body .saar-faq-answer { padding:0 52px 26px 8px; color:#475467; font-size:16px; line-height:1.8; text-align:left; }
body summary:focus-visible, body .saar-service-card a:focus-visible { outline:2px solid #e60023; outline-offset:4px; }
/* All FAQ pages use the same single-column presentation and native controls. */
body .saar-faq-section { padding-top:64px !important; padding-bottom:64px !important; background:#fff !important; }
body .saar-faq-section::before, body .saar-faq-section::after { display:none !important; }
/* Blend the surrounding grey into the white FAQs before the CTA ends. */
body .smm-faq-transition { background:linear-gradient(to bottom,#f6f6f6 0%,#fff 100%); }
body .animation-work-transition { padding-bottom:32px !important; background:linear-gradient(to bottom,#f6f6f6 0%,#f6f6f6 40%,#fff 100%); }
body .saar-faq-section .home-faq-layout { display:block; }
body .saar-faq-section .row { display:block; margin-inline:0; }
body .saar-faq-section [class*="col-"] { width:100%; max-width:100%; padding-inline:0; }
body .saar-faq-section .row.g-4 > [class*="col-"] { margin-top:0 !important; }
body .saar-faq-section .accordion-box,
body .saar-faq-section .home-faq-list { width:100%; max-width:1296px; margin:32px auto 0 !important; padding:0; border-top:0; }
body .saar-faq-section .sec-title,
body .saar-faq-section .home-faq-intro { text-align:center; }
body .saar-faq-section h2 { margin-bottom:32px !important; font-size:clamp(28px,3vw,42px) !important; line-height:1.25 !important; font-weight:500 !important; text-align:center !important; }
body .saar-faq-section .sub-title { justify-content:center; }
body .saar-faq-section .saar-faq-item { width:100%; background:transparent; border-bottom-color:#eceef1; }
body .saar-faq-section .saar-faq-answer p { margin:0 0 12px; padding:0; font-size:16px !important; line-height:1.8; color:inherit; }
body .saar-faq-section .saar-faq-answer p:last-child { margin-bottom:0; }
body .saar-faq-section .wow { opacity:1 !important; visibility:visible !important; transform:none !important; }
body .about-home-faq .row > .col-lg-6 { width:100%; }
body .about-home-faq .row.g-4 { row-gap:0 !important; }
body .saar-tool-category { font-size:12px !important; color:#667085; line-height:1.5; margin:8px 0 0; text-align:center; }
body .tools-grid { gap:18px; }
body .tool-title { font-size:15px !important; line-height:1.4; }
body .delhi-services-section .seo-svc-card { padding:26px !important; min-height:0 !important; }
body .delhi-services-section .seo-svc-card-title { font-size:19px !important; line-height:1.4 !important; min-height:0 !important; margin:18px 0 12px !important; }
body .delhi-services-section .seo-svc-card p { font-size:15px !important; line-height:1.8 !important; margin:0 !important; }
body .delhi-growth-section .agency-min-image { min-height:0 !important; }
body .delhi-growth-section .agency-min-image img { height:auto !important; object-fit:contain !important; background:#f3f5f7; }
body .delhi-faq-section > .container > .row { align-items:start !important; }
body .delhi-faq-section > .container > .row > div { width:100%; }
body .delhi-faq-section .accordion-box { max-width:960px; margin:28px auto 0 !important; }
/* Same metric layout as the homepage; all original client figures retained. */
body .results-social-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body .social-result-card { min-width:0; padding:24px; border:1px solid #e4e7ec; border-radius:16px; background:#fff; box-shadow:0 4px 20px #10182805; }
body .social-result-head { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
body .social-result-count { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#172b4d; color:#fff; flex-shrink:0; font-size:12px; }
body .social-result-head h4 { font-size:15px; line-height:1.5; margin:0; overflow-wrap:anywhere; }
body .social-platform h5 { font-size:13px; line-height:1.5; margin:18px 0 10px; }
body .social-platform ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; }
body .social-platform li { list-style:none; border-radius:8px; padding:12px; background:#f4f6fa; font-size:11px !important; line-height:1.5; color:#667085; }
body .social-platform li strong { display:block; font-size:19px; color:#172b4d; line-height:1.4; }
body .home-portfolio-lightbox__close { position:absolute; top:-14px; right:-14px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#e60023; color:#fff; border:0; font-size:24px; cursor:pointer; }
body .home-portfolio-lightbox::backdrop { background:#000b; }
@media(min-width:1400px) { body .delhi-services-section .seo-svc-card-title { font-size:18px !important; white-space:nowrap; } }
@media(max-width:991px) {
    body .saar-services-grid,body .results-social-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body .seo-choose-layout { grid-template-columns:1fr; }
    body .seo-choose-panel { max-width:none; }
}
@media(max-width:767px) {
    body .saar-faq-section { padding-top:48px !important; padding-bottom:48px !important; }
    body .seo-choose-section .seo-growth-loop { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body .seo-choose-section .seo-choose-points { grid-template-columns:1fr; gap:18px; }
    body .home-intro .home-intro-inner { width:calc(100% - 40px) !important; }
    body .vm-row { display:grid; grid-template-columns:1fr; gap:20px; }
    body .vm-col { width:100%; }
    body .saar-services-grid,body .results-social-grid,body .seo-case-grid { grid-template-columns:1fr !important; }
    body .seo-choose-grid { grid-template-columns:1fr !important; }
    body .saar-faq-item summary { font-size:16px !important; padding:20px 4px; gap:16px; }
    body .saar-faq-answer { padding:0 4px 24px; font-size:15px; }
    body .seo-case-card { padding:22px !important; grid-template-columns:80px minmax(0,1fr); gap:16px; }
    body .seo-case-logo { width:80px !important; height:80px !important; }
    body .seo-case-card h3 { font-size:18px !important; }
    body .saar-service-card > div,body .saar-social-service { padding:24px; }
}