.quotes .swiper-controls {
		display: none;
}

.quotes .swiper-controls {
		margin-left: 0;
}

.quotes.isSlider .swiper-controls{
		display: block;		
}

.quotes.white--background .quote-container {
		height: 100%;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}

@media all and (max-width: 767px) {
		.quotes.white--background .quote-container {
				height: unset;
		}
}


.quotes.isSlider .swiper-button-prev {
		margin-right: 30px;
}

.quotes.isSlider .swiper-button-prev, .quotes.isSlider .swiper-button-next {
		width: 110px !important;
		height: 63px !important;
		background: var(--black_color);
		border: 2px solid #080808;
		border-radius: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: .2s ease-in-out;
		pointer-events: all !important;
}

.quotes.isSlider .swiper-button-prev::after, .quotes.isSlider .swiper-button-next::after {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="Icon_material-arrow-forward" data-name="Icon material-arrow-forward" d="M14,6,12.59,7.41,18.17,13H6v2H18.17l-5.58,5.59L14,22l8-8Z" transform="translate(-6 -6)" fill="%23fcfcfc"/></svg>') !important;
		height: inherit;
}

.quotes.isSlider .swiper-button-prev::after {
		transform: rotateY(180deg);
}

.quotes.isSlider .swiper-button-disabled {
		opacity: 1 !important; 
}

.quotes.isSlider .swiper-button-next:hover, .quotes.isSlider .swiper-button-prev:hover {
		background: #fff;
}

.quotes.isSlider .swiper-button-next:hover::after, .quotes.isSlider .swiper-button-prev:hover::after {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="Icon_material-arrow-forward" data-name="Icon material-arrow-forward" d="M14,6l1.41,1.41L9.83,13H22v2H9.83l5.58,5.59L14,22,6,14Z" transform="translate(-6 -6)" fill="%23080808"/></svg>') !important;
}

.quotes.isSlider .swiper-button-next:hover::after, .quotes.isSlider .swiper-button-prev:hover::after {
		transform: rotateY(180deg);
}

.quotes.isSlider .swiper-button-prev:hover::after {
		transform: rotateY(0deg);
}

.quotes.isSlider .swiper-button-next {
		position: unset !important;
}

.quotes.isSlider .swiper-button-prev {
		position: unset !important;
}

.quote-authorControls, .quotes.isSlider .swiper-controls, .quote-authorImage {
		display: flex;
		justify-content: space-between;
		align-items: center;
}

.quotes .quote-authorImage {
		margin-left: auto;
}

.quotes .quote-image {
		margin-left: 57px;
		max-width: 250px;
		max-height: 250px;

		@media all and (max-width: 960px) {
				max-width: 216px;
				max-height: 216px;
				margin-left: 50px;
		}

		@media all and (max-width: 600px) {
				max-width: 110px;
				max-height: 110px;
				margin-left: 20px;
		}
}

.quotes .quote-image img {
		border-radius: 50%;
		object-fit: cover !important;
		aspect-ratio: 1 / 1;
		height: 100% !important;
		width: 100%;
}

.quotes .quote-text {
		font-weight: 400 !important;
}

.quotes .quote-text strong{
		font-weight: bold !important;
}

.quotes .quote-text {
		font-size: 28px;
		line-height: 44px;
		max-width: 75%;

		@media all and (max-width: 960px) {
				max-width: 100%;
		}

		@media all and (max-width: 600px) {
				font-size: 24px;
				line-height: 40px;
		}
}

.quotes .quote-author {
		font-size: 24px;
		line-height: 32px;

		@media all and (max-width: 600px) {
				font-size: 20px;
				line-height: 28px;
		}
}

.quotes.black--background, .quotes.white--background {
		width: 100%;
}

.quotes.white--background .quotes--wrapper {
		max-width: 1078px;
		margin-left: auto;
}

.quotes.white--background .swiper-slide {
		height: initial;
}

.quotes.black--background {
		max-width: 1650px;
		width: 100%;
		margin: 0 auto;
		padding: 60px 0px;
}

.quotes.black--background .quote-container * {
		color: var(--white_color);
}

.quotes.black--background .quote-container .quote-author {
		font-size: unset;
		line-height: unset;
}

.quotes.black--background .quotes--wrapper {
		max-width: 1090px;
		margin-left: 140px;
		position: relative;
		z-index: 1;

		@media all and (max-width: 1435px) {
				margin-left: unset;
				margin: 0 auto;
		}
}

@media all and (max-width: 385px) {
		.quotes.black--background .quote-authorImage {
				flex-flow: column-reverse;
				align-items: start;
				margin-left: unset;
				width: 100%;
		}

		.quotes.black--background .quote-authorImage .quote-image {
				margin-left: 0;
				margin-bottom: 25px;
		}
}

.quotes .quote-headlineQuote h2 {
		margin-bottom: 70px;

		@media all and (max-width: 600px) {
				margin-bottom: 60px;
		}
}

.quotes .quote-headlineQuote {
		margin-bottom: 46px;

		@media all and (max-width: 960px) {
				margin-bottom: 40px;
		}
}

@media all and (max-width: 960px) {
		.quotes .quote-authorControls {
				flex-flow: column-reverse;
		}

		.quotes .quote-authorControls .swiper-controls {
				margin-right: auto;
				display: flex;
				flex-flow: row;
		}

		.quotes .quote-authorImage {
				margin-bottom: 70px;
		}
}

@media all and (max-width: 960px) {
		.quotes .quote-authorImage {
				margin-bottom: 80px;
		}
}

.grey-plus-background::after {
		content: url('https://143706108.fs1.hubspotusercontent-eu1.net/hubfs/143706108/assets/grey-plus-on-black-background.png');
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
}

@media all and (max-width: 1099px) {
		.grey-plus-background::after {
				display: none;
		}
}

{# Blogpage adjustments #}

.blog_post--quotes .row-fluid {
		justify-content: center;
}


.isSlider.quotes .swiper-slide {
		opacity: 0 !important;
}

.isSlider.quotes .swiper-slide .swiper-button-next, 
.isSlider.quotes .swiper-slide .swiper-button-prev {
		pointer-events: none !important;
}

.isSlider.quotes .swiper-slide-active {
		opacity: 1 !important;
}

.isSlider.quotes .swiper-slide-active .swiper-button-next, 
.isSlider.quotes .swiper-slide-active .swiper-button-prev {
		pointer-events: all !important;
}

.quotes.white--background.grey-plus-left::after {
		transform: scaleX(-1) translateY(-275px);
}