/* ══ wd-type.css — shared type scale + section spacing for /website-designing/ and the 6 design pages.
   Loaded last on /website-designing/; wdgen.py appends it after wdfam.css on the family pages. ══ */
/* ══ typography + section spacing — one scale for the whole page (audit 26 Oct 2026, matches homepage) ══
   H1 48/36/26 · H2 38/30/22 · H3 panel 24/22/20 · H3 card 20/19/18 · eyebrow 18/16 · lead 18/16 · body 16 · all 700 headings
   Sections 80px top/bottom (60px phones) · heading-to-content gap 40px (30px phones) */
.web-head .hero-new-h1 { font-size: 48px !important; line-height: 1.2 !important; }
.web-head .hero-new-h1, .web-head .hero-new-h1 .hero-accent-word, .web-head .hero-new-h1 span { font-weight: 700 !important; }
.web-head .hero-new-sub { font-size: 18px !important; line-height: 1.667 !important; }
.faqsection .main-heading-box .mainheadingtitle { font-size: 38px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; }
.sz2-pan h3, .wy3-pan h3, .wq-p3-pan h3, .dz3-txt h2 { font-size: 24px !important; font-weight: 700 !important; line-height: 1.35 !important; }
.cmr-app-services .tab_order2 h3, .sz2-b h3, .wx-pins h3, .wq-i3-c h3, .dz-svc-t { font-size: 20px !important; font-weight: 700 !important; line-height: 1.4 !important; }
section .subtitle_text { font-size: 18px !important; font-weight: 400 !important; }
.sz-intro, .dz-sub, .wq-sub, .wy-sub, .eccomerceport p.montesert { font-size: 18px !important; line-height: 1.667 !important; }
.cmr-app-services .tab_order2 p, .sz2-pan p, .sz2-b p, .dz3-txt p, .wx-pins p, .wy3-pan p, .wq-p3-pan p, .wq-i3-c p, .wn1-c p, .we1 .ogen-seo-entity-para.we-p { font-size: 16px !important; line-height: 1.667 !important; }
.dz3-facts li, .we-facts li { font-size: 16px !important; font-weight: 600 !important; line-height: 1.5 !important; }
/* section padding: every section 80 / 80 */
.eccomerceport.paddingComm5 { margin-top: 0 !important; }
.ogen-consult2030 { padding-top: 80px !important; padding-bottom: 80px !important; }
/* heading-to-content gap: 40 */
.contenttitle .mainheadingtitle { margin-bottom: 0 !important; }
.cmr-app-services.commonpadding { padding-top: 40px !important; }
.sz-head, .dz-head { margin-bottom: 40px !important; }
.sz2-box, .dz3-box { margin-top: 0 !important; }
.testimonial-home .main-heading-box, .faqsection .main-heading-box, .ogen-howwe-head { margin-bottom: 40px !important; }
@media (max-width: 991px) {
  .web-head .hero-new-h1 { font-size: 36px !important; }
  .faqsection .main-heading-box .mainheadingtitle { font-size: 30px !important; }
  .sz2-pan h3, .wy3-pan h3, .wq-p3-pan h3, .dz3-txt h2 { font-size: 22px !important; }
  .cmr-app-services .tab_order2 h3, .sz2-b h3, .wx-pins h3, .wq-i3-c h3, .dz-svc-t { font-size: 19px !important; }
}
@media (max-width: 576px) {
  .web-head .hero-new-h1 { font-size: 26px !important; line-height: 1.25 !important; }
  .web-head .hero-new-sub { font-size: 16px !important; }
  .faqsection .main-heading-box .mainheadingtitle { font-size: 22px !important; line-height: 1.45 !important; }
  .sz2-pan h3, .wy3-pan h3, .wq-p3-pan h3, .dz3-txt h2 { font-size: 20px !important; }
  .cmr-app-services .tab_order2 h3, .sz2-b h3, .wx-pins h3, .wq-i3-c h3, .dz-svc-t { font-size: 18px !important; }
  section .subtitle_text { font-size: 16px !important; }
  .sz-intro, .dz-sub, .wq-sub, .wy-sub, .eccomerceport p.montesert { font-size: 16px !important; }
  .dz3-facts li, .we-facts li { font-size: 15px !important; }
  .ogen-consult2030, .ogen-howwe { padding-top: 60px !important; padding-bottom: 60px !important; }
  .cmr-app-services.commonpadding { padding-top: 30px !important; }
  .sz-head, .dz-head, .testimonial-home .main-heading-box, .faqsection .main-heading-box, .ogen-howwe-head { margin-bottom: 30px !important; }
}
/* portfolio slider: its text is absolutely positioned, so size the slider to end where the text ends (bottom gap = 80 / 60) */
@media (max-width: 1599px) { .eccomerceport .eccomerceport-slider { height: 925px !important; } }
@media (max-width: 990px) { .eccomerceport .eccomerceport-slider { height: 760px !important; } }
@media (max-width: 767px) { .eccomerceport.paddingComm5 { height: auto !important; } .eccomerceport .eccomerceport-slider { height: 762px !important; } }
@media (max-width: 480px) { .eccomerceport .eccomerceport-slider { height: 709px !important; } }
@media (max-width: 374px) { .eccomerceport .eccomerceport-slider { height: 788px !important; } }
/* testimonials: the avatar hangs 19px below the cards — row margin tops it up to exactly 80 */
.testimonial-home .row.testimonial-box { margin-bottom: 19px !important; }
@media (min-width: 861px) and (max-width: 991px), (max-width: 767px) { .testimonial-home .row.testimonial-box { margin-bottom: 0 !important; } }