section.testimonial_hero {
	margin-bottom: 1.8rem;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero {
		margin-bottom: 0.8rem;
}

        section.testimonial_hero .container {
            padding: 0;
        }
	}

section.testimonial_hero .testimonial_hero__wrapper {

        background-color: var(--light-blue);
        color: var(--blue);

        padding-top: 1.6rem;
        padding-bottom: 0.8rem;
        padding-left: 0.72rem;
        padding-right: 0.72rem;
        border-radius: 0.48rem;


		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.4rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero .testimonial_hero__wrapper {
			flex-direction: column;
			align-items: stretch;
			gap: 0.32rem;

            border-radius: 0;

            padding-top: 1.32rem;
            padding-bottom: 0.48rem;
            padding-left: 0.16rem;
            padding-right: 0.16rem;
	}


		}

section.testimonial_hero .testimonial_hero__media {
		flex: 0 0 5.88rem;
		width: 5.88rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero .testimonial_hero__media {
			flex: none;
			width: 100%;
	}
		}

section.testimonial_hero .testimonial_hero__book {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 0.16rem;
	}

section.testimonial_hero .testimonial_hero__content {
		flex: 1;
		min-width: 0;
		max-width: 6.2rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero .testimonial_hero__content {
			max-width: 100%;
	}
		}

section.testimonial_hero .testimonial_hero__label {
		margin-bottom: 0.16rem;
	}

section.testimonial_hero .testimonial_hero__title {
		margin-bottom: 0.24rem;
	}

section.testimonial_hero .testimonial_hero__description {
		margin-bottom: 0.32rem;
	}

section.testimonial_hero .testimonial_hero__card {
		background-color: var(--blue);
		color: var(--light-blue);
		border-radius: 0.4rem;
		padding: 0.24rem;
		margin-bottom: 0.24rem;
	}

section.testimonial_hero .testimonial_hero__slides {
		position: relative;
		transition: height 0.35s ease;
	}

section.testimonial_hero .testimonial_hero__slide {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: flex-start;
		gap: 0.24rem;
		opacity: 0;
		pointer-events: none;
		z-index: 0;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero .testimonial_hero__slide {
            gap: 0.16rem;
            flex-direction: column;
	}
        }

.is-active:is(section.testimonial_hero .testimonial_hero__slide) {
			opacity: 1;
			pointer-events: auto;
			z-index: 1;
		}

section.testimonial_hero .testimonial_hero__slide-avatar {
		flex: none;
		width: 0.88rem;
		height: 0.88rem;
		border-radius: 50%;
		overflow: hidden;
		background-color: var(--light-blue);
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero .testimonial_hero__slide-avatar {
			width: 0.88rem;
			height: 0.88rem;
	}
		}

section.testimonial_hero .testimonial_hero__slide-avatar-img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

section.testimonial_hero .testimonial_hero__slide-copy {
		flex: 1;
		min-width: 0;
		text-align: left;
		min-height: 100%;
		display: flex;
		flex-direction: column;
	}

section.testimonial_hero .testimonial_hero__quote {
		margin: 0;
        font-size: 0.16rem;
	}

section.testimonial_hero .testimonial_hero__person {
		display: block;
		padding-top: 0.16rem;
        margin-top: auto;
		font-style: italic;
	}

section.testimonial_hero .testimonial_hero__nav {
		display: flex;
		align-items: center;
		gap: 0.2rem;
		flex-wrap: wrap;
		margin-bottom: 0.56rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

	section.testimonial_hero .testimonial_hero__nav {
            margin-bottom: 0.24rem;
	}
        }

section.testimonial_hero .testimonial_hero__avatars {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}

section.testimonial_hero .testimonial_hero__avatar {
		appearance: none;
		position: relative;
		flex: none;
		width: 0.48rem;
		height: 0.48rem;
		margin-left: -0.1rem;
		padding: 0;
		border-radius: 50%;
		overflow: hidden;
		cursor: pointer;
		background-color: var(--blue);
		transition: 0.35s ease;
        border: none;
	}

:is(section.testimonial_hero .testimonial_hero__avatar):first-child {
			margin-left: 0;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(1) {
			z-index: 1;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(2) {
			z-index: 2;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(3) {
			z-index: 3;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(4) {
			z-index: 4;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(5) {
			z-index: 5;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(6) {
			z-index: 6;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(7) {
			z-index: 7;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(8) {
			z-index: 8;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(9) {
			z-index: 9;
		}

:is(section.testimonial_hero .testimonial_hero__avatar):nth-child(10) {
			z-index: 10;
		}
/* @media (hover: hover) and (pointer: fine) {
			&:hover {
				z-index: 20;
				background-color: transparent;
		        outline: 1px solid var(--blue);
			}
		} */

.is-active:is(section.testimonial_hero .testimonial_hero__avatar) {
			/* z-index: 20; */
			/* background-color: transparent; */
            /* outline: 1px solid var(--blue); */
			background-color: var(--yellow);
		}

section.testimonial_hero .testimonial_hero__avatar-img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center bottom;
	}

section.testimonial_hero .testimonial_hero__nav-text {
		margin: 0;
		flex: 1;
		min-width: 1.6rem;
	}

:is(:is(section.testimonial_hero .testimonial_hero__button) .btn) .btn-icon-content {
				background-color: var(--blue);
				color: var(--light-blue);
			}

:is(:is(section.testimonial_hero .testimonial_hero__button) .btn) .btn-icon-icon__bg {
				background-color: var(--light-blue);
			}

:is(:is(section.testimonial_hero .testimonial_hero__button) .btn) .btn-icon-icon__wrap {
				color: var(--blue);
			}