/* SLIDER */
    .slider {
        /* max-width: 100rem; */
        height: 50rem;
        margin: 0 auto;
        position: relative;

        /* IN THE END */
        overflow: hidden;
    }

    .slide {
        position: absolute;
        top: 0;
        width: 100%;
        height: 55rem;

        display: flex;
        align-items: center;
        justify-content: center;

        /* THIS creates the animation! */
        transition: transform 1s;
    }

    .slide>img {
        /* Only for images that have different size than slide */
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slider__btn {
        position: absolute;
        top: 50%;
        z-index: 10;
        border: none;
        background: rgba(255, 255, 255, 0.1);
        font-family: inherit;
        color: #FFF;
        border-radius: 50%;
        height: 4rem;
        width: 4rem;
        font-size: 3.25rem;
        cursor: pointer;
    }

    .slider__btn--left {
        left: 6%;
        transform: translate(-50%, -50%);
    }

    .slider__btn--right {
        right: 6%;
        transform: translate(50%, -50%);
    }

    .dots {
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
    }

    .dots__dot {
        border: none;
        background-color: #FFF;
        opacity: 0.7;
        height: 1rem;
        width: 1rem;
        border-radius: 50%;
        margin-right: 1.75rem;
        cursor: pointer;
        transition: all 0.5s;
    }

    .dots__dot:last-child {
        margin: 0;
    }

    .dots__dot--active {
        /* background-color: #fff; */
        background-color: #555;
        opacity: 1;
    }

    /* TESTIMONIALS */
    .testimonial {
        width: 75%;
        position: relative;
    }