/* ==========================================================
   DISHA RECRUITMENT
   COMMON TYPOGRAPHY SYSTEM
   Version 1.0

   PURPOSE
   ----------------------------------------------------------
   Final website-wide readability baseline.

   IMPORTANT:
   This file should be loaded AFTER:
   1. global.css
   2. disha-common-navigation.css
   3. page-specific CSS

   Do NOT use this file for layout or navigation.
========================================================== */


/* ==========================================================
   A. GLOBAL BODY TYPOGRAPHY
========================================================== */

body{
    font-family:"Open Sans",sans-serif;
    font-size:15px;
    line-height:1.65;
    color:#5f6875;
}


/* ==========================================================
   B. MAIN HEADINGS
========================================================== */

h1{
    font-family:"Poppins",sans-serif;
    font-size:34px;
    line-height:1.15;
    font-weight:700;
}

h2{
    font-family:"Poppins",sans-serif;
    font-size:24px;
    line-height:1.25;
    font-weight:700;
}

h3{
    font-family:"Poppins",sans-serif;
    font-size:17px;
    line-height:1.35;
    font-weight:700;
}


/* ==========================================================
   C. NORMAL CONTENT
========================================================== */

p{
    font-family:"Open Sans",sans-serif;
    font-size:15px;
    line-height:1.65;
}


/* ==========================================================
   D. HERO TYPOGRAPHY
   ----------------------------------------------------------
   Hero is deliberately slightly larger than normal content.
========================================================== */

.hrx-hero-content h1,
.office-hero-content h1{
    font-family:"Poppins",sans-serif;
    font-size:34px;
    line-height:1.15;
    font-weight:700;
}

.hrx-hero-content p,
.office-hero-content p{
    font-size:15px;
    line-height:1.65;
}


/* ==========================================================
   E. SECTION HEADINGS
========================================================== */

.hrx-section-heading h2,
.section-title,
.hrx-faq-header h2{
    font-family:"Poppins",sans-serif;
    font-size:24px;
    line-height:1.25;
    font-weight:700;
}

.hrx-section-heading p,
.section-intro{
    font-size:14px;
    line-height:1.65;
}


/* ==========================================================
   F. CARD HEADINGS
========================================================== */

.card h3,
.role-card h3,
.service-card h3,
.industry-card h3,
.education-card h3{
    font-family:"Poppins",sans-serif;
    font-size:16px;
    line-height:1.35;
    font-weight:700;
}


/* ==========================================================
   G. CARD / SUPPORTING TEXT
========================================================== */

.card p,
.role-card p,
.service-card p,
.industry-card p,
.education-card p{
    font-size:14px;
    line-height:1.55;
}


/* ==========================================================
   H. IMPORTANT ROLE / SERVICE TEXT
========================================================== */

.role-item,
.quality-item,
.support-item{
    font-size:16px;
    line-height:1.5;
}


/* ==========================================================
   I. FRAMEWORK / PROCESS CONTENT
========================================================== */

.framework-content h3{
    font-size:16px;
    line-height:1.35;
}

.framework-content p{
    font-size:14px;
    line-height:1.55;
}


/* ==========================================================
   J. FAQ
========================================================== */

.faq-item summary{
    font-family:"Open Sans",sans-serif;
    font-size:16px;
    line-height:1.5;
    font-weight:600;
}

.faq-item p{
    font-size:14px;
    line-height:1.70;
}


/* ==========================================================
   K. SMALL EYEBROW / SECTION LABELS
   ----------------------------------------------------------
   These are intentionally smaller UI elements.
   They are NOT normal body text.
========================================================== */

.eyebrow,
.section-eyebrow,
.hero-eyebrow,
.current-opening-label,
.ready-label{
    font-size:11px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:1px;
}


/* ==========================================================
   L. CURRENT OPENING STRIP
========================================================== */

.current-opening h2,
.current-opening h3{
    font-size:19px;
    line-height:1.35;
}

.current-opening p{
    font-size:14px;
    line-height:1.5;
}


/* ==========================================================
   M. CTA SECTION
========================================================== */

.cta-section h2{
    font-family:"Poppins",sans-serif;
    font-size:25px;
    line-height:1.25;
    font-weight:700;
}

.cta-section p{
    font-size:14px;
    line-height:1.65;
}


/* ==========================================================
   N. FOOTER
   ----------------------------------------------------------
   IMPORTANT:
   Footer text must NOT inherit tiny text from older CSS.
========================================================== */

.footer37-brand h2{
    font-family:"Poppins",sans-serif;
    font-size:30px;
    line-height:1.2;
    font-weight:700;
}

.footer37-brand p{
    font-size:13px;
    line-height:1.65;
}


/* FOOTER COLUMN HEADINGS */

.footer37-column h3{
    font-family:"Poppins",sans-serif;
    font-size:15px;
    line-height:1.35;
    font-weight:700;
}


/* FOOTER LINKS */

.footer37-column a{
    font-family:"Open Sans",sans-serif;
    font-size:13px;
    line-height:1.55;
}


/* FOOTER LIST ITEMS */

.footer37-column li{
    font-size:13px;
    line-height:1.55;
}


/* ==========================================================
   O. CONTACT RIBBON
========================================================== */

.footer37-ribbon h3{
    font-family:"Poppins",sans-serif;
    font-size:22px;
    line-height:1.3;
    font-weight:700;
}

.footer37-ribbon p{
    font-size:14px;
    line-height:1.6;
}


/* ==========================================================
   P. CONTACT CARDS
========================================================== */

.contact-card h3,
.contact-box h3{
    font-size:15px;
    line-height:1.35;
}

.contact-card p,
.contact-box p{
    font-size:13px;
    line-height:1.55;
}


/* ==========================================================
   Q. MOBILE TYPOGRAPHY
========================================================== */

@media(max-width:768px){

    h1{
        font-size:29px;
        line-height:1.15;
    }

    h2{
        font-size:21px;
        line-height:1.25;
    }

    h3{
        font-size:16px;
    }

    body,
    p{
        font-size:14px;
        line-height:1.65;
    }

    .hrx-hero-content h1,
    .office-hero-content h1{
        font-size:29px;
    }

    .hrx-hero-content p,
    .office-hero-content p{
        font-size:14px;
    }

    .hrx-section-heading h2,
    .section-title,
    .hrx-faq-header h2{
        font-size:21px;
    }

    .hrx-section-heading p,
    .section-intro{
        font-size:14px;
    }

    .faq-item summary{
        font-size:15px;
    }

    .faq-item p{
        font-size:14px;
    }

    .footer37-brand h2{
        font-size:26px;
    }

    .footer37-column h3{
        font-size:15px;
    }

    .footer37-column a,
    .footer37-column li{
        font-size:13px;
    }

    .footer37-ribbon h3{
        font-size:21px;
    }

}


/* ==========================================================
   END
   DISHA COMMON TYPOGRAPHY SYSTEM
========================================================== */