body {
    font-family: Arial, sans-serif;
    background: #ffffff;
    color: #222;
}


/* Navigation */

.navbar {
    padding: 15px 0;
}


/* Hero */

.hero {
    background: linear-gradient(
        135deg,
        #0d6efd,
        #084298
    );

    color: white;

    padding: 100px 0;
}


.hero h1 {
    font-size: 48px;
    font-weight: 700;
}


.hero-card {
    background: white;
    color: #222;

    padding: 30px;

    border-radius: 15px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.2);
}


/* Cards */

.service-card,
.job-card {
    background: white;

    padding: 25px;

    border-radius: 12px;

    border: 1px solid #e5e5e5;

    height: 100%;

    transition: 0.3s;
}


.service-card:hover,
.job-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.1);
}


/* Forms */

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


.form-container {
    max-width: 750px;

    margin: auto;

    background: white;

    padding: 35px;

    border-radius: 15px;

    border: 1px solid #ddd;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.05);
}


.form-control {
    padding: 12px;
}


/* Footer */

.footer {
    background: #111827;

    color: white;

    padding: 40px 0;
}


.footer p {
    margin-bottom: 5px;
}


/* Mobile */

@media (max-width: 768px) {

    .hero {
        padding: 60px 0;
    }

    .hero h1 {
        font-size: 36px;
    }

    .hero-card {
        margin-top: 40px;
    }

}