/* CONTAINER LAYOUT */

.testimonial-carousel-container{
	background:url('/patient/include/image/pages/real-results-with-qsymia/testimonials/background-starburst@2x.jpg') center center no-repeat;
	background-size:cover;
	padding:24px 0 32px 0;
}

.testimonial-carousel{
	position:relative;
}

.testimonial-carousel .slides{
	margin:40px auto 0 auto;
	max-width:1080px;
	position:relative;
	overflow-x:hidden;
	width:80%;
}

@media screen and (min-width: 48em) { /*768px*/	
	.testimonial-carousel .slides{
		width:80%;
	}	
}
@media screen and (min-width: 87.5em) { /*1400px*/		
	.testimonial-carousel .slides{
		width:92%;
	}
}

.testimonial-carousel .slides-inner{
	align-items:flex-start;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	transform: translateX(0px);
	width:100%;
}

@media screen and (min-width: 48em) { /*768px*/	

	.testimonial-carousel-container{
		background:url('/patient/include/image/pages/real-results-with-qsymia/testimonials/background-starburst@2x.jpg') center center no-repeat;
		background-size:cover;
		padding:50px 0 84px 0;
	}
	
	.testimonial-carousel .slides{
		margin:40px auto 0 auto;
	}
	
}

/* MOBILE LAYOUT */

@media screen and (max-width: 48em) { /*768px*/

	.testimonial-carousel .slides .desktop-slide{
		align-items:flex-start;
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		flex:0 0 auto;
		width:300%;
	}

	.testimonial-carousel .slides .desktop-slide .slide{
		box-sizing:border-box;
		flex:0 0 auto;
		width:33.333%;
	}

	.testimonial-carousel .slides .desktop-slide .slide .slide-inner{
		margin-left:auto;
		margin-right:auto;
		width:94%		
	}

}

/* DESKTOP LAYOUT */ 

