.quote-block-slider {
    --fallyellow: #d7a059;
    --darkblue: rgb(0, 22, 66);
    
    margin-bottom: 0;
    position: relative;
    box-sizing: border-box;
}

.quote-block-slider .slick-slider:not(.slick-initialized) .slide:not(:first-child) {
    display: none;
}

.quote-block-slider .slider-cont {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    text-align: center;
    padding: 2em 0;
}

.quote-block-slider .slick-slider {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.quote-block-slider .slide {
    display: block;
}

.quote-block-slider.blue .slider-cont::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 81, 243, 0.8);
}

.quote-block-slider .slider-cont::after {
    content:"";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 1;
}

.quote-block-slider .slide-content {
    height: 0;
    padding-bottom: calc(100% * 640 / 1020);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: auto;
    padding: 15px 20px;
}


.quote-block-slider .slide-content .content-wrapper {
    position: unset;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quote-block-slider .slide-content .content-wrapper h4 {
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    font-family: var(--font-magazine);
    max-width: 100%;
    letter-spacing: unset;
}

.quote-block-slider .slide-content .content-wrapper p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0;
    font-family: var(--font-graphik);
    font-weight: 400;
}

/* slider dots */
.quote-block-slider .slick-dots {
    bottom: 0;
    position: relative;
}

.quote-block-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 0;
    margin: 0 2.5px;
    padding: 0;
    cursor: pointer;
}

.quote-block-slider .slick-dots li button {
    border: 1px solid #fff;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    padding: 5px;
    margin: auto;
}

.quote-block-slider .slick-dots li button:before {
    display: none;
}

.quote-block-slider .slick-dots li.slick-active button {
    background-color: #fff;
}

/*  slider arrows  */
.quote-block-slider .arrow-cont {
    display: none;
    justify-content: space-around;
    pointer-events: none;
    margin: -52px auto 0;
    position: relative;
    z-index: 2;
}

.quote-block-slider.dots .arrow-cont {
    display: flex;
}

.quote-block-slider .arrow-cont .slick-arrow {
    pointer-events: all;
}

.quote-block-slider .arrow-cont .arrow-inner {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.quote-block-slider .arrow-cont .prev .arrow-inner {
	padding-right: 30px;
}

.quote-block-slider .arrow-cont .next .arrow-inner {
	padding-left: 30px;
}

/* view all button */
.quote-block-slider .view-all {
    margin-top: 30px;
    position: relative;
    z-index: 2;
    display: inline-flex;
}

@media (max-width: 480px) {
	.quote-block-slider .slide-content .content-wrapper h4{
		font-size: 26px;
		line-height: 28px;
		letter-spacing: 0.04;
	}
}
@media (min-width: 40em) {
    .quote-block-slider .slider-cont {
        padding: 5em 0;
    }

    .quote-block-slider .slide-content .content-wrapper h4 {
        margin-bottom: 28px;
    }

    .quote-block-slider .slide-content .content-wrapper p {
        font-size: 14px;
    }

    .quote-block-slider .view-all {
        margin-top: 30px; 
    }
}

@media (min-width: 64em) {
    .quote-block-slider .slide-content .content-wrapper {
        width: 960px;
    }

    .quote-block-slider .slide-content .content-wrapper h4 {
        font-size: 36px;
    }
    
    .quote-block-slider .slide-content .content-wrapper p {
        font-size: 16px;
    }
}

/* PATTERNS */
.quote-block-slider[class*="pattern-"] {
    box-sizing: border-box;
}

.quote-block-slider[class*="pattern-"]:not(.dots) .arrow-cont {
    display: none;
}

.quote-block-slider.pattern-summerday {
    border: 4rem solid var(--fallyellow);
    box-sizing: border-box;
}

.quote-block-slider.pattern-summernight .slider-cont {
    background: var(--fallyellow);
}

.quote-block-slider.pattern-summernight.no-bg-img .slider-cont::after {
    display: none;
}

.quote-block-slider.pattern-summernight.no-bg-img .slide-content .content-wrapper h4,
.quote-block-slider.pattern-summernight.no-bg-img .slide-content .content-wrapper p {
    color: var(--darkblue);
}

.quote-block-slider.pattern-summerday-night .wrapper,
.quote-block-slider.pattern-summernight .wrapper {
    border: 4rem solid transparent;
}

.quote-block-slider.pattern-summerday-night .wrapper::before,
.quote-block-slider.pattern-summernight .wrapper::after {
    background-image: url(/includes/public/assets/shared/summer_night.jfif);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.quote-block-slider.pattern-summerday-night .wrapper::before {
    z-index: unset;
}

.quote-block-slider.pattern-summerday-night .wrapper {
    background: var(--fallyellow);
}

.quote-block-slider.pattern-summerday-night .wrapper::before {
    bottom: 0;
    top: unset;
    height: 40%;
}

.quote-block-slider.pattern-summerday-night .arrow-cont,
.quote-block-slider.pattern-summerday .arrow-cont,
.quote-block-slider.pattern-summernight .arrow-cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: calc(100% + 8rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.quote-block-slider.pattern-summerday .arrow-cont {
    width: calc(100% + 8rem);
    
    left: -4rem;
}

.quote-block-slider[class*="pattern-"] .arrow-cont .arrow-inner {
    font-size: 4rem;
}

.quote-block-slider[class*="pattern-"] .dots-cont {
    position: absolute;
    bottom: -2rem;
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 10;
}

.quote-block-slider.pattern-summerday-night .dots-cont,
.quote-block-slider.pattern-summernight .dots-cont {
    bottom: 1.5rem;
}

.quote-block-slider.pattern-summerday-night .slick-dots li,
.quote-block-slider.pattern-summerday .slick-dots li,
.quote-block-slider.pattern-summernight .slick-dots li {
    margin: 0 1rem;
}

.quote-block-slider.pattern-summerday-night .slick-dots li button,
.quote-block-slider.pattern-summerday .slick-dots li button,
.quote-block-slider.pattern-summernight .slick-dots li button {
    width: 15px;
    height: 15px;
    background: rgba(255,255,255,0.5);
    border: 0;
}

.quote-block-slider.pattern-summerday-night .slick-dots li.slick-active button,
.quote-block-slider.pattern-summerday .slick-dots li.slick-active button,
.quote-block-slider.pattern-summernight .slick-dots li.slick-active button {
    background: rgba(255,255,255,1);
}