.carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    overflow: hidden;
    width: 700px;
    height: calc(100% + 50px);
}

.carousel h3 {
    font-family: MitogenDisplay;
    font-size: 6rem;
    font-weight: 500;
    margin: 0;
}

.carousel_container {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.carousel_slide {
    display: flex;
    transition: transform 0.5s ease;
}

.slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    gap: 30px;
}

.slide div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.slide div img {
    width: 125px

}

.slide-img img {
    width: 20%;
    height: auto;
}

.dots {
    display: flex;
    gap: 50px;
    margin-top: 50px;
    justify-content: center;
}

.dot {
    height: 69px;
    width: 69px;
    border-radius: 50%;
    border: solid 3px #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot_active {
    min-height: 50px;
    min-width: 50px;
    border-radius: 50%;
    border: solid 2px #000;
    background-color: #000;
    cursor: pointer;
}

.carousel_inline {
    display: none;
}