.circle-slider {
    background: #fff
}

.circle-slider--title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2.5rem;
    margin-bottom: 2.1875rem
}

@media print,
screen and (min-width: 40em) {
    .circle-slider--title {
        font-size: 3.125rem;
        margin-bottom: 1.625rem
    }
}

@media print,
screen and (min-width: 64em) {
    .circle-slider--title {
        margin-bottom: 1.25rem
    }
}

.circle-slider--description {
    display: none
}

@media print,
screen and (min-width: 40em) {
    .circle-slider--description {
        font-family: "NNNittiGrotesk-TextRegular";
        display: block;
        font-size: 1.125rem;
        margin: 0 auto .65px;
        max-width: 35.375rem
    }

    .circle-slider--description p {
        line-height: 1.3;
        font-weight: 300
    }
}

@media print,
screen and (min-width: 64em) {
    .circle-slider--description {
        margin-bottom: 3.75rem
    }
}

.circle-slider .slick-arrow {
    font-size: 2.875rem
}

.circle-slider .slick-prev {
    left: calc((100vw - 18rem)/2);
    top: 9rem
}

.circle-slider .slick-prev:before {
    content: ""
}

.circle-slider .slick-prev {
    transform: rotate(180deg)
}

.circle-slider .slick-next {
    right: calc((100vw - 18rem)/2);
    top: 8.125rem
}

.circle-slider .slick-next:before {
    content: ""
}

.circle-slider .slider {
    position: relative;
    z-index: 200;
    padding: 0;
    margin: 5rem auto;
    width: 100%
}

.circle-slider .slider .slick-slide {
    width: 18rem;
    height: 28.125rem !important;
    transition: transform .35s;
    position: relative;
    transform: scale(0.35) translate(65.625rem)
}

.circle-slider .slider .slick-slide .img-wrapper:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(216, 216, 216, .7);
    border-radius: 50%;
    transition: transform .4s;
    height: 60%
}

.circle-slider .slider .slick-slide.slick-active {
    transform: scale(0.75) translate(11.875rem)
}

.circle-slider .slider .slick-slide.slick-center {
    transform: scale(1);
    z-index: 30
}

.circle-slider .slider .slick-slide.slick-center .img-wrapper:after {
    opacity: 0
}

.circle-slider .slider .slick-slide.slick-center+.slick-slide {
    transform: scale(0.7) translate(-11.875rem);
    z-index: 10
}

.circle-slider .slider .slick-slide.slick-center+.slick-slide.slick-active+.slick-slide {
    transform: scale(0.3) translate(-65.625rem);
    z-index: 5
}

.circle-slider .slider .circle-slider--slide {
    position: relative
}

.circle-slider .slider .circle-slider--slide .img-wrapper {
    height: 0;
    padding-bottom: calc(100% - 1.25rem);
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.circle-slider .slider .circle-slider--slide .slide-text-container {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem;
    background: #fff;
    border-top: 1px solid #ee7f00;
    border-bottom: 1px solid #ee7f00;
    opacity: 0;
    visibility: hidden
}

.circle-slider .slider .circle-slider--slide .slide-text-container .circle-slide-title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2.25rem;
    margin-bottom: 1rem;
    color: #ee7f00
}

.circle-slider .slider .circle-slider--slide .slide-text-container .circle-slide-text {
    font-size: 1.125rem;
    font-family: "NNNittiGrotesk-TextRegular"
}

.circle-slider .slider .circle-slider--slide .slide-text-container .circle-slide-text p {
    line-height: 1.3;
    font-weight: 300
}

.circle-slider .slider .circle-slider--slide.slick-center .slide-text-container {
    opacity: 1;
    visibility: visible
}

@media print,
screen and (min-width: 40em) {
    .circle-slider .slick-prev {
        left: 50%;
        transform: translate(-21.625rem) rotate(180deg);
        top: 80%
    }
}

@media print,
screen and (min-width: 40em)and (min-width: 64em) {
    .circle-slider .slick-prev {
        transform: translate(-27.5rem) rotate(180deg)
    }
}

@media print,
screen and (min-width: 40em) {
    .circle-slider .slick-next {
        right: 50%;
        transform: translate(21.625rem);
        top: 76%
    }
}

@media print,
screen and (min-width: 40em)and (min-width: 64em) {
    .circle-slider .slick-next {
        transform: translate(27.5rem)
    }
}

@media print,
screen and (min-width: 40em) {
    .circle-slider .slider .slick-slide {
        transform: scale(0.25) translate(180rem);
        width: 41.125rem;
        height: 41.125rem !important
    }

    .circle-slider .slider .slick-slide .img-wrapper:after {
        height: 97%
    }

    .circle-slider .slider .slick-slide.slick-active {
        transform: scale(0.475) translate(32.5rem)
    }

    .circle-slider .slider .slick-slide.slick-center {
        transform: scale(1);
        z-index: 30
    }

    .circle-slider .slider .slick-slide.slick-center .img-wrapper:after {
        opacity: 0
    }

    .circle-slider .slider .slick-slide.slick-center+.slick-slide.slick-active {
        transform: scale(0.475) translate(-32.5rem)
    }

    .circle-slider .slider .slick-slide.slick-center+.slick-slide.slick-active+.slick-slide {
        transform: scale(0.25) translate(-180rem)
    }

    .circle-slider .slider .circle-slider--slide {
        position: relative
    }

    .circle-slider .slider .circle-slider--slide .img-wrapper {
        height: 0;
        padding-bottom: calc(100% - 1.25rem);
        border-radius: 50%;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .circle-slider .slider .circle-slider--slide .slide-text-container {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        padding: 1.5rem;
        background: #fff;
        border-top: 1px solid #ee7f00;
        border-bottom: 1px solid #ee7f00;
        opacity: 0;
        visibility: hidden
    }
}

@media print,
screen and (min-width: 40em)and (min-width: 40em) {
    .circle-slider .slider .circle-slider--slide .slide-text-container {
        bottom: 3.5rem;
        padding: 2.5rem
    }
}

@media print,
screen and (min-width: 40em) {
    .circle-slider .slider .circle-slider--slide .slide-text-container .circle-slide-title {
        font-family: "NNNittiGrotesk-Heading";
        font-size: 2.25rem;
        margin-bottom: 1rem;
        color: #ee7f00
    }
}

@media print,
screen and (min-width: 40em) {
    .circle-slider .slider .circle-slider--slide .slide-text-container .circle-slide-text {
        font-size: 1.125rem;
        font-family: "NNNittiGrotesk-TextRegular"
    }

    .circle-slider .slider .circle-slider--slide .slide-text-container .circle-slide-text p {
        line-height: 1.3;
        font-weight: 300
    }
}

@media print,
screen and (min-width: 40em) {
    .circle-slider .slider .circle-slider--slide.slick-center .slide-text-container {
        opacity: 1;
        visibility: visible
    }
}