/* Info pages: FAQ, about, contact, privacy policy, terms. Every class starts with .mdk-info-.
   Margins inside .mdk-section are reset by site.css with a (0,3,0) selector, so rules that set
   margins on headings, paragraphs and lists start with .mdk-section.mdk-section. */

/* Side gutters: Kadence sets .entry-content .alignfull { padding-left/right: 0 } (0,2,0),
   which beats single-class section paddings, so the gutters use (0,3,0) selectors. */
.mdk-section.mdk-section:is(.mdk-info-hero, .mdk-info-faq, .mdk-info-stats, .mdk-info-products, .mdk-info-cta) {
	padding-inline: var(--mdk-gutter);
}

/* Page hero: eyebrow, title and intro on a light band */
.mdk-info-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	padding: 64px var(--mdk-gutter) 40px;
	background: linear-gradient(to bottom, #effafa 0%, #fff 100%);
}
.mdk-info-hero .mdk-head {
	gap: 12px;
}
.mdk-info-hero .mdk-eyebrow {
	color: var(--mdk-teal);
	font-weight: 600;
}
.mdk-info-hero .mdk-head__title {
	color: var(--mdk-ink);
	font-size: 44px;
	line-height: 1.4;
}
.mdk-info-hero .mdk-head__sub {
	color: var(--mdk-muted);
}

/* Section titles and body text */
.mdk-info-title {
	color: var(--mdk-ink);
	font-size: 30px;
	font-weight: 400;
	line-height: 1.5;
}
.mdk-info-text {
	color: var(--mdk-muted);
	font-size: 18px;
	line-height: 1.8;
}
.mdk-info-title + .mdk-info-text {
	margin-top: 0;
}

/* Jump links (FAQ groups) */
.mdk-section.mdk-section .mdk-info-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdk-info-chips a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 6px 18px;
	box-sizing: border-box;
	border: 0.8px solid #afe4e4;
	border-radius: 999px;
	background: #fff;
	color: #356667;
	font-size: 15px;
	text-decoration: none;
	transition: background-color .2s, color .2s;
}
.mdk-info-chips a:hover,
.mdk-info-chips a:focus-visible {
	background: #e2f7f7;
	color: #006c6f;
}

