.hero {
    height: 75vh
}

.hero .carousel-indicators .active[data-bs-target] {
    background-color: var(--orange-main)
}

@media screen and (min-width: 992px) {
    .hero .hero-content {
        width: 50%
    }
}

.products .products-image {
    height: 218px;
    width: auto;
    max-width: 100%;
}

.about .about-image {
    aspect-ratio: 15/10
}

.contact .contact-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    background-color: var(--orange-main)
}