.hero {
    min-height: 65vh
}

@media screen and (min-width: 992px) {
    .hero {
        height: 0;
        max-height: 75vh
    }
}

.hero .slide-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 6;
    -webkit-line-clamp: 6
}

@media screen and (min-width: 992px) {
    .hero .slide-content {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 11;
        -webkit-line-clamp: 11
    }
}

.about .about-small {
    height: 80px
}

.about .about-images {
    position: relative;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap: 1rem
}

.about .about-images .full {
    grid-column: span 2/span 2
}

.about .about-images img {
    position: absolute;
    top: 0;
    left: 0
}

.about .about-images::before {
    content: "";
    position: absolute;
    top: -2rem;
    right: -2rem;
    width: calc(100% + 2rem);
    height: 25%;
    border: 2px var(--main) solid;
    border-bottom: 0;
    border-left: 0;
    border-start-end-radius: 1rem;
    z-index: 1
}

.about .about-images::after {
    content: "";
    position: absolute;
    bottom: -2rem;
    left: -2rem;
    width: calc(100% + 2rem);
    height: 25%;
    border: 2px var(--main) solid;
    border-top: 0;
    border-right: 0;
    border-end-start-radius: 1rem;
    z-index: 1
}

.products .product-image {
    position: relative;
    height: 200px
}

.products .product-image img {
    width: auto;
    height: 100%
}