/* FAQ page: grouped accordions in cards */
.mdk-info-faq {
	gap: 48px;
	padding-top: 32px;
}
.mdk-info-faq > * {
	max-width: 780px;
}
.mdk-info-faq__group {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mdk-info-faq__title {
	scroll-margin-top: 110px;
	color: var(--mdk-ink);
	font-size: 26px;
	font-weight: 600;
	line-height: 1.5;
}
.mdk-info-faq .mdk-faq__list {
	padding: 6px 24px;
	border: 0.8px solid #c9eeee;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 8px 30px rgba(35, 74, 75, 0.05);
}
.mdk-info-faq .mdk-faq__item + .mdk-faq__item {
	border-top: 0.8px solid #d0f1f1;
}
.mdk-info-faq .mdk-faq__item summary {
	padding: 14px 0;
	font-size: 18px;
	line-height: 30px;
}
.mdk-info-faq .mdk-faq__item p {
	padding: 0 0 16px;
}
.mdk-info-faq .mdk-faq__item p + p {
	margin-top: -8px;
}
.mdk-info-faq .mdk-faq__more {
	padding-top: 16px;
}

/* About: intro with photo */
.mdk-info-intro {
	padding-block: 56px;
	background: linear-gradient(to bottom, #effafa 0%, #fff 100%);
}
.mdk-info-intro__inner {
	display: flex;
	align-items: center;
	gap: 56px;
}
.mdk-info-intro__text {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.mdk-info-intro .mdk-eyebrow {
	color: var(--mdk-teal);
	font-weight: 600;
}
.mdk-info-intro__title {
	color: var(--mdk-ink);
	font-size: 44px;
	font-weight: 400;
	line-height: 1.4;
}
.mdk-info-intro__lead {
	color: var(--mdk-muted);
	font-size: 18px;
	line-height: 1.8;
}
.mdk-info-intro__photo {
	flex: 1 1 0;
	min-width: 0;
}
.mdk-info-intro__photo img {
	display: block;
	width: 100%;
	height: 440px;
	border-radius: 24px;
	object-fit: cover;
}

/* About: why Moddakir */
.mdk-info-why {
	padding-block: 72px;
}
.mdk-info-why__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 72px;
}
.mdk-info-why__phone {
	flex: none;
}
.mdk-info-why__phone img {
	display: block;
	width: 280px;
	height: auto;
}
.mdk-info-why__text {
	display: flex;
	flex: 0 1 680px;
	flex-direction: column;
	gap: 40px;
	min-width: 0;
}
.mdk-info-why__block {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mdk-section.mdk-section .mdk-info-why .mdk-checklist {
	gap: 14px;
	padding: 0;
}
.mdk-info-why .mdk-checklist li {
	align-items: flex-start;
	color: var(--mdk-slate);
	font-size: 16px;
	font-weight: 500;
	line-height: 27px;
}

/* About: stats band and products reuse the home components */
.mdk-info-stats {
	border-block: 0.8px solid #d0f1f1;
	background: #f9ffff;
}
.mdk-section.mdk-section.mdk-info-stats .mdk-grid {
	margin-inline: auto;
}
.mdk-info-products {
	padding-block: 56px;
}
.mdk-info-products .mdk-grid {
	max-width: 1248px;
}

/* About: social enterprise */
.mdk-info-social-ent {
	padding-block: 72px 32px;
}
.mdk-info-social-ent__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	max-width: 920px;
	padding: 40px 48px;
	box-sizing: border-box;
	border: 0.8px solid #c9eeee;
	border-radius: 24px;
	background: #f9ffff;
	text-align: center;
}

.mdk-section.mdk-section.mdk-info-social-ent .mdk-info-social-ent__card {
	margin-inline: auto;
}
.mdk-info-social-ent .mdk-pill {
	font-size: 13px;
}

/* About: awards (names only) */
.mdk-info-awards {
	padding-block: 48px;
}
.mdk-info-awards__inner {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
.mdk-section.mdk-section .mdk-info-awards__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdk-info-awards__list li {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 84px;
	padding: 16px 20px;
	box-sizing: border-box;
	border: 0.8px solid #d0f1f1;
	border-radius: 16px;
	background: linear-gradient(to bottom, #fff 44%, #effafa 100%);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.04);
	color: var(--mdk-ink);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
}
.mdk-info-awards__list li::before {
	content: "";
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #e2f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231fada2' d='M7 2h10v2h4v4a5 5 0 0 1-4.6 5 5 5 0 0 1-3.4 2.9V18h3v2H8v-2h3v-2.1A5 5 0 0 1 7.6 13 5 5 0 0 1 3 8V4h4V2Zm0 4H5v2a3 3 0 0 0 2 2.8V6Zm10 0v4.8A3 3 0 0 0 19 8V6h-2Z'/%3E%3Cpath fill='%231fada2' d='M6 21h12v1.5H6z'/%3E%3C/svg%3E") center / 24px no-repeat;
}

/* About: media */
.mdk-info-media {
	padding-block: 32px 80px;
}
.mdk-info-media__inner {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
.mdk-info-media__card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 28px;
	padding-inline-start: 96px;
	border: 0.8px solid #d0f1f1;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 30px rgba(35, 74, 75, 0.05);
	transition: border-color .2s, box-shadow .2s;
}
.mdk-info-media__card:hover {
	border-color: #8cd8d8;
	box-shadow: 0 10px 30px rgba(35, 74, 75, 0.1);
}
.mdk-info-media__card::before {
	content: "";
	position: absolute;
	top: 28px;
	inset-inline-start: 28px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #5e4192 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.5v13L19 12 8 5.5Z'/%3E%3C/svg%3E") 55% 50% / 24px no-repeat;
}
.mdk-info-media__card--news::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3 4h14v3h4v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4Zm2 2v12h10V6H5Zm12 3v9a.5.5 0 0 0 1 0V9h-1ZM7 8h6v3H7V8Zm0 5h6v1.5H7V13Zm0 2.5h6V17H7v-1.5Z'/%3E%3C/svg%3E");
	background-position: center;
}
.mdk-info-media__type {
	color: var(--mdk-teal);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}
.mdk-info-media__title {
	color: var(--mdk-ink);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
}
.mdk-info-media__title a {
	color: inherit;
	text-decoration: none;
}
.mdk-info-media__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 16px;
}
.mdk-info-media__title a:focus-visible {
	outline: none;
}
.mdk-info-media__title a:focus-visible::after {
	outline: 2px solid var(--mdk-teal);
	outline-offset: 2px;
}
.mdk-info-media__source {
	color: var(--mdk-muted);
	font-size: 15px;
	line-height: 1.5;
}

/* About: closing call to action */
.mdk-info-cta {
	padding: 72px var(--mdk-gutter);
	background: var(--mdk-purple);
	color: #fff;
}
.mdk-info-cta__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
}
.mdk-info-cta__title {
	max-width: 860px;
	color: #fff;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.6;
}
.mdk-info-cta__text {
	color: #e9e3f4;
	font-size: 18px;
	line-height: 1.8;
}
.mdk-info-cta .mdk-stores {
	justify-content: center;
	margin-top: 8px;
}

/* Contact */
.mdk-info-contact {
	padding-block: 16px 88px;
}
.mdk-info-contact__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	align-items: start;
	gap: 32px;
}
.mdk-info-contact__form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 40px;
	border: 0.8px solid #c9eeee;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 8px 30px rgba(35, 74, 75, 0.06);
}
.mdk-info-contact__title {
	color: var(--mdk-ink);
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
}
.mdk-info-contact__note {
	margin-bottom: 16px;
	color: var(--mdk-muted);
	font-size: 15px;
	line-height: 1.8;
}
.mdk-section.mdk-section .mdk-info-contact__note {
	margin-bottom: 16px;
}
.mdk-info-contact__note a {
	color: #007272;
	font-weight: 700;
}
.mdk-info-contact__aside {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.mdk-info-card {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 28px;
	border: 0.8px solid #c9eeee;
	border-radius: 24px;
	background: #f9ffff;
}
.mdk-info-card__title {
	color: var(--mdk-ink);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}
.mdk-info-channel {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	min-height: 48px;
	padding-inline-start: 62px;
}
.mdk-info-channel::before {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-start: 0;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border: 0.8px solid #c9eeee;
	border-radius: 50%;
	background: #fff center / 22px no-repeat;
	transform: translateY(-50%);
}
.mdk-info-channel--whatsapp::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23007272' d='M12 2a10 10 0 0 0-8.7 14.9L2 22l5.2-1.3A10 10 0 1 0 12 2Zm0 2a8 8 0 1 1-4.1 14.9l-.4-.2-2.7.7.7-2.6-.3-.4A8 8 0 0 1 12 4Z'/%3E%3Cpath fill='%23007272' d='M9.1 7.3c.3 0 .5 0 .7.5l.8 1.9c.1.3 0 .5-.1.7l-.6.7a6.6 6.6 0 0 0 2.9 2.9l.7-.6c.2-.2.5-.2.7-.1l1.9.8c.4.2.5.4.5.7 0 1.2-1 2.2-2.3 2.2-3.4 0-7.1-3.7-7.1-7.1 0-1.3 1-2.6 1.9-2.6Z'/%3E%3C/svg%3E");
}
.mdk-info-channel--email::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23007272' d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm1 2.6V17h16V7.6l-8 5.2-8-5.2ZM5.6 7 12 11.2 18.4 7H5.6Z'/%3E%3C/svg%3E");
}
.mdk-info-channel--address::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23007272' d='M12 2a7 7 0 0 1 7 7c0 5.3-7 13-7 13S5 14.3 5 9a7 7 0 0 1 7-7Zm0 2a5 5 0 0 0-5 5c0 3.3 3.5 8.2 5 10 1.5-1.8 5-6.7 5-10a5 5 0 0 0-5-5Zm0 2.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z'/%3E%3C/svg%3E");
}
.mdk-info-channel__label {
	color: var(--mdk-muted);
	font-size: 14px;
	line-height: 1.5;
}
.mdk-info-channel__value {
	color: var(--mdk-ink);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	overflow-wrap: anywhere;
}
.mdk-info-channel__value a {
	color: inherit;
	text-decoration: none;
}
.mdk-info-channel__value a:hover {
	color: var(--mdk-teal);
}
.mdk-section.mdk-section .mdk-info-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdk-info-social a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	border: 0.8px solid #c9eeee;
	border-radius: 50%;
	background: #fff;
	position: relative;
	color: #007272;
	text-decoration: none;
	transition: background-color .2s, color .2s;
}
.mdk-info-social a:hover {
	background: #e2f7f7;
	color: var(--mdk-teal);
}
.mdk-info-social a::before {
	content: "";
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: var(--mdk-info-icon) center / contain no-repeat;
	mask: var(--mdk-info-icon) center / contain no-repeat;
}
.mdk-info-social__x {
	--mdk-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-7.5 8.6L23.3 22h-6.9l-5.4-7-6.2 7H1.7l8-9.2L1.3 2h7l4.9 6.4L18.9 2Zm-1.2 18h1.7L7.4 3.9H5.6L17.7 20Z'/%3E%3C/svg%3E");
}
.mdk-info-social__facebook {
	--mdk-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8.5V6.6c0-.9.6-1.1 1-1.1h2.6V1.5L14 1.5c-4 0-4.9 3-4.9 4.9v2.1H6.8v4h2.3V23H14V12.5h3.3l.4-4H14Z'/%3E%3C/svg%3E");
}
.mdk-info-social__instagram {
	--mdk-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4ZM17.3 5.6a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4ZM12 1.5c-2.9 0-3.2 0-4.3.1-4 .2-6 2.2-6.2 6.2C1.5 8.8 1.5 9.1 1.5 12s0 3.2.1 4.3c.2 4 2.2 6 6.2 6.2 1.1.1 1.4.1 4.3.1s3.2 0 4.3-.1c4-.2 6-2.2 6.2-6.2.1-1.1.1-1.4.1-4.3s0-3.2-.1-4.3c-.2-4-2.2-6-6.2-6.2-1.1-.1-1.4-.1-4.3-.1Zm0 1.9c2.8 0 3.2 0 4.3.1 2.9.1 4.1 1.5 4.2 4.2.1 1.1.1 1.4.1 4.3s0 3.2-.1 4.3c-.1 2.7-1.4 4.1-4.2 4.2-1.1.1-1.4.1-4.3.1s-3.2 0-4.3-.1c-2.9-.1-4.1-1.5-4.2-4.2-.1-1.1-.1-1.4-.1-4.3s0-3.2.1-4.3c.1-2.7 1.4-4.1 4.2-4.2 1.1-.1 1.5-.1 4.3-.1Z'/%3E%3C/svg%3E");
}
.mdk-info-social__linkedin {
	--mdk-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.4 7.6H1.6V22h3.8V7.6ZM3.5 1.5a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4ZM22.4 13.9c0-3.9-.8-6.6-5.3-6.6-2.2 0-3.6.8-4.2 1.9h-.1V7.6H9.2V22h3.8v-7.1c0-1.9.4-3.7 2.7-3.7s2.3 2.1 2.3 3.8V22h3.8l.6-8.1Z'/%3E%3C/svg%3E");
}
.mdk-info-social__youtube {
	--mdk-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2C.5 9.1.5 12 .5 12s0 2.9.5 4.8a3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-4.8.5-4.8s0-2.9-.5-4.8ZM9.7 15.5v-7l6 3.5-6 3.5Z'/%3E%3C/svg%3E");
}
.mdk-info-card .mdk-stores {
	gap: 12px;
}
.mdk-info-card .mdk-stores img {
	height: 42px;
}

