.hero-area {
    background-color: #131f0c;
}

.hero-area * {
    opacity: 1 !important;
}

.hero-content > p {
    max-width: 700px;
}

.our-event-area:after,
.our-event-area:before {
    background-color: #3c562430;
}

.our-event-area:after {
    top: 60px;
    right: 60px;
}

.event-item {
    border-radius: 12px;
    background-color: #3c5624 !important;
}

.event-item p {
    opacity: 0.9;
}

@media screen and (max-width: 767px) {
    .event-item h3 {
        font-size: 26px;
    }
}

.list-style-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .list-style-grid {
        grid-template-columns: 1fr;
    }
}