/*==========================
        BLOG PAGE
==========================*/

.blog-hero{

background:linear-gradient(135deg,#e5322d,#ff6b61);

padding:90px 20px;

text-align:center;

color:#fff;

}

.blog-container{

max-width:900px;

margin:auto;

}

.blog-tag{

display:inline-block;

background:#fff;

color:#e5322d;

padding:8px 18px;

border-radius:50px;

font-weight:600;

margin-bottom:20px;

}

.blog-hero h1{

font-size:48px;

margin-bottom:20px;

}

.blog-subtitle{

font-size:20px;

opacity:.95;

line-height:1.8;

}

.blog-content{

padding:80px 20px;

background:#f7f9fc;

}

.blog-content img{

width:100%;

border-radius:18px;

margin-bottom:40px;

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.blog-content h2{

font-size:34px;

margin:40px 0 20px;

color:#222;

}

.blog-content p{

font-size:18px;

line-height:1.9;

color:#555;

margin-bottom:20px;

}

.blog-content ul{

padding-left:25px;

margin-bottom:35px;

}

.blog-content li{

margin:12px 0;

font-size:17px;

}

.step{

display:flex;

gap:20px;

margin:30px 0;

background:#fff;

padding:25px;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.step span{

width:55px;

height:55px;

background:#e5322d;

color:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:22px;

font-weight:700;

flex-shrink:0;

}

.info-box{

background:#fff3f2;

border-left:5px solid #e5322d;

padding:30px;

border-radius:15px;

margin:50px 0;

}

.faq-box{

background:#fff;

padding:25px;

border-radius:15px;

margin:20px 0;

box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.faq-box h3{

margin-bottom:10px;

color:#222;

}

@media(max-width:768px){

.blog-hero h1{

font-size:34px;

}

.blog-subtitle{

font-size:17px;

}

.blog-content h2{

font-size:28px;

}

.step{

flex-direction:column;

align-items:flex-start;

}

}

/* =====================================
   PDFMaster Features Page Professional CSS
===================================== */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Poppins",sans-serif;
}


body{

    background:#f5f8ff;
    color:#374151;
    line-height:1.8;
    padding:40px 15px;

}



/* Main Features Box */

.features-container{

    width:100%;
    max-width:1000px;
    margin:auto;

    background:#ffffff;

    padding:50px;

    border-radius:30px;

    box-shadow:
    0 20px 60px rgba(37,99,235,0.10);

}



/* Main Heading */

.features-container h1{

    text-align:center;

    font-size:42px;

    font-weight:800;

    color:#2563eb;

    margin-bottom:25px;

    letter-spacing:-1px;

}



/* Intro Paragraph */

.features-container > p:first-of-type{

    text-align:center;

    max-width:800px;

    margin:0 auto 45px;

    font-size:17px;

    color:#64748b;

}



/* Feature Sections */

.features-container h2{

    position:relative;

    margin-top:45px;

    margin-bottom:18px;

    padding:15px 20px;

    font-size:25px;

    font-weight:700;

    color:#111827;

    background:linear-gradient(
        135deg,
        #eff6ff,
        #ffffff
    );

    border-radius:15px;

    border-left:6px solid #2563eb;

}



/* Paragraph Styling */

.features-container p{

    font-size:16px;

    color:#4b5563;

    margin-bottom:20px;

}



/* Lists */

.features-container ul{

    margin:20px 0 25px;

    padding:0;

    list-style:none;

}



.features-container li{

    position:relative;

    background:#f8fafc;

    margin-bottom:12px;

    padding:14px 18px 14px 45px;

    border-radius:12px;

    font-size:16px;

    color:#374151;

    transition:.3s;

}



.features-container li:hover{

    transform:translateX(6px);

    background:#eff6ff;

}



.features-container li::before{

    content:"✓";

    position:absolute;

    left:18px;

    top:12px;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#2563eb;

    color:white;

    font-size:14px;

    display:flex;

    align-items:center;

    justify-content:center;

}



/* Highlight Last Section */

.features-container h2:last-of-type{

    background:linear-gradient(
        135deg,
        #2563eb,
        #1d4ed8
    );

    color:white;

    border:none;

}



.features-container h2:last-of-type::first-letter{

    color:white;

}




/* Bold Text */

.features-container b{

    color:#111827;

}




/* Last Update */

.last-update{

    margin-top:50px;

    padding-top:25px;

    border-top:1px solid #e5e7eb;

    text-align:center;

    font-size:14px !important;

    color:#64748b !important;

}





/* =========================
      Dark Mode
========================= */


body.dark{

    background:#0f172a;

}



body.dark .features-container{

    background:#1e293b;

    box-shadow:
    0 20px 60px rgba(0,0,0,.4);

}



body.dark h1{

    color:#60a5fa;

}



body.dark h2{

    color:#f8fafc;

    background:#334155;

}



body.dark p{

    color:#cbd5e1;

}



body.dark li{

    background:#334155;

    color:#e2e8f0;

}



body.dark li:hover{

    background:#475569;

}



body.dark b{

    color:white;

}




/* =========================
      Mobile Responsive
========================= */


@media(max-width:768px){


body{

    padding:20px 12px;

}



.features-container{

    padding:30px 20px;

    border-radius:22px;

}



.features-container h1{

    font-size:30px;

}



.features-container > p:first-of-type{

    font-size:15px;

}



.features-container h2{

    font-size:21px;

    padding:12px 15px;

    margin-top:30px;

}



.features-container p{

    font-size:15px;

}



.features-container li{

    font-size:14px;

    padding:12px 15px 12px 40px;

}


}




/* Small Mobile */

@media(max-width:420px){


.features-container h1{

    font-size:26px;

}


.features-container h2{

    font-size:19px;

}


}

 /*=========================================
            ABOUT PAGE
=========================================*/

.about-hero{

    background:linear-gradient(135deg,#E5322D,#ff6b61);

    color:#fff;

    padding:120px 20px;

    text-align:center;

}

.container{

    max-width:1200px;

    margin:auto;

}

.section-tag{

    display:inline-block;

    padding:8px 22px;

    background:rgba(255,255,255,.18);

    border:1px solid rgba(255,255,255,.3);

    backdrop-filter:blur(10px);

    border-radius:50px;

    font-size:15px;

    font-weight:600;

    margin-bottom:22px;

}

.about-hero h1{

    font-size:56px;

    font-weight:700;

    margin-bottom:25px;

    line-height:1.2;

}

.about-hero p{

    max-width:820px;

    margin:auto;

    font-size:19px;

    line-height:1.9;

    opacity:.95;

}


/*=========================================
            ABOUT SECTION
=========================================*/

.about-hero{
    background: linear-gradient(135deg,#E5322D,#ff6b61);
    padding:120px 20px;
    color:#fff;
}

.about-section{

    padding:100px 20px;

    background:#f7f9fc;

}

.about-text{

    background:#fff;

    padding:50px;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.about-text h2{

    font-size:40px;

    color:#222;

    margin-bottom:20px;

}

.about-text p{

    color:#666;

    font-size:17px;

    line-height:1.9;

    margin-bottom:18px;

}


/*=========================================
          FEATURES
=========================================*/

.about-features{

    padding:100px 20px;

    background:#fff;

    text-align:center;

}

.about-features h2{

    font-size:42px;

    margin-bottom:15px;

    color:#222;

}

.section-desc{

    max-width:700px;

    margin:0 auto 60px;

    color:#666;

    font-size:18px;

}

.feature-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:30px;

}

.feature-card{

    background:#fff;

    padding:35px;

    border-radius:22px;

    border:1px solid #ececec;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

    transition:.35s;

}

.feature-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.feature-card i{

    width:75px;

    height:75px;

    background:#E5322D;

    color:#fff;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    margin:0 auto 25px;

}

.feature-card h3{

    font-size:24px;

    color:#222;

    margin-bottom:15px;

}

.feature-card p{

    color:#666;

    line-height:1.8;

}


/*=========================================
            MISSION
=========================================*/

.mission{

    padding:100px 20px;

    background:#f7f9fc;

    text-align:center;

}

.mission h2{

    font-size:42px;

    color:#222;

    margin-bottom:20px;

}

.mission p{

    max-width:850px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:1.9;

}


/*=========================================
              STATS
=========================================*/

.stats{

    padding:90px 20px;

    background:#fff;

}

.stats-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:25px;

}

.stat-card{

    background:#fff;

    text-align:center;

    padding:40px;

    border-radius:20px;

    border:1px solid #ececec;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

    transition:.3s;

}

.stat-card:hover{

    transform:translateY(-8px);

}

.stat-card h3{

    font-size:42px;

    color:#E5322D;

    margin-bottom:12px;

}

.stat-card p{

    color:#666;

    font-size:18px;

}


/*=========================================
            CTA
=========================================*/

.about-cta{

    padding:100px 20px;

    background:linear-gradient(135deg,#E5322D,#ff6b61);

    text-align:center;

    color:#fff;

}

.about-cta h2{

    font-size:46px;

    margin-bottom:18px;

}

.about-cta p{

    max-width:700px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.9;

}

.btn{

    display:inline-block;

    padding:16px 40px;

    background:#fff;

    color:#E5322D;

    text-decoration:none;

    font-weight:600;

    border-radius:12px;

    transition:.3s;

}

.btn:hover{

    background:#222;

    color:#fff;

    transform:translateY(-4px);

}


/*=========================================
          RESPONSIVE
=========================================*/

@media(max-width:992px){

.about-hero h1{

font-size:46px;

}

.about-text{

padding:35px;

}

}

@media(max-width:768px){

.about-hero{

padding:80px 20px;

}

.about-hero h1{

font-size:36px;

}

.about-hero p{

font-size:17px;

}

.about-text h2,
.about-features h2,
.mission h2,
.about-cta h2{

font-size:32px;

}

.about-text{

padding:30px;

}

.feature-grid,
.stats-grid{

grid-template-columns:1fr;

}

}

@media(max-width:480px){

.about-hero h1{

font-size:30px;

}

.about-hero p{

font-size:16px;

}

.about-text{

padding:22px;

}

.feature-card{

padding:28px;

}

.feature-card i{

width:65px;

height:65px;

font-size:26px;

}

.btn{

width:100%;

text-align:center;

}

}


/*=========================================
            CONTACT HERO
=========================================*/

.contact-hero{

    background:linear-gradient(135deg,#E5322D,#ff6b61);

    color:#fff;

    text-align:center;

    padding:110px 20px;

}

.container{

    max-width:1200px;

    margin:auto;

}

.section-tag{

    display:inline-block;

    padding:8px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.18);

    border:1px solid rgba(255,255,255,.25);

    backdrop-filter:blur(10px);

    margin-bottom:20px;

    font-weight:600;

}

.contact-hero h1{

    font-size:55px;

    margin-bottom:20px;

}

.contact-hero p{

    max-width:750px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

}


/*=========================================
          CONTACT SECTION
=========================================*/

.contact-section{

    background:#f7f9fc;

    padding:90px 20px;

}

.contact-grid{

    display:grid;

    grid-template-columns:1fr 1.2fr;

    gap:40px;

}


/*=========================================
          CONTACT INFO
=========================================*/

.contact-info{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 12px 35px rgba(0,0,0,.07);

}

.contact-info h2{

    font-size:34px;

    color:#222;

    margin-bottom:15px;

}

.contact-info>p{

    color:#666;

    margin-bottom:35px;

    line-height:1.8;

}

.info-box{

    display:flex;

    gap:18px;

    align-items:flex-start;

    margin-bottom:25px;

    padding:20px;

    border-radius:15px;

    transition:.3s;

}

.info-box:hover{

    background:#fff4f4;

}

.info-box i{

    width:60px;

    height:60px;

    border-radius:15px;

    background:#E5322D;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.info-box h3{

    margin-bottom:6px;

    color:#222;

}

.info-box p{

    color:#666;

}


/*=========================================
          CONTACT FORM
=========================================*/

.contact-form{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 12px 35px rgba(0,0,0,.07);

}

.contact-form h2{

    font-size:34px;

    margin-bottom:30px;

    color:#222;

}

.input-group{

    margin-bottom:22px;

}

.input-group input,
.input-group textarea{

    width:100%;

    padding:16px 18px;

    border:1px solid #ddd;

    border-radius:12px;

    font-size:16px;

    transition:.3s;

    outline:none;

}

.input-group input:focus,
.input-group textarea:focus{

    border-color:#E5322D;

    box-shadow:0 0 0 4px rgba(229,50,45,.12);

}

textarea{

    resize:vertical;

}

.contact-btn{

    width:100%;

    padding:16px;

    border:none;

    border-radius:12px;

    background:#E5322D;

    color:#fff;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.contact-btn:hover{

    background:#c62828;

    transform:translateY(-3px);

}

.contact-btn i{

    margin-right:8px;

}


/*=========================================
              MAP
=========================================*/

.map-section{

    padding:90px 20px;

    background:#fff;

    text-align:center;

}

.map-section h2{

    font-size:40px;

    color:#222;

}

.map-section p{

    color:#666;

    margin:15px 0 40px;

}

.map-box{

    background:#f7f9fc;

    border-radius:20px;

    padding:60px;

    border:2px dashed #ddd;

}

.map-box i{

    font-size:60px;

    color:#E5322D;

    margin-bottom:20px;

}

.map-box h3{

    font-size:28px;

    margin-bottom:10px;

}


/*=========================================
            CTA
=========================================*/

.contact-cta{

    background:linear-gradient(135deg,#E5322D,#ff6b61);

    color:#fff;

    text-align:center;

    padding:90px 20px;

}

.contact-cta h2{

    font-size:42px;

    margin-bottom:20px;

}

.contact-cta p{

    max-width:700px;

    margin:0 auto 35px;

    line-height:1.8;

}

.btn{

    display:inline-block;

    padding:16px 38px;

    background:#fff;

    color:#E5322D;

    text-decoration:none;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}

.btn:hover{

    background:#222;

    color:#fff;

}


/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:992px){

.contact-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact-hero{

padding:80px 20px;

}

.contact-hero h1{

font-size:38px;

}

.contact-info,
.contact-form{

padding:28px;

}

.contact-info h2,
.contact-form h2{

font-size:28px;

}

.map-box{

padding:35px;

}

.contact-cta h2{

font-size:32px;

}

}

@media(max-width:480px){

.contact-hero h1{

font-size:30px;

}

.info-box{

flex-direction:column;

}

.info-box i{

margin-bottom:10px;

}

.btn,
.contact-btn{

width:100%;

}

}

/* ===============================
   CAREERS PAGE - PDFMASTER
================================ */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Poppins",sans-serif;
}

body{
    background:#f6f8fc;
    color:#1e293b;
}


.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


/* ===============================
        HERO SECTION
================================ */

.career-hero{

    padding:100px 20px;
    text-align:center;

    background:
    linear-gradient(135deg,#2563eb,#4f46e5);

    color:white;

}


.section-tag{

    display:inline-block;

    background:rgba(255,255,255,0.15);

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

    margin-bottom:20px;

}


.career-hero h1{

    font-size:52px;

    max-width:850px;

    margin:auto;

    line-height:1.2;

}


.career-hero p{

    max-width:750px;

    margin:25px auto;

    font-size:18px;

    line-height:1.7;

    opacity:.9;

}


.career-btn{

    display:inline-block;

    margin-top:20px;

    padding:15px 35px;

    background:white;

    color:#2563eb;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}


.career-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 30px rgba(0,0,0,.2);

}



/* ===============================
       ABOUT SECTION
================================ */


.career-about{

    padding:90px 20px;

    text-align:center;

}


.career-about h2,
.career-benefits h2,
.job-section h2,
.career-process h2{

    font-size:38px;

    margin-bottom:15px;

}


.section-desc{

    max-width:750px;

    margin:0 auto 50px;

    color:#64748b;

    font-size:17px;

    line-height:1.7;

}



/* ===============================
        CARDS
================================ */


.career-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}


.career-card{

    background:white;

    padding:35px 25px;

    border-radius:22px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.06);

    transition:.3s;

}


.career-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.12);

}


.career-card i{

    font-size:35px;

    color:#2563eb;

    margin-bottom:20px;

}


.career-card h3{

    margin-bottom:12px;

    font-size:22px;

}


.career-card p{

    color:#64748b;

    line-height:1.6;

}



/* ===============================
       BENEFITS
================================ */


.career-benefits{

    padding:90px 20px;

    background:#fff;

    text-align:center;

}


.benefit-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}


