.hero {
    background-image: linear-gradient(rgba(0, 106, 78, 0.8), rgba(0, 106, 78, 0.8)), url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}
.carousel-slide {
    transition: opacity 1s ease-in-out;
}

.bg-bottle-green2{
    background-color: #033a32;
}

.shadow-md2 {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 12px 2px 40px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}