.question-highlight
{
	background-color: #c2dcff;
  	padding: 0.625rem; /* add some padding to create space between text and border */
  	border-radius: 0.625rem; 
}

img#body-fat-samples, img#body-type-samples
{
	border-radius: 0.625rem;
}

.signature
{
	color: #004aad;
	font-family: "Permanent Marker", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
}

/*--------------------------------------------------------------
# Transformations carousel
--------------------------------------------------------------*/
.carousel-pagination .swiper-pagination-bullet 
{
	width: 1.125rem;
	height: 0.625rem;
	background-color: #555;
	margin: 0 0.25rem;
	border-radius: 0.3125rem;
	opacity: 1;
	transition: 0.3s;
}
  
.carousel-pagination .swiper-pagination-bullet-active 
{
	background-color: #004aad;
    border-radius: 0.3125rem;
	width: 2.25rem;
}

.slide-content
{
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 0.625rem;
}
  
.swiper-slide img
{
    transition: 0.8s all ease-in-out;
    border-radius: 0.625rem;
}
  
@media (min-width: 48rem) 
{
    .swiper-slide:hover img
    {
        transform: scale(1.1);
    }
}