.benefit-item{

    padding:30px;

    background:#f8fafc;

    border-radius:18px;

    transition:.3s;

}


.benefit-item:hover{

    background:#eff6ff;

    transform:translateY(-5px);

}


.benefit-item i{

    font-size:32px;

    color:#4f46e5;

    margin-bottom:15px;

}



/* ===============================
        JOB SECTION
================================ */


.job-section{

    padding:90px 20px;

}


.job-card{

    background:white;

    padding:30px;

    border-radius:20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

    box-shadow:
    0 10px 25px rgba(0,0,0,.06);

    transition:.3s;

}


.job-card:hover{

    transform:translateX(8px);

}


.job-card h3{

    font-size:24px;

    margin-bottom:10px;

}


.job-card p{

    color:#64748b;

}


.apply-btn{

    background:#2563eb;

    color:white;

    padding:12px 28px;

    border-radius:30px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}


.apply-btn:hover{

    background:#1d4ed8;

}



/* ===============================
      PROCESS SECTION
================================ */


.career-process{

    padding:90px 20px;

    background:#fff;

    text-align:center;

}


.process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}


.process-card{

    padding:30px;

    background:#f8fafc;

    border-radius:20px;

}


.process-card span{

    width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    background:#2563eb;

    color:white;

    border-radius:50%;

    font-size:20px;

    font-weight:700;

}


