.slideshow-container {
    position: relative;
    width: 100%;
    height: 29vw;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
}

.slide {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active {
    opacity: 1;
}

.slideshow-container button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.prev { left: 10px; }
.next { right: 10px; }

.grid-container div i{
    padding: 15px;
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 1.2em;
}
.grid-container a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
section{
    max-width: 100%;
    margin: 40px 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.grid-container {
    display: grid; 
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
}
nav.grid-container a>div{
    padding: 10px;
}
.call-back{
    display: flex;
    justify-content: center;
}
.call-back div{
    width: fit-content;
}

.call-back form textarea{
    height: 100px;
    resize: vertical;
}

.call-back div{
    margin: 0 10px;
}

.button{
    background-color: whitesmoke;
    padding: 15px;
    border: 3px solid rgb(86, 98, 112);
    border-radius: 3px;
    font-family: 'Open Sans',sans-serif;
    display: inline-block;
    color: rgb(86, 98, 112);
}
.button:hover{
    transition: background-color 0.3s ease;
    background-color: rgb(86, 98, 112);
    color: whitesmoke;
}

.pmx3d .item{
    width: 50%;
}

label{
    display: flex;
    align-items: center;
}

label p{
    font-size: 10px;
}
input[type="checkbox"]{
    height: 20px;
}

@media(max-width: 760px){
    .grid-container{
        grid-template-columns: repeat(3, minmax(100px, 1fr));
        grid-template-rows: repeat(3, minmax(50px, 1fr));
    }
    .slideshow-container{
        height: 39.5vw;
    }
}