body {
    font-family: 'Roboto', sans-serif;
    background-color: #f0f2f5;
}

.navbar {
    background-color: #0069a8;
}

.navbar-brand {
    color: #fff;
    font-weight: bold;
}

.navbar-nav .nav-link {
    color: #fff;
}

.hero-section {
    background-color: #0069a8;
    color: #fff;
    padding: 100px 0;
}

.hero-section h1 {
    font-size: 3rem;
    margin-bottom: 20px;
}

.hero-section p {
    font-size: 1.25rem;
    margin-bottom: 30px;
}

.btn-primary {
    background-color: #ff6f61;
    border-color: #ff6f61;
}

.section-title {
    margin-bottom: 30px;
    color: #333;
    text-align: center;
}
.card {
 border-radius: 20px !important; 
}
.card:hover {
    box-shadow: 0 0 30px #ccc !important;
}