@media screen and (min-width: 48em) { /*768px*/	
	
	.testimonial-carousel .slides .desktop-slide{
		display:grid;
		flex:0 0 auto;
		grid-template-columns:48% 48%;
		grid-template-rows:auto auto;
		justify-content:space-around;
		width:100%;
	}
	.testimonial-carousel .slides .desktop-slide-block{
		display:block;
		flex:0 0 auto;
		width:100%;
	}
	
	.testimonial-carousel .slide.desktop-top-left{
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.testimonial-carousel .slide.desktop-bottom-left{
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
	}
	.testimonial-carousel .slide.desktop-left{
		grid-column: 1 / span 1;
		grid-row: 1 / span 2;
	}
	.testimonial-carousel .slide.desktop-top-right{
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}
	.testimonial-carousel .slide.desktop-bottom-right{
		grid-column: 2 / span 1;
		grid-row: 2 / span 1;
	}
	.testimonial-carousel .slide.desktop-right{
		grid-column: 2 / span 1;
		grid-row: 1 / span 2;
	}

}

/* SLIDE DESIGN/CONTENT */ 

.testimonial-carousel .slide-inner{
	-webkit-box-shadow: 0px 5px 10px 0px rgba(64,151,186,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(64,151,186,0.3);
	box-shadow: 0px 5px 10px 0px rgba(64,151,186,0.3);
	box-sizing: border-box;
	margin:20px 0 24px 0;
	padding:20px 20px 18px 20px;
	position:relative;
}

.testimonial-carousel .slide-inner.pin-blue::before{
	background:url('/patient/include/image/pages/real-results-with-qsymia/testimonials/thumbtack-blue@2x.png') center center no-repeat;
	background-size:contain;
	content:'';
	display:block;
	height:42px;
	position:absolute;
	right:24px;
	top:-20px;
	width:38px;
}
.testimonial-carousel .slide-inner.pin-green::before{
	background:url('/patient/include/image/pages/real-results-with-qsymia/testimonials/thumbtack-green@2x.png') center center no-repeat;
	background-size:contain;
	content:'';
	display:block;
	height:42px;
	position:absolute;
	right:24px;
	top:-20px;
	width:38px;
}
.testimonial-carousel .slide-inner.pin-pink::before{
	background:url('/patient/include/image/pages/real-results-with-qsymia/testimonials/thumbtack-pink@2x.png') center center no-repeat;
	background-size:contain;
	content:'';
	display:block;
	height:42px;
	position:absolute;
	right:24px;
	top:-20px;
	width:38px;
}

.testimonial-carousel .slide-inner.bg-yellow{
	background-color:#FFFDAA;
}
.testimonial-carousel .slide-inner.bg-pink{
	background-color:#FBDEFF;
}
.testimonial-carousel .slide-inner.bg-white{
	background-color:#FFFFFF;
}
.testimonial-carousel .slide-inner.bg-blue{
	background-color:#DAFCFF;
}

.testimonial-carousel .slide-inner h3{
	color:#8031A7;
	font-size:1.5rem;
	font-weight:900;
	letter-spacing:-0.012em;
	line-height:1em;
	margin:0 0 20px 0;
}
.testimonial-carousel .slide-inner p{
	font-size:0.875rem;
	line-height:1.4em;
	margin:0 0 12px 0;
}
.testimonial-carousel .slide-inner p.name{
	color:#8031A7;
	font-family: "Dancing Script", serif;
	font-optical-sizing: auto;
	font-size:2rem;
	font-style: normal;
	font-weight: 700;
	line-height:1em;
	margin:18px 0 0 0;
	text-align:right;
}

@media screen and (min-width: 48em) { /*768px*/

	.testimonial-carousel .slide-inner{
		margin:18px 0 40px 0;
		padding:40px 40px 32px 40px;
	}

	.testimonial-carousel .slide-inner.pin-blue::before{
		height:66px;
		right:34px;
		top:-20px;
		width:63px;
	}
	.testimonial-carousel .slide-inner.pin-green::before{
		height:66px;
		right:34px;
		top:-20px;
		width:63px;
	}
	.testimonial-carousel .slide-inner.pin-pink::before{
		height:66px;
		right:34px;
		top:-20px;
		width:63px;
	}

	.testimonial-carousel .slide-inner h3{
		font-size:2.125rem;
		margin:0 0 24px 0;
	}
	.testimonial-carousel .slide-inner p{
		font-size:0.9375rem;
		margin:0 0 12px 0;
	}
	.testimonial-carousel .slide-inner p.name{
		font-size:3.625rem;
		margin:18px 0 0 0;
	}
	
}

/* LAST SLIDE UNIQUE LAYOUT - STATS CONTENT + CTA */

.desktop-slide-block{
	width:100%;
	flex:0 0 auto;
}

.testimonial-carousel .stats-container{
	background-color:#F2F2F2;
	border:5px solid #F2F2F2;
	border-radius:0 0 12px 12px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(64,151,186,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(64,151,186,0.3);
	box-shadow: 0px 5px 10px 0px rgba(64,151,186,0.3);
	margin:0 auto;
	max-width:880px;
	width:96%;
}

.testimonial-carousel .stats-container .header{
	background-color:#fff;
	padding:16px 16px 14px 16px;	
}

.testimonial-carousel .stats-container .header > p{
	font-size:0.875rem;
	line-height:1.222em;
	margin:0 auto;
	max-width:520px;
	text-align:center;
	width:92%;
}

.testimonial-carousel .stats-container .header .no1{
	align-items:flex-end;
	display:flex;
	gap:18px;
	justify-content:space-between;
	margin:12px auto 0 auto;
	width:96%;
}

.testimonial-carousel .stats-container .header .no1 div:nth-child(1){
	flex:0 0 auto;
	width:40px;
}

.testimonial-carousel .stats-container .header .no1 div:nth-child(2) p{
	color:#0033A0;
	font-size:1rem;
	font-weight:900;
	line-height:1.1111em;
	margin:0;
	position:relative;
}
.testimonial-carousel .stats-container .header .no1 div:nth-child(2) p span{
	position:absolute;
	left:-8px;
	top:-3px;
}

.testimonial-carousel .stats-container .content{
	margin:12px auto 10px auto;
	width:92%;
}

.testimonial-carousel .stats-container .content > p:first-child{
	font-size:0.875rem;
	line-height:1.222em;
}

.testimonial-carousel .stats-container .content > p:last-child{
	font-size:0.75rem;
	line-height:1.2857em;
	text-align:center;
}

.testimonial-carousel .stats-container .content .stats .stat{
	align-items:center;
	display:flex;
	gap:20px;
	justify-content:flex-start;
	margin:20px 0 20px 0;
}

.testimonial-carousel .stats-container .content .stats .stat div{
	color:#121212;
	font-size:0.875rem;
	font-weight:700;
	line-height:1.3125em;
	padding-top:3px;
}

.testimonial-carousel .stats-container .content .stats .stat div:first-child{
	color:#8031A7;
	font-size:2rem;
	font-weight:900;
	letter-spacing:-0.032em;
	line-height:1em;
	padding-top:0px;
}

@media screen and (min-width: 48em) { /*768px*/	

	.testimonial-carousel .stats-container{
		border:10px solid #F2F2F2;
	}

	.testimonial-carousel .stats-container .header{
		padding:32px 32px 28px 32px;	
	}

	.testimonial-carousel .stats-container .header > p{
		font-size:1.125rem;
	}

	.testimonial-carousel .stats-container .header .no1{
		align-items:flex-end;
		display:flex;
		gap:50px;
		justify-content:space-between;
		margin:0 auto;
		width:96%;
	}

	.testimonial-carousel .stats-container .header .no1 div:nth-child(1){
		flex:0 0 auto;
		width:100px;
	}

	.testimonial-carousel .stats-container .header .no1 div:nth-child(2) p{
		font-size:2.25rem;
	}
	.testimonial-carousel .stats-container .header .no1 div:nth-child(2) p span{
		left:-18px;
		top:-5px;
	}

	.testimonial-carousel .stats-container .content{
		margin:24px auto 20px auto;
		width:92%;
	}

	.testimonial-carousel .stats-container .content > p:first-child{
		font-size:1rem;
	}

	.testimonial-carousel .stats-container .content > p:last-child{
		font-size:0.875rem;
	}

	.testimonial-carousel .stats-container .content .stats{
		align-items:center;
		display:flex;
		gap:20px;
		justify-content:space-between;
		margin:24px 0 24px 0;
	}

	.testimonial-carousel .stats-container .content .stats .stat{
		align-items:center;
		display:flex;
		gap:20px;
		justify-content:flex-start;
		margin:0;
		max-width:375px;
		width:48%;
	}

	.testimonial-carousel .stats-container .content .stats .stat div{
		font-size:1rem;
		padding-top:3px;
	}

	.testimonial-carousel .stats-container .content .stats .stat div:first-child{
		font-size:3.125rem;
		padding-top:0px;
	}

}

/* INDICATOR BUTTONS */

.testimonial-carousel-container .indicators{
	display:none;
	padding:40px 20px 0 20px;
	text-align:center;
}

.testimonial-carousel-container a.testimonial-carousel-indicator-link{
	background-color:#FFFFFF;
	border-radius:100%;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(64,151,186,0.2);
	-moz-box-shadow: 0px 2px 4px 0px rgba(64,151,186,0.2);
	box-shadow: 0px 2px 4px 0px rgba(64,151,186,0.2);
	display:inline-block;
	height:20px;
	margin:0 8px;
	text-decoration:none;
	width:20px;
}

.testimonial-carousel-container a.testimonial-carousel-indicator-link.active{
	background-color:#8031A7;
}

@media screen and (min-width: 48em) { /*768px*/	

	.testimonial-carousel-container .indicators{
		display:block;
	}

}

/* PREV / NEXT BUTTONS */

.testimonial-carousel-prev{
	display:block;
	height:90px;
	left:1.5%;
	margin-top:-45px;
	position:absolute;
	text-decoration:none;
	top:25%;
	width:30px;
}

.testimonial-carousel-prev:hover{
	opacity:0.8;
}

.testimonial-carousel-next{
	display:block;
	height:90px;
	margin-top:-45px;
	position:absolute;
	right:1.5%;
	text-decoration:none;
	top:25%;
	width:30px;
}

.testimonial-carousel-next:hover{
	opacity:0.8;
}

@media screen and (min-width: 36em) {

	.testimonial-carousel-prev{
		left:2%;
	}

	.testimonial-carousel-next{
		right:2%;
	}

}

@media screen and (min-width: 48em) { /*768px*/	

	.testimonial-carousel-prev{
		height:120px;
		margin-top:-60px;
		top:50%;
		width:40px;
	}

	.testimonial-carousel-next{
		height:120px;
		margin-top:-60px;
		top:50%;
		width:40px;
	}

}

@media screen and (min-width: 87.5em) { /*1400px*/	

	.testimonial-carousel-prev{
		left:6.25%;
	}

	.testimonial-carousel-next{
		right:6.25%;
	}
	
}