/**
 * Mobile layout for the testimonial carousel cards.
 *
 * These rules used to live in the Pricing page's page-scoped Custom CSS, keyed to
 * .page-id-79715, so they only ever reached that one page. Every clone or new page
 * gets a different ID and loses the mobile layout.
 *
 * Everything is anchored on .testmonial-container-outside, the card's own class,
 * so it does not matter what the page ID is, which Grid Layout ID renders the
 * card, or whether the carousel element is us_carousel or us_post_carousel.
 *
 * The selectors carry a .w-grid-item-h prefix purely for weight: the Grid
 * Layout emits its own .layout_NNNNN .usg_* rules with !important, so a
 * single-class selector loses the cascade to them.
 */

@media (max-width: 768px) {

	.w-grid .w-grid-item-h .testmonial-container-outside {
		height: auto !important;
		min-height: 0 !important;
		padding: 1.3rem 1rem 2rem !important;
	}

	.w-grid-item-h .testmonial-container-outside .testimonial-container {
		display: flex !important;
		flex-direction: column-reverse !important;
		width: 100% !important;
		gap: 0 !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_vwrapper_5 {
		align-items: center !important;
		width: calc(100% - 3.4rem) !important;
		max-width: 310px !important;
		margin: 2rem auto 3.7rem !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_post_content_1 {
		width: 100% !important;
		max-width: none !important;
		margin: 0 0 1rem !important;
		padding-top: 1rem !important;
		text-align: center !important;
		font-size: 1rem !important;
		line-height: 1.75rem !important;
		letter-spacing: 0 !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_post_content_1 p {
		margin: 0 !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_hwrapper_1 {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
		max-width: none !important;
		margin-top: 2rem !important;
		text-align: center !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_vwrapper_1 {
		align-items: center !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_hwrapper_3 {
		justify-content: center !important;
		flex-wrap: wrap !important;
		width: 100% !important;
	}

	.w-grid-item-h .testmonial-container-outside .usg_post_custom_field_4 {
		text-align: center !important;
	}

	.w-grid-item-h .testmonial-container-outside .testimonial-logo-container {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: auto !important;
		margin: 3.3rem 0 0 !important;
		background: transparent !important;
	}

	.w-grid-item-h .testmonial-container-outside .company_logo {
		width: 120px !important;
		height: 120px !important;
		margin: 0 auto !important;
	}

	.w-grid-item-h .testmonial-container-outside .company_logo img {
		width: 118px !important;
		max-width: 100% !important;
		height: 120px !important;
		max-height: 100% !important;
		object-fit: contain !important;
	}

	.w-grid-item-h .testmonial-container-outside .ghilimele {
		top: 0 !important;
		left: 1.5rem !important;
		margin-left: 0 !important;
		font-size: 3.5rem !important;
		line-height: 3.5rem !important;
	}
}