body {
    font-family: 'Inter', sans-serif;
    background-color: #3c4a6b;
    color: #e2e8f0;
}

.navbar {
    background-color: #020617;
}

.hero {
    padding: 120px 0;
}

.btn-primary {
    background-color: #22c55e;
    border: none;
}

.btn-primary:hover {
    background-color: #16a34a;
}

.section {
    padding: 80px 0;
}

.card {
    background-color: #020617;
    border: 1px solid #1e293b;
    color: #e2e8f0;
}

.card:hover {
    border-color: #22c55e;
}

.highlight {
    color: #22c55e;
}

.cta {
    background-color: #020617;
    padding: 60px;
    border-radius: 10px;
    text-align: center;
}

footer {
    background-color: #020617;
    padding: 40px 0;
    text-align: center;
    font-size: 14px;
    color: #94a3b8;
}

 .carousel-bg {
     height: 400px;
     background-size: cover;
     background-position: center;
     position: relative;
 }

 .carousel-bg .overlay {
     position: absolute;
     inset: 0;
     background: rgba(0,0,0,0.6);
 }

 .carousel-bg .content {
     position: relative;
     z-index: 2;
 }


 .carousel-control-next, .carousel-control-prev {
     z-index: 3;
     height: 100%;
 }

 article .date-publish{
     color: rgb(202 229 255 / 97%) !important;
 }