.process-card h3{

    margin:20px 0 10px;

}



/* ===============================
        CTA
================================ */


.career-cta{

    padding:90px 20px;

    text-align:center;

    background:
    linear-gradient(135deg,#111827,#1e40af);

    color:white;

}


.career-cta h2{

    font-size:40px;

    margin-bottom:20px;

}


.career-cta p{

    font-size:18px;

    margin-bottom:20px;

    opacity:.9;

}




/* ===============================
        RESPONSIVE
================================ */


@media(max-width:900px){


.career-grid,
.benefit-grid{

    grid-template-columns:repeat(2,1fr);

}


.process-grid{

    grid-template-columns:repeat(2,1fr);

}


.career-hero h1{

    font-size:40px;

}


}



@media(max-width:600px){


.container{

    width:94%;

}


.career-hero{

    padding:70px 15px;

}


.career-hero h1{

    font-size:32px;

}


.career-hero p{

    font-size:16px;

}


.career-grid,
.benefit-grid,
.process-grid{

    grid-template-columns:1fr;

}


.career-about h2,
.career-benefits h2,
.job-section h2,
.career-process h2{

    font-size:30px;

}


.job-card{

    flex-direction:column;

    align-items:flex-start;

    gap:20px;

}


.apply-btn{

    width:100%;

    text-align:center;

}


.career-cta h2{

    font-size:30px;

}


}

/* =================================
        PDFMASTER PRESS PAGE
================================= */


.press-hero{

    padding:100px 20px;

    text-align:center;

    color:white;

    background:
    linear-gradient(135deg,#2563eb,#7c3aed);

}



.press-hero h1{

    font-size:52px;

    margin:20px 0;

    line-height:1.2;

}


.press-hero p{

    max-width:750px;

    margin:0 auto 30px;

    font-size:18px;

    line-height:1.7;

    opacity:.9;

}



.section-tag{

    display:inline-block;

    background:rgba(255,255,255,.15);

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

}



.press-btn{

    display:inline-block;

    padding:14px 35px;

    background:white;

    color:#2563eb;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}



.press-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 30px rgba(0,0,0,.2);

}




/* ===============================
        ABOUT PRESS
================================ */


.press-about{

    padding:90px 20px;

    text-align:center;

}



.press-about h2,
.news-section h2,
.media-kit h2,
.coverage-section h2,
.press-contact h2{

    font-size:38px;

    margin-bottom:20px;

}



.section-desc{

    max-width:750px;

    margin:0 auto 50px;

    color:#64748b;

    line-height:1.7;

}





.press-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.press-card{

    background:white;

    padding:35px 25px;

    border-radius:22px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.3s;

}



.press-card:hover{

    transform:translateY(-8px);

}



.press-card i{

    font-size:40px;

    color:#2563eb;

    margin-bottom:20px;

}



.press-card h3{

    font-size:22px;

    margin-bottom:12px;

}



.press-card p{

    color:#64748b;

    line-height:1.6;

}





/* ===============================
        NEWS SECTION
================================ */


.news-section{

    padding:90px 20px;

    background:#f8fafc;

    text-align:center;

}



.news-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.news-card{

    background:white;

    padding:35px;

    border-radius:22px;

    text-align:left;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.3s;

}



.news-card:hover{

    transform:translateY(-8px);

}



.news-card span{

    background:#dbeafe;

    color:#2563eb;

    padding:6px 15px;

    border-radius:20px;

    font-size:14px;

}



.news-card h3{

    margin:20px 0 15px;

    font-size:22px;

}



.news-card p{

    color:#64748b;

    line-height:1.6;

}



.news-card a{

    display:inline-block;

    margin-top:20px;

    color:#2563eb;

    text-decoration:none;

    font-weight:600;

}




/* ===============================
        MEDIA KIT
================================ */


.media-kit{

    padding:90px 20px;

    text-align:center;

}



.media-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.media-card{

    background:white;

    padding:35px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.3s;

}



.media-card:hover{

    transform:translateY(-7px);

}



.media-card i{

    font-size:38px;

    color:#4f46e5;

    margin-bottom:20px;

}



.media-card h3{

    margin-bottom:20px;

}



.media-card a{

    display:inline-block;

    padding:10px 25px;

    background:#2563eb;

    color:white;

    border-radius:30px;

    text-decoration:none;

}





/* ===============================
        COVERAGE
================================ */


.coverage-section{

    padding:90px 20px;

    background:#fff;

    text-align:center;

}



.coverage-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.coverage-card{

    padding:35px;

    background:#f8fafc;

    border-radius:20px;

}



.coverage-card i{

    font-size:35px;

    color:#2563eb;

    margin-bottom:15px;

}



.coverage-card h3{

    margin-bottom:10px;

}



.coverage-card p{

    color:#64748b;

}



/* ===============================
        CONTACT CTA
================================ */


.press-contact{

    padding:90px 20px;

    text-align:center;

    color:white;

    background:

    linear-gradient(135deg,#111827,#2563eb);

}



.press-contact p{

    max-width:650px;

    margin:20px auto;

    font-size:18px;

    line-height:1.6;

}





/* ===============================
        RESPONSIVE
================================ */


@media(max-width:900px){


.press-grid,
.news-grid,
.media-grid,
.coverage-grid{

    grid-template-columns:repeat(2,1fr);

}


.press-hero h1{

    font-size:40px;

}


}




@media(max-width:600px){


.press-hero{

    padding:70px 15px;

}



.press-hero h1{

    font-size:32px;

}



.press-hero p{

    font-size:16px;

}



.press-grid,
.news-grid,
.media-grid,
.coverage-grid{

    grid-template-columns:1fr;

}



.press-about h2,
.news-section h2,
.media-kit h2,
.coverage-section h2,
.press-contact h2{

    font-size:30px;

}



.news-card{

    padding:25px;

}


}