/* Contact form (Fluent Forms) */
.mdk-info-contact__form .fluentform .ff-el-group {
	margin-bottom: 20px;
}
.mdk-info-contact__form .fluentform form {
	margin-bottom: 0;
}
.mdk-info-contact__form .fluentform .ff-t-container {
	gap: 16px;
}
.mdk-info-contact__form .fluentform .ff-t-cell {
	padding: 0 !important;
}
.mdk-info-contact__form .fluentform .ff-el-input--label label {
	color: var(--mdk-ink);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
}
.mdk-info-contact__form .fluentform .ff-el-form-control {
	min-height: 50px;
	padding: 10px 16px;
	border: 1px solid #c9eeee;
	border-radius: 12px;
	background-color: #fff;
	color: var(--mdk-ink);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.6;
	box-shadow: none;
	transition: border-color .2s, box-shadow .2s;
}
.mdk-info-contact__form .fluentform textarea.ff-el-form-control {
	min-height: 150px;
}
.mdk-info-contact__form .fluentform .ff-el-form-control::placeholder {
	color: #8a9aa0;
}
.mdk-info-contact__form .fluentform .ff-el-form-control:focus {
	border-color: var(--mdk-teal);
	box-shadow: 0 0 0 3px rgba(31, 173, 162, 0.15);
	outline: none;
}
.mdk-info-contact__form .fluentform input[type="tel"] {
	direction: ltr;
	text-align: end;
}
.mdk-info-contact__form .fluentform select.ff-el-form-control {
	padding-inline-end: 44px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23007272' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") left 16px center / 18px no-repeat;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
html:not([dir="rtl"]) .mdk-info-contact__form .fluentform select.ff-el-form-control {
	background-position: right 16px center;
}
.mdk-info-contact__form .fluentform .ff_submit_btn_wrapper {
	margin-bottom: 0;
}
.mdk-info-contact__form .fluentform .ff-btn-submit {
	width: 100%;
	min-height: 50px;
	border-radius: 8px;
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
}
.mdk-info-contact__form .fluentform .ff-btn-submit:hover {
	background-color: #188f86 !important;
}
.mdk-info-contact__form .fluentform .error {
	color: #b42318;
	font-size: 13px;
}
.mdk-info-contact__form .ff-message-success {
	padding: 24px;
	border: 0.8px solid #afe4e4;
	border-radius: 16px;
	background: #e2f7f7;
	color: #006c6f;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.8;
	box-shadow: none;
}

/* Legal pages: a narrow reading column. Every block is a direct child of the section,
   so the shared scroll reveal animates paragraph by paragraph. */
.mdk-info-legal {
	padding-block: 8px 88px;
	color: var(--mdk-slate);
	font-size: 17px;
	line-height: 2;
}
.mdk-section.mdk-section.mdk-info-legal {
	padding-inline: max(var(--mdk-gutter), calc((100% - 800px) / 2));
}
.mdk-section.mdk-section .mdk-info-toc {
	margin-bottom: 36px;
	border: 0.8px solid #c9eeee;
	border-radius: 16px;
	background: #f9ffff;
}
.mdk-info-toc summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 52px;
	padding: 12px 20px;
	box-sizing: border-box;
	color: var(--mdk-ink);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
	cursor: pointer;
	list-style: none;
}
.mdk-info-toc summary::-webkit-details-marker {
	display: none;
}
.mdk-info-toc summary::after {
	content: "";
	flex: none;
	width: 14px;
	height: 16px;
	background: url(../../figma/1bada.svg) center / contain no-repeat;
}
.mdk-info-toc[open] summary::after {
	background-image: url(../../figma/e59dc.svg);
}
.mdk-section.mdk-section .mdk-info-toc__list {
	columns: 2;
	column-gap: 32px;
	margin: 0;
	padding: 0 20px 18px;
	list-style: none;
}
.mdk-info-toc__list li {
	break-inside: avoid;
	padding-block: 5px;
}
.mdk-info-toc__list a {
	color: var(--mdk-slate);
	font-size: 15px;
	line-height: 1.6;
	text-decoration: none;
}
.mdk-info-toc__list a:hover {
	color: var(--mdk-teal);
}
.mdk-section.mdk-section.mdk-info-legal > p {
	margin-top: 14px;
}
.mdk-section.mdk-section.mdk-info-legal > .mdk-info-toc + p {
	margin-top: 0;
}
.mdk-section.mdk-section.mdk-info-legal > h2 {
	scroll-margin-top: 110px;
	margin-top: 40px;
	padding-top: 32px;
	border-top: 0.8px solid #d0f1f1;
	color: var(--mdk-ink);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}
