.page-hero{
    background:#f8fafc;
    padding:80px 0 60px;
    text-align:center;
}

.page-badge{
    display:inline-block;
    background:#e8f1ff;
    color:#2563eb;
    padding:8px 18px;
    border-radius:30px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:20px;
}

.page-hero h1{
    font-size:3rem;
    margin-bottom:20px;
    color:#111827;
}

.hero-text{
    max-width:820px;
    margin:auto;
    font-size:1.15rem;
    line-height:1.9;
    color:#4b5563;
}

.page-section{
    padding:70px 0;
}

.content-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:40px;
    margin-bottom:35px;
}

.content-card h2{
    margin-bottom:20px;
    color:#111827;
    font-size:2rem;
}

.content-card h3{
    margin-bottom:12px;
    color:#1f2937;
    font-size:1.2rem;
}

.content-card p{
    color:#4b5563;
    line-height:1.9;
    margin-bottom:18px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:24px;
    margin-top:30px;
}

.feature-item{
    background:#f9fafb;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:24px;
}

.check-list{
    margin-top:20px;
    padding-left:20px;
}

.check-list li{
    margin-bottom:12px;
    color:#374151;
}

.page-cta{
    padding:80px 20px;
    text-align:center;
    background:#2563eb;
    color:#fff;
}

.page-cta h2{
    font-size:2.3rem;
    margin-bottom:15px;
}

.page-cta p{
    max-width:700px;
    margin:0 auto 30px;
    line-height:1.8;
}

.btn-primary{
    display:inline-block;
    background:#fff;
    color:#2563eb;
    padding:15px 36px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.btn-primary:hover{
    transform:translateY(-2px);
}

@media (max-width:992px){

    .page-hero h1{
        font-size:2.4rem;
    }

    .content-card{
        padding:30px;
    }
}

@media (max-width:768px){

    .page-hero{
        padding:60px 0 40px;
    }

    .page-hero h1{
        font-size:2rem;
    }

    .hero-text{
        font-size:1rem;
    }

    .content-card{
        padding:24px;
    }

    .content-card h2{
        font-size:1.6rem;
    }

    .page-cta h2{
        font-size:1.8rem;
    }

    .btn-primary{
        width:100%;
        max-width:320px;
    }
}



/*Contact CSS*/

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.contact-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    font-weight:600;
    margin-bottom:8px;
    color:#111827;
}

.form-group input,
.form-group textarea{
    border:1px solid #d1d5db;
    border-radius:10px;
    padding:14px 16px;
    font-size:1rem;
    width:100%;
    transition:border-color .2s ease, box-shadow .2s ease;
}

.form-group input:focus,
.form-group textarea:focus{
    outline:none;
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

.contact-info{
    margin-top:30px;
}

.contact-item{
    margin-bottom:30px;
}

@media (max-width:900px){

    .contact-grid{
        grid-template-columns:1fr;
    }

}


/* LAST UPDATED CSS*/

.last-updated{

display:inline-flex;

align-items:center;

gap:10px;

padding:10px 18px;

margin:25px 0;

background:#eef6ff;

border:1px solid #cfe3ff;

border-radius:30px;

font-size:.95rem;

font-weight:500;

color:#0f4fa8;

}

.last-updated svg{

color:#1d4ed8;

flex-shrink:0;

}

/* CTA CSS*/

.page-cta{

margin:80px 0;

padding:60px 30px;

text-align:center;

background:#f8fafc;

border-radius:20px;

border:1px solid #e5e7eb;

}

.page-cta h2{

margin-bottom:20px;

font-size:2rem;

}

.page-cta p{

max-width:700px;

margin:auto;

color:#666;

line-height:1.8;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:35px;

flex-wrap:wrap;

}