/* CRM About Us page — own rules (crm/aboutus/aboutus.php). */

/* The page's own text, after the feature boxes, at reading width. */
.lotto_crm_aboutus_page .lotto_crm_page_content {
	max-width: var(--theme-var-page, 1290px);
	margin: 0 auto;
	padding: 4em var(--theme-var-grid_gap, 30px);
	box-sizing: border-box;
}

/* Headings that are h1 on the demo, paragraphs set as h1 here (the page has one H1): the
   heading colour, not the text colour. */
.lotto_crm_aboutus_page .lotto_crm_home_as_h1 {
	color: var(--theme-color-title);
}

/* Feature box icons: a picture from the field, or the theme's plain icon. */
.lotto_crm_aboutus_page .elementor-icon-box-icon .lotto_crm_home_icon {
	display: block;
	width: 1em;
	height: 1em;
	object-fit: contain;
}

/* Testimonials without Swiper's script (aboutus.js): one slide per view, the track moved by
   transform; the height follows the current slide (Swiper's autoHeight). */
.lotto_crm_aboutus_page .lotto_crm_slider {
	overflow: hidden;
}
.lotto_crm_aboutus_page .lotto_crm_slider .swiper-wrapper {
	transition: transform 0.6s ease, height 0.3s ease;
	align-items: flex-start;
}
.lotto_crm_aboutus_page .lotto_crm_slider .swiper-slide {
	width: 100%;
	flex-shrink: 0;
}
.lotto_crm_aboutus_page .lotto_crm_slider .swiper-pagination-bullet {
	border: 0;
	padding: 0;
	cursor: pointer;
}
.lotto_crm_aboutus_page .lotto_crm_slider .swiper-pagination-bullet:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
	.lotto_crm_aboutus_page .lotto_crm_slider .swiper-wrapper { transition: none; }
}