.mdk-section.mdk-section.mdk-info-legal > .mdk-info-toc + h2 {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.mdk-section.mdk-section.mdk-info-legal > h3 {
	margin-top: 24px;
	color: #007f7a;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.6;
}
.mdk-section.mdk-section.mdk-info-legal > h2 + p,
.mdk-section.mdk-section.mdk-info-legal > h3 + p {
	margin-top: 10px;
}
.mdk-section.mdk-section.mdk-info-legal > :is(ul, ol) {
	margin: 12px 0 0;
	padding-inline-start: 24px;
}
.mdk-info-legal li {
	margin-top: 8px;
	padding-inline-start: 4px;
}
.mdk-info-legal li::marker {
	color: var(--mdk-teal);
	font-weight: 700;
}
.mdk-section.mdk-section.mdk-info-legal .mdk-info-legal__sub {
	margin: 4px 0 0;
	padding-inline-start: 8px;
	list-style: none;
}
.mdk-info-legal > :not(.mdk-info-toc) a {
	color: #007272;
	font-weight: 600;
	overflow-wrap: anywhere;
}
.mdk-section.mdk-section.mdk-info-legal > .mdk-info-legal__company {
	margin-top: 48px;
	padding-top: 20px;
	border-top: 0.8px solid #d0f1f1;
	color: var(--mdk-display);
	font-size: 14px;
	line-height: 1.8;
}

/* Tablet */
@media (max-width: 1100px) {
	.mdk-info-intro__inner {
		gap: 32px;
	}
	.mdk-info-intro__photo img {
		height: 360px;
	}
	.mdk-info-why__inner {
		gap: 40px;
	}
	.mdk-info-why__phone img {
		width: 230px;
	}
	.mdk-section.mdk-section .mdk-info-awards__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mdk-info-media .mdk-grid--3 {
		grid-template-columns: minmax(0, 1fr);
	}
	.mdk-info-contact__inner {
		grid-template-columns: minmax(0, 1fr);
	}
	.mdk-info-contact__aside {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mdk-info-contact__aside > :first-child {
		grid-row: span 2;
	}
}

/* Phone */
@media (max-width: 860px) {
	.mdk-info-hero {
		gap: 20px;
		padding-block: 40px 28px;
	}
	.mdk-info-hero .mdk-head__title,
	.mdk-info-intro__title {
		font-size: 28px;
		line-height: 1.5;
	}
	.mdk-info-hero .mdk-head__sub,
	.mdk-info-intro__lead,
	.mdk-info-text {
		font-size: 16px;
		line-height: 1.8;
	}
	.mdk-info-title {
		font-size: 24px;
	}
	.mdk-info-faq {
		gap: 36px;
		padding-top: 20px;
	}
	.mdk-info-faq__title {
		font-size: 22px;
	}
	.mdk-info-faq .mdk-faq__list {
		padding-inline: 16px;
		border-radius: 16px;
	}
	.mdk-info-faq .mdk-faq__item summary {
		font-size: 17px;
		line-height: 28px;
	}
	.mdk-info-intro {
		padding-block: 40px;
	}
	.mdk-info-intro__inner {
		flex-direction: column;
		align-items: stretch;
	}
	.mdk-info-intro__photo img {
		height: 240px;
		border-radius: 16px;
	}
	.mdk-info-why {
		padding-block: 48px;
	}
	.mdk-info-why__inner {
		flex-direction: column;
		gap: 32px;
	}
	.mdk-info-why__phone img {
		width: 200px;
	}
	.mdk-info-why__text {
		flex-basis: auto;
		gap: 32px;
	}
	.mdk-info-stats .mdk-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px 12px;
	}
	.mdk-info-stats .mdk-stat {
		padding: 12px 4px;
	}
	.mdk-info-stats .mdk-stat__value {
		font-size: 28px;
	}
	.mdk-info-stats .mdk-stat__label {
		font-size: 15px;
		line-height: 1.6;
	}
	.mdk-info-products {
		padding-block: 40px;
	}
	.mdk-info-social-ent {
		padding-block: 48px 16px;
	}
	.mdk-info-social-ent__card {
		padding: 28px 20px;
		border-radius: 16px;
	}
	.mdk-section.mdk-section .mdk-info-awards__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
	.mdk-info-awards__list li {
		min-height: 72px;
		font-size: 16px;
	}
	.mdk-info-media {
		padding-block: 24px 56px;
	}
	.mdk-info-media__card {
		padding: 20px;
		padding-inline-start: 84px;
	}
	.mdk-info-media__card::before {
		top: 20px;
		inset-inline-start: 20px;
		width: 48px;
		height: 48px;
	}
	.mdk-info-media__title {
		font-size: 18px;
	}
	.mdk-info-cta {
		padding-block: 48px;
	}
	.mdk-info-cta__title {
		font-size: 24px;
	}
	.mdk-info-cta__text {
		font-size: 16px;
	}
	.mdk-info-contact {
		padding-block: 8px 56px;
	}
	.mdk-info-contact__form {
		padding: 24px 18px;
		border-radius: 16px;
	}
	.mdk-info-contact__title {
		font-size: 22px;
	}
	.mdk-info-contact__aside {
		display: flex;
	}
	.mdk-info-card {
		padding: 22px 18px;
		border-radius: 16px;
	}
	.mdk-info-contact__form .fluentform .ff-t-container {
		gap: 0;
	}
	.mdk-section.mdk-section .mdk-info-toc__list {
		columns: 1;
	}
	.mdk-info-legal {
		padding-block: 8px 56px;
		font-size: 16px;
		line-height: 1.9;
	}
	.mdk-section.mdk-section.mdk-info-legal > h2 {
		margin-top: 32px;
		padding-top: 24px;
		font-size: 22px;
	}
	.mdk-section.mdk-section.mdk-info-legal > h3 {
		font-size: 18px;
	}
	.mdk-info-toc summary {
		padding-inline: 16px;
	}
	.mdk-section.mdk-section .mdk-info-toc__list {
		padding-inline: 16px;
	}
}

/* Left-to-right languages: phone numbers line up with the other fields. */
html:not([dir="rtl"]) .mdk-info-contact__form .fluentform input[type="tel"] {
	text-align: left;
}