/*
Theme Name: XTRA Child
Theme URI: https://xtratheme.ir/
Template: xtra
Author: XtraTheme
Author URI: https://xtratheme.ir/
Description: Multipurpose and WooCommerce WordPress Theme
Tags: custom-menu,custom-logo,entertainment,full-width-template,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 6.1.20261023.07
Updated: 2026-10-23 17:10:00

*/

/* Danatik wordmark and footer copy, using the active Xtra type and palette. */
.logo_is_text h1 {
	color: #4f5cde;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
	margin: 0;
}

/* Match the logo spacing to the neighboring header menu item. */
.header_2 .logo_header_2_left_0 {
	margin: 50px 40px 30px 0 !important;
}

.footer_2_left .it_text {
	display: block;
	color: #4b5563 !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
}

.footer_2_left .it_text a {
	color: #4f5cde !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

#menu_footer_1 a {
	color: #4b5563 !important;
}

#menu_footer_1 li.current-menu-item > a {
	color: #4f5cde !important;
}

.footer_2_right .cz_header_button {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	font-size: 15px;
	line-height: 1.5;
	white-space: nowrap;
}

/* Remove the theme's fixed icon bar on small screens. */
@media (max-width: 768px) {
	.xtra-fixed-mobile-nav { display: none !important; }
	.header_4 .button_header_4_right_6 {
		margin: 28px 8px 0 !important;
	}
	.header_4 .button_header_4_right_6 .cz_header_button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: auto;
		height: 43.6px !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
		padding: 0 12px !important;
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
}

@media (max-width: 767px) {
	.footer_2_left,
	.footer_2_right {
		text-align: center;
	}
}

/* Contact page: centered routes, richer guidance, and restrained motion. */
body.page-id-517 .elementor-element-836869e .cz_title_content,
body.page-id-517 .elementor-element-836869e .cz_wpe_content {
	display: block !important;
	width: 100% !important;
}

.danatik-contact {
	--danatik-contact-primary: #4f5cde;
	--danatik-contact-ink: #222842;
	--danatik-contact-muted: #626b84;
	--danatik-contact-border: #e4e8f5;
	box-sizing: border-box;
	width: 100%;
	max-width: 1160px;
	margin-inline: auto;
	padding: 30px 20px 76px;
	color: var(--danatik-contact-ink);
	font-family: inherit;
}

.danatik-contact *,
.danatik-contact *::before,
.danatik-contact *::after {
	box-sizing: border-box;
}

.danatik-contact__hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(42px, 6vw, 76px) 28px clamp(34px, 5vw, 58px);
	border: 1px solid #e8eaff;
	border-radius: 34px;
	background:
		radial-gradient(circle at 12% 15%, rgba(255,255,255,.95), transparent 29%),
		radial-gradient(circle at 89% 83%, rgba(225,229,255,.72), transparent 27%),
		linear-gradient(135deg, #f7f8ff 0%, #fff 55%, #f4f5ff 100%);
	text-align: center;
	box-shadow: 0 22px 60px rgba(56, 67, 148, .075);
	animation: danatik-contact-rise .65s ease-out both;
}

.danatik-contact__hero-content {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto;
}

.danatik-contact__orb {
	position: absolute;
	z-index: -1;
	display: block;
	border: 1px solid rgba(79, 92, 222, .16);
	border-radius: 50%;
	pointer-events: none;
	animation: danatik-contact-float 5s ease-in-out 1 alternate both;
}

.danatik-contact__orb--one {
	top: 24px;
	right: 7%;
	width: 126px;
	height: 126px;
	box-shadow: inset 0 0 0 18px rgba(79, 92, 222, .035), 0 0 0 18px rgba(79, 92, 222, .025);
}

.danatik-contact__orb--two {
	bottom: 19px;
	left: 8%;
	width: 72px;
	height: 72px;
	background: rgba(255, 255, 255, .6);
	animation-delay: -2.5s;
}

.danatik-contact__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 5px 14px;
	border: 1px solid #e2e5ff;
	border-radius: 999px;
	background: rgba(255, 255, 255, .84);
	color: #3946c2;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	box-shadow: 0 5px 16px rgba(79, 92, 222, .07);
}

.danatik-contact__eyebrow svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.danatik-contact__hero h2 {
	margin: 17px 0 11px;
	color: var(--danatik-contact-ink);
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 800;
	line-height: 1.42;
	letter-spacing: -.035em;
}

.danatik-contact__hero p {
	max-width: 680px;
	margin: 0 auto;
	color: var(--danatik-contact-muted);
	font-size: clamp(15px, 1.5vw, 17px);
	line-height: 2;
}

.danatik-contact__quicklinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 27px;
}

.danatik-contact__quicklinks a,
.danatik-contact__closing-actions a {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 10px 17px;
	border: 1px solid #e3e6f6;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: #343e72;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none !important;
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.danatik-contact__quicklinks a span,
.danatik-contact__closing-actions a span {
	color: var(--danatik-contact-primary);
	font-size: 17px;
	transition: transform 180ms ease;
}

.danatik-contact__quicklinks a:hover,
.danatik-contact__closing-actions a:hover {
	transform: translateY(-2px);
	border-color: #c6cbff;
	background: #fff;
	box-shadow: 0 9px 22px rgba(65, 77, 171, .1);
}

.danatik-contact__quicklinks a:hover span,
.danatik-contact__closing-actions a:hover span {
	transform: translate(2px, -2px);
}

.danatik-contact__quicklinks a:focus-visible,
.danatik-contact__closing-actions a:focus-visible,
.danatik-contact__card:focus-visible,
.danatik-contact__topic:focus-visible {
	outline: 3px solid var(--danatik-contact-primary);
	outline-offset: 4px;
}

.danatik-contact__hero-caption {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
	color: #737b93;
	font-size: 13px;
	line-height: 1.7;
}

.danatik-contact__hero-caption span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #45b987;
	box-shadow: 0 0 0 5px rgba(69, 185, 135, .12);
}

.danatik-contact__section {
	margin-top: clamp(56px, 7vw, 82px);
	animation: danatik-contact-rise .7s ease-out both;
}

.danatik-contact__channels { animation-delay: 80ms; }
.danatik-contact__topics { animation-delay: 140ms; }
.danatik-contact__guide { animation-delay: 190ms; }

.danatik-contact__section-heading {
	max-width: 760px;
	margin: 0 auto 29px;
	text-align: center;
}

.danatik-contact__section-kicker {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--danatik-contact-primary);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.6;
}

.danatik-contact__section-heading h3,
.danatik-contact__closing h3 {
	margin: 0 0 9px;
	color: var(--danatik-contact-ink);
	font-size: clamp(23px, 3vw, 31px);
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: -.02em;
}

.danatik-contact__section-heading p,
.danatik-contact__closing p {
	margin: 0;
	color: var(--danatik-contact-muted);
	font-size: 15px;
	line-height: 1.9;
}

.danatik-contact__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.danatik-contact__card {
	position: relative;
	display: flex;
	min-height: 276px;
	flex-direction: column;
	align-items: center;
	padding: 28px 25px 24px;
	border: 1px solid var(--danatik-contact-border);
	border-radius: 25px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(34, 40, 66, .055);
	color: inherit;
	text-align: center;
	text-decoration: none !important;
	transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.danatik-contact__card::before {
	position: absolute;
	top: 0;
	right: 28px;
	left: 28px;
	height: 3px;
	border-radius: 0 0 8px 8px;
	background: linear-gradient(90deg, transparent, #8891ff, transparent);
	content: "";
	opacity: 0;
	transition: opacity 200ms ease;
}

.danatik-contact__card:hover {
	transform: translateY(-5px);
	border-color: #c5cbff;
	box-shadow: 0 21px 44px rgba(45, 55, 130, .12);
}

.danatik-contact__card:hover::before { opacity: 1; }

.danatik-contact__icon {
	display: grid;
	width: 62px;
	height: 62px;
	place-items: center;
	margin-bottom: 17px;
	border-radius: 19px;
	background: #f0f1ff;
	color: var(--danatik-contact-primary);
	transition: transform 220ms ease, border-radius 220ms ease;
}

.danatik-contact__card:hover .danatik-contact__icon {
	transform: translateY(-2px) rotate(-5deg);
	border-radius: 22px 15px 22px 15px;
}

.danatik-contact__icon svg {
	width: 27px;
	height: 27px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.danatik-contact__card--bale .danatik-contact__icon {
	background: #eaf8f1;
	color: #14764d;
}

.danatik-contact__card--phone .danatik-contact__icon {
	background: #fff5e5;
	color: #93600c;
}

.danatik-contact__card-label {
	display: block;
	margin-bottom: 5px;
	color: var(--danatik-contact-muted);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
}

.danatik-contact__card strong {
	display: block;
	margin-bottom: 7px;
	color: var(--danatik-contact-ink);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.55;
}

.danatik-contact__detail {
	display: block;
	max-width: 100%;
	color: #59627c;
	font-size: 14px;
	line-height: 1.9;
	overflow-wrap: anywhere;
}

.danatik-contact__action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: auto;
	padding-top: 17px;
	color: var(--danatik-contact-primary);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.6;
}

.danatik-contact__action svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	transition: transform 180ms ease;
}

.danatik-contact__card:hover .danatik-contact__action svg {
	transform: translate(-2px, -2px);
}

.danatik-contact__topic-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 15px;
}

.danatik-contact__topic {
	position: relative;
	display: flex;
	min-height: 244px;
	flex-direction: column;
	align-items: flex-start;
	overflow: hidden;
	padding: 22px 20px 19px;
	border: 1px solid var(--danatik-contact-border);
	border-radius: 22px;
	background: linear-gradient(155deg, #fff, #fafbff);
	color: inherit;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(34, 40, 66, .045);
	transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.danatik-contact__topic::after {
	position: absolute;
	top: -47px;
	left: -38px;
	width: 124px;
	height: 124px;
	border: 1px solid rgba(79, 92, 222, .1);
	border-radius: 50%;
	box-shadow: 0 0 0 13px rgba(79, 92, 222, .025), 0 0 0 27px rgba(79, 92, 222, .02);
	content: "";
	transition: transform 250ms ease;
}

.danatik-contact__topic:hover {
	transform: translateY(-4px);
	border-color: #c8cdfa;
	box-shadow: 0 16px 34px rgba(45, 55, 130, .09);
}

.danatik-contact__topic:hover::after { transform: scale(1.12); }

.danatik-contact__topic-number {
	align-self: flex-end;
	color: #a2a8bc;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
}

.danatik-contact__topic-icon {
	display: grid;
	width: 43px;
	height: 43px;
	place-items: center;
	margin: -4px 0 15px;
	border-radius: 14px;
	background: #f0f1ff;
	color: var(--danatik-contact-primary);
	font-size: 23px;
	line-height: 1;
}

.danatik-contact__topic--green .danatik-contact__topic-icon { background: #eaf8f1; color: #14764d; }
.danatik-contact__topic--gold .danatik-contact__topic-icon { background: #fff5e5; color: #93600c; }
.danatik-contact__topic--blue .danatik-contact__topic-icon { background: #edf5ff; color: #3971bf; }

.danatik-contact__topic strong {
	margin-bottom: 7px;
	color: var(--danatik-contact-ink);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.7;
}

.danatik-contact__topic > span:not(.danatik-contact__topic-number):not(.danatik-contact__topic-icon):not(.danatik-contact__topic-link) {
	color: var(--danatik-contact-muted);
	font-size: 13px;
	line-height: 1.9;
}

.danatik-contact__topic-link {
	position: relative;
	z-index: 1;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 15px;
	color: var(--danatik-contact-primary);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.6;
}

.danatik-contact__topic-link b {
	font-size: 18px;
	transition: transform 180ms ease;
}

.danatik-contact__topic:hover .danatik-contact__topic-link b {
	transform: translateX(-3px);
}

.danatik-contact__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.danatik-contact__step {
	display: flex;
	min-height: 154px;
	align-items: flex-start;
	gap: 15px;
	padding: 23px 21px;
	border: 1px solid #e9ebf4;
	border-radius: 21px;
	background: #fbfbfe;
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.danatik-contact__step:hover {
	transform: translateY(-3px);
	border-color: #d4d8ff;
	background: #fff;
}

.danatik-contact__step-number {
	display: grid;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	place-items: center;
	border-radius: 13px;
	background: #eef0ff;
	color: var(--danatik-contact-primary);
	font-size: 16px;
	font-weight: 800;
}

.danatik-contact__step strong {
	display: block;
	margin: 1px 0 7px;
	color: var(--danatik-contact-ink);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.7;
}

.danatik-contact__step p {
	margin: 0;
	color: var(--danatik-contact-muted);
	font-size: 13px;
	line-height: 1.9;
}

.danatik-contact__closing {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	overflow: hidden;
	margin-top: clamp(54px, 7vw, 78px);
	padding: clamp(27px, 4vw, 43px);
	border: 1px solid #dfe3ff;
	border-radius: 27px;
	background:
		radial-gradient(circle at 92% 15%, rgba(255,255,255,.8), transparent 28%),
		linear-gradient(120deg, #eff0ff 0%, #f8f9ff 52%, #f1f8f5 100%);
	animation: danatik-contact-rise .75s ease-out 240ms both;
}

.danatik-contact__closing-copy {
	position: relative;
	z-index: 1;
	max-width: 510px;
}

.danatik-contact__closing h3 {
	font-size: clamp(22px, 2.5vw, 29px);
}

.danatik-contact__closing p { max-width: 520px; }

.danatik-contact__closing-actions {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 9px;
}

.danatik-contact__closing-actions a {
	min-height: 48px;
	padding-inline: 15px;
}

.danatik-contact__closing-actions a:first-child {
	border-color: var(--danatik-contact-primary);
	background: var(--danatik-contact-primary);
	color: #fff;
	box-shadow: 0 8px 20px rgba(79, 92, 222, .23);
}

.danatik-contact__closing-actions a:first-child span { color: #fff; }
.danatik-contact__closing-actions a:first-child:hover { background: #424fc9; }

.danatik-contact__closing-decoration {
	position: absolute;
	top: -62px;
	left: 39%;
	width: 170px;
	height: 170px;
	border: 1px solid rgba(79, 92, 222, .12);
	border-radius: 50%;
	box-shadow: 0 0 0 15px rgba(79, 92, 222, .025), 0 0 0 31px rgba(79, 92, 222, .02);
	animation: danatik-contact-float 5.5s ease-in-out 1 alternate both;
}

@keyframes danatik-contact-rise {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes danatik-contact-float {
	from { transform: translate3d(0, -4px, 0) rotate(-3deg); }
	to { transform: translate3d(0, 9px, 0) rotate(4deg); }
}

@media (max-width: 1000px) {
	.danatik-contact__topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.danatik-contact__steps { grid-template-columns: 1fr; }
	.danatik-contact__step { min-height: 0; }
	.danatik-contact__closing { align-items: flex-start; flex-direction: column; }
	.danatik-contact__closing-actions { justify-content: flex-start; }
}

@media (max-width: 760px) {
	.danatik-contact {
		padding: 20px 16px 54px;
	}
	.danatik-contact__hero {
		padding: 42px 20px 34px;
		border-radius: 26px;
	}
	.danatik-contact__orb--one { top: 15px; right: -31px; width: 95px; height: 95px; }
	.danatik-contact__orb--two { bottom: 13px; left: -17px; width: 58px; height: 58px; }
	.danatik-contact__quicklinks { gap: 8px; margin-top: 22px; }
	.danatik-contact__quicklinks a { min-height: 44px; padding: 9px 12px; font-size: 13px; }
	.danatik-contact__grid { grid-template-columns: 1fr; gap: 13px; }
	.danatik-contact__card { min-height: 245px; padding: 24px 22px; }
	.danatik-contact__section-heading { margin-bottom: 22px; }
	.danatik-contact__topic-grid { grid-template-columns: 1fr; gap: 12px; }
	.danatik-contact__topic { min-height: 230px; padding: 19px 16px 17px; }
	.danatik-contact__closing { gap: 20px; padding: 25px 20px; border-radius: 23px; }
	.danatik-contact__closing-actions { width: 100%; }
}

@media (max-width: 480px) {
	.danatik-contact__hero h2 { font-size: 29px; }
	.danatik-contact__hero p { font-size: 16px; }
	.danatik-contact__closing-actions { display: grid; grid-template-columns: 1fr; }
	.danatik-contact__closing-actions a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.danatik-contact *,
	.danatik-contact *::before,
	.danatik-contact *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
	.danatik-contact__hero,
	.danatik-contact__section,
	.danatik-contact__closing { animation: none !important; }
	.danatik-contact__card:hover,
	.danatik-contact__topic:hover,
	.danatik-contact__step:hover,
	.danatik-contact__quicklinks a:hover,
	.danatik-contact__closing-actions a:hover { transform: none; }
}

/* About page: richer topic chips, restrained motion, and clear hover feedback. */
body.page-id-513 .elementor-element-12968a5 .cz_title_content {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	max-width: 1040px;
	margin-inline: auto;
	padding: clamp(28px, 4.5vw, 52px) clamp(18px, 5vw, 56px);
	border: 1px solid #e7eaff;
	border-radius: 28px;
	background:
		radial-gradient(circle at 10% 0%, rgba(79, 92, 222, .09), transparent 34%),
		linear-gradient(135deg, #fff 0%, #f8f9ff 100%);
	box-shadow: 0 18px 44px rgba(56, 67, 148, .075);
	animation: danatik-about-enter .48s ease-out both;
}

body.page-id-513 .elementor-element-12968a5 .cz_title_content::after {
	position: absolute;
	z-index: -1;
	top: -38px;
	left: 7%;
	width: 128px;
	height: 128px;
	border: 1px solid rgba(79, 92, 222, .16);
	border-radius: 50%;
	box-shadow: 0 0 0 14px rgba(79, 92, 222, .025), inset 0 0 0 18px rgba(79, 92, 222, .025);
	content: "";
	pointer-events: none;
	animation: danatik-about-float 5s ease-in-out 1 alternate both;
}

body.page-id-513 .elementor-element-12968a5 .cz_title_content > * {
	position: relative;
	z-index: 1;
}

body.page-id-513 .elementor-element-12968a5 .cz_title_content p span {
	color: #626b84 !important;
	font-size: clamp(16px, 1.7vw, 19px) !important;
	line-height: 2 !important;
}

body.page-id-513 .danatik-about__chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 9px;
	margin: 22px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.page-id-513 .danatik-about__chips li {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	padding: 7px 14px;
	border: 1px solid #e0e4ff;
	border-radius: 999px;
	background: #fff;
	color: #3946c2;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	box-shadow: 0 5px 16px rgba(79, 92, 222, .06);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.page-id-513 .danatik-about__chips li:nth-child(3n + 2) {
	border-color: #d8efe5;
	background: #f2fbf6;
	color: #36624f;
}

body.page-id-513 .danatik-about__chips li:nth-child(3n) {
	border-color: #f2e6c8;
	background: #fffaf0;
	color: #82652b;
}

body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_tl_icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #4f5cde !important;
	color: #fff !important;
	font-size: 18px;
	line-height: 40px;
	box-shadow: 0 8px 20px rgba(79, 92, 222, .24);
}

body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_timeline-content {
	border: 1px solid rgba(79, 92, 222, .1);
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(56, 67, 148, .055);
	transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_tl_icon {
	transition: transform 200ms ease, box-shadow 200ms ease;
}

body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_date {
	display: inline-flex;
	min-height: 28px;
	align-items: center;
	padding: 3px 10px;
	border: 1px solid #e4e7ff;
	border-radius: 999px;
	background: #f7f8ff;
	line-height: 1.5;
}

body.page-id-513 .elementor-element-4f4701d a {
	transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

body.page-id-513 .elementor-element-4f4701d a:focus-visible {
	outline: 3px solid #222842;
	outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
	body.page-id-513 .danatik-about__chips li:hover {
		transform: translateY(-3px);
		border-color: #b9c0ff;
		box-shadow: 0 10px 22px rgba(65, 77, 171, .12);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:hover .cz_timeline-content {
		transform: translateY(-4px);
		border-color: #cbd0ff;
		box-shadow: 0 14px 30px rgba(65, 77, 171, .11);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:hover .cz_tl_icon {
		transform: scale(1.06);
	}

	body.page-id-513 .elementor-element-4f4701d a:hover {
		transform: translateY(-2px);
		filter: brightness(1.04);
		box-shadow: 0 12px 26px rgba(79, 92, 222, .28);
	}
}

@keyframes danatik-about-enter {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes danatik-about-float {
	from { transform: translate3d(0, -3px, 0); }
	to { transform: translate3d(0, 9px, 0); }
}

@media (max-width: 760px) {
	body.page-id-513 .elementor-element-12968a5 .cz_title_content {
		padding: 28px 18px;
		border-radius: 22px;
	}

	body.page-id-513 .danatik-about__chips {
		gap: 7px;
	}

	body.page-id-513 .danatik-about__chips li {
		min-height: 36px;
		padding: 6px 11px;
		font-size: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-513 .elementor-element-12968a5 .cz_title_content,
	body.page-id-513 .elementor-element-12968a5 .cz_title_content::after {
		animation: none !important;
	}

	body.page-id-513 .danatik-about__chips li,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_timeline-content,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_tl_icon,
	body.page-id-513 .elementor-element-4f4701d a {
		animation: none !important;
		transition-duration: .01ms !important;
	}

	body.page-id-513 .danatik-about__chips li:hover,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:hover .cz_timeline-content,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:hover .cz_tl_icon,
	body.page-id-513 .elementor-element-4f4701d a:hover {
		transform: none !important;
	}
}

/* About page desktop timeline: balanced cards instead of detached date rails. */
@media (min-width: 761px) {
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container {
		padding: 8px 0;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		gap: 22px;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline_container::before {
		display: none !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block {
		box-sizing: border-box;
		float: none !important;
		clear: none !important;
		position: relative !important;
		display: grid !important;
		grid-template-columns: 42px minmax(0, 1fr);
		align-items: start;
		gap: 14px;
		width: auto !important;
		min-width: 0;
		min-height: 208px;
		margin: 0 !important;
		padding: 0 !important;
		text-align: right;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-i {
		position: relative !important;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 42px !important;
		height: 42px !important;
		margin: 8px 0 0 !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_tl_icon {
		position: static !important;
		width: 42px !important;
		height: 42px !important;
		line-height: 42px !important;
		transform: none;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content {
		box-sizing: border-box;
		position: relative !important;
		inset: auto !important;
		float: none !important;
		width: 100% !important;
		height: 100%;
		min-width: 0;
		min-height: 208px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		padding: 22px 24px;
		background: linear-gradient(145deg, #fff 0%, #f8f9ff 100%);
		animation: danatik-about-card-in .42s cubic-bezier(.2, .65, .3, 1) both;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content::before,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-content::after {
		display: none !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content p {
		width: 100%;
		margin: 0;
		color: #4b4d62 !important;
		font-size: 16px;
		line-height: 1.85;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content .cz_date {
		position: static !important;
		inset: auto !important;
		order: -1;
		width: fit-content !important;
		max-width: 100%;
		min-height: 34px;
		align-self: flex-start;
		margin: 0 0 12px !important;
		padding: 6px 12px;
		border: 1px solid #e1e5ff;
		border-radius: 999px;
		background: #f2f3ff;
		color: #414fc9 !important;
		font-size: 14px;
		line-height: 1.5;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:nth-child(2) .cz_timeline-content { animation-delay: 70ms; }
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:nth-child(3) .cz_timeline-content { animation-delay: 140ms; }
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:nth-child(4) .cz_timeline-content { animation-delay: 210ms; }

	@keyframes danatik-about-card-in {
		from { opacity: 0; transform: translateY(12px); }
		to { opacity: 1; transform: translateY(0); }
	}
}

@media (min-width: 761px) and (max-width: 960px) {
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div {
		grid-template-columns: minmax(0, 1fr);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-content {
		min-height: 160px;
	}
}

/* Contact page: keep unconfirmed routes clearly unavailable and prioritize email. */
.danatik-contact__card--email { order: -1; }

.danatik-contact__card--unavailable {
	cursor: default;
	border-style: dashed;
	background: linear-gradient(145deg, #fff, #fafbff);
}

.danatik-contact__card--unavailable::before { display: none; }

.danatik-contact__card--unavailable:hover {
	transform: none;
	border-color: var(--danatik-contact-border);
	box-shadow: 0 12px 34px rgba(34, 40, 66, .055);
}

.danatik-contact__card--unavailable:hover .danatik-contact__icon {
	transform: none;
	border-radius: 19px;
}

.danatik-contact__card-status {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	padding: 6px 12px;
	border: 1px solid #e8eaf2;
	border-radius: 999px;
	background: #f7f8fc;
	color: #6b7285;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
}

.danatik-contact__quicklinks a[href="#danatik-email"] {
	order: -1;
	border-color: #cfd4ff;
	background: #f5f6ff;
	color: #3643c5;
}

@media (max-width: 760px) {
	.danatik-contact__section { margin-top: 42px; }
	.danatik-contact__quicklinks {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.danatik-contact__quicklinks a[href="#danatik-email"] { grid-column: 1 / -1; }
	.danatik-contact__card { min-height: 0; padding: 22px 20px; }
	.danatik-contact__card--unavailable { padding: 19px 18px; }
	.danatik-contact__card--unavailable .danatik-contact__icon { width: 50px; height: 50px; margin-bottom: 12px; }
	.danatik-contact__card--unavailable .danatik-contact__icon svg { width: 23px; height: 23px; }
	.danatik-contact__card--unavailable strong { margin-bottom: 4px; font-size: 17px; }
	.danatik-contact__card--unavailable .danatik-contact__detail { font-size: 14px; }
	.danatik-contact__card-status { min-height: 32px; margin-top: 12px; }
	.danatik-contact__topic { min-height: 224px; padding: 18px 15px 16px; }
	.danatik-contact__topic > span:not(.danatik-contact__topic-number):not(.danatik-contact__topic-icon):not(.danatik-contact__topic-link) { font-size: 14px; line-height: 1.85; }
	.danatik-contact__topic-link { min-height: 44px; }
}

@media (max-width: 359px) {
	.danatik-contact__topic-grid { grid-template-columns: 1fr; }
	.danatik-contact__topic { min-height: 0; }
}

@media (hover: none) {
	.danatik-contact__card:hover,
	.danatik-contact__topic:hover,
	.danatik-contact__quicklinks a:hover,
	.danatik-contact__closing-actions a:hover { transform: none; }
}

/* Keep the fixed back-to-top control clear of mobile RTL card copy. */
@media (max-width: 760px) {
	body.page-id-624 .backtotop,
	body.page-id-513 .backtotop,
	body.page-id-517 .backtotop {
		left: 4px !important;
		right: auto !important;
	}
}

body.danatik-legal-modal-open .backtotop { display: none !important; }

/* About page desktop: one featured mission with three editorial pillars, no repeated card grid. */
@media (min-width: 961px) {
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container {
		padding: 0 !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div {
		position: relative;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0 30px;
		padding: 34px;
		overflow: hidden;
		border: 1px solid #e7e9f7;
		border-radius: 30px;
		background:
			radial-gradient(circle at 8% 8%, rgba(79, 92, 222, .09), transparent 24%),
			linear-gradient(150deg, #fafaff 0%, #f5f6ff 100%);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block {
		position: relative !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		align-content: start;
		align-items: start;
		gap: 14px;
		width: auto !important;
		min-width: 0;
		min-height: 0;
		margin: 0 !important;
		padding: 24px 0 0 !important;
		border-top: 1px solid #dfe2f2;
		text-align: right;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:first-child {
		grid-column: 1 / -1;
		grid-template-columns: 76px minmax(0, 1fr);
		grid-template-rows: auto;
		align-items: center;
		gap: 28px;
		min-height: 224px;
		margin: 0 0 30px !important;
		padding: 34px 40px !important;
		border: 1px solid #dfe2f5;
		border-radius: 26px;
		background:
			radial-gradient(circle at 2% 100%, rgba(79, 92, 222, .12), transparent 36%),
			linear-gradient(120deg, #fff 0%, #f2f3ff 100%);
		box-shadow: 0 18px 42px rgba(52, 61, 141, .08);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-i {
		position: static !important;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 42px !important;
		height: 42px !important;
		margin: 0 !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:first-child .cz_timeline-i {
		width: 76px !important;
		height: 76px !important;
		justify-content: center;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_tl_icon {
		position: static !important;
		flex: 0 0 42px;
		width: 42px !important;
		height: 42px !important;
		border-radius: 50% !important;
		line-height: 42px !important;
		box-shadow: 0 8px 20px rgba(79, 92, 222, .16), 0 0 0 5px rgba(79, 92, 222, .06);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:first-child .cz_tl_icon {
		flex-basis: 68px;
		width: 68px !important;
		height: 68px !important;
		border-radius: 22px !important;
		font-size: 25px;
		line-height: 68px !important;
		box-shadow: 0 15px 30px rgba(79, 92, 222, .24), 0 0 0 9px rgba(79, 92, 222, .07);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content {
		position: static !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: 100% !important;
		min-width: 0;
		min-height: 0;
		height: auto;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		animation: danatik-about-card-in .42s cubic-bezier(.2, .65, .3, 1) both;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content::before,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-content::after {
		display: none !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content .cz_date {
		position: static !important;
		order: -1;
		align-self: flex-start;
		width: fit-content !important;
		max-width: 100%;
		min-height: 34px;
		margin: 0 0 12px !important;
		padding: 6px 12px;
		border: 1px solid #e0e3f7;
		border-radius: 999px;
		background: #fff;
		color: #414fc9 !important;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:first-child .cz_timeline-content .cz_date {
		margin-bottom: 15px !important;
		padding: 7px 15px;
		border-color: #d9ddff;
		background: #eceeff;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-content p {
		width: 100%;
		margin: 0;
		color: #4b4d62 !important;
		font-size: 16px;
		line-height: 1.9;
		text-align: right !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:first-child .cz_timeline-content p {
		max-width: 920px;
		color: #353852 !important;
		font-size: clamp(19px, 1.65vw, 23px);
		line-height: 1.85;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:nth-child(2) .cz_timeline-content { animation-delay: 80ms; }
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:nth-child(3) .cz_timeline-content { animation-delay: 150ms; }
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:nth-child(4) .cz_timeline-content { animation-delay: 220ms; }

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) .cz_date {
		align-self: flex-start;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) .cz_timeline-i {
		justify-self: center;
		justify-content: center;
		width: 58px !important;
		height: 58px !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) .cz_timeline-i .cz_tl_icon {
		box-sizing: border-box;
		min-width: 58px !important;
		min-height: 58px !important;
		width: 58px !important;
		height: 58px !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 58px !important;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) .cz_timeline-content {
		align-items: center;
		text-align: center;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) .cz_date {
		align-self: center;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) .cz_timeline-content p {
		text-align: center !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-513 .elementor-element-f956518 .cz_timeline-content {
		animation: none !important;
	}
}

/* About page: practical examples and a suggested learning path. */
body.page-id-513 .elementor-element-dabout3 .danatik-about-extra {
	--about-primary: #4f5cde;
	--about-ink: #25263a;
	--about-text: #4b4d62;
	--about-muted: #686b80;
	--about-border: #e5e7f6;
	direction: rtl;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 38px 0 16px;
	color: var(--about-ink);
	font-family: inherit;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra,
body.page-id-513 .elementor-element-dabout3 .danatik-about-extra * {
	box-sizing: border-box;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro {
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0 0 12px;
	padding: 5px 12px;
	border: 1px solid #e0e3fa;
	border-radius: 999px;
	background: #f2f3ff;
	color: #414fc9;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra h2 {
	margin: 0 0 12px;
	color: var(--about-ink);
	font-size: clamp(25px, 3vw, 36px);
	font-weight: 700;
	line-height: 1.45;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro > p:last-child,
body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path-copy {
	margin: 0;
	color: var(--about-muted);
	font-size: 16px;
	line-height: 1.9;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__examples {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 250px;
	flex-direction: column;
	align-items: flex-start;
	padding: 26px 25px 24px;
	overflow: hidden;
	border: 1px solid var(--about-border);
	border-radius: 22px;
	background: linear-gradient(150deg, #fff 0%, #fafaff 100%);
	box-shadow: 0 12px 30px rgba(48, 57, 124, .055);
	animation: danatik-about-extra-in .46s cubic-bezier(.2, .65, .3, 1) both;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example::before {
	position: absolute;
	top: 0;
	right: 24px;
	width: 46px;
	height: 3px;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(90deg, #9ba3f4, var(--about-primary));
	content: "";
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(2)::before {
	background: linear-gradient(90deg, #a8d5c3, #70b69e);
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(3)::before {
	background: linear-gradient(90deg, #ead8a7, #d2b46a);
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(2) { animation-delay: 70ms; }
body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(3) { animation-delay: 140ms; }

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__icon {
	display: grid;
	width: 46px;
	height: 46px;
	place-items: center;
	margin: 0 0 19px;
	border: 1px solid #e2e5fc;
	border-radius: 15px;
	background: #f2f3ff;
	color: var(--about-primary);
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__icon svg {
	display: block;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__category {
	margin: 0 0 7px;
	color: var(--about-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example h3 {
	margin: 0 0 9px;
	color: var(--about-ink);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example > p:last-child {
	margin: 0;
	color: var(--about-text);
	font-size: 15px;
	line-height: 1.9;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path {
	position: relative;
	display: grid;
	grid-template-columns: minmax(230px, .8fr) minmax(0, 1.5fr);
	align-items: center;
	gap: 40px;
	margin-top: 56px;
	padding: 36px 40px;
	border: 1px solid #e3e6f5;
	border-radius: 28px;
	background:
		radial-gradient(circle at 100% 0%, rgba(79, 92, 222, .08), transparent 33%),
		linear-gradient(140deg, #f8f9ff 0%, #f2f3ff 100%);
	overflow: hidden;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path h2 {
	font-size: clamp(23px, 2.4vw, 30px);
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__steps::before {
	position: absolute;
	top: 20px;
	right: 9%;
	left: 9%;
	height: 1px;
	background: #d8dcf4;
	content: "";
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step {
	position: relative;
	min-width: 0;
	padding-top: 54px;
	animation: danatik-about-extra-in .46s cubic-bezier(.2, .65, .3, 1) both;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step:nth-child(2) { animation-delay: 80ms; }
body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step:nth-child(3) { animation-delay: 160ms; }

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step-number {
	position: absolute;
	top: 0;
	right: 0;
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 1px solid #dce0fa;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 5px 14px rgba(57, 68, 159, .08);
	color: #414fc9;
	direction: ltr;
	font-size: 13px;
	font-weight: 700;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step h3 {
	margin: 0 0 7px;
	color: var(--about-ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step p {
	margin: 0;
	color: var(--about-text);
	font-size: 14px;
	line-height: 1.85;
}

@media (hover: hover) and (pointer: fine) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:hover {
		transform: translateY(-4px);
		border-color: #cbd0fa;
		box-shadow: 0 18px 38px rgba(48, 57, 124, .11);
	}
}

@keyframes danatik-about-extra-in {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1050px) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 32px;
	}
}

@media (max-width: 760px) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra {
		padding: 24px 0 8px;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro {
		margin-bottom: 22px;
		padding: 0 8px;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__examples {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example {
		min-height: 0;
		padding: 21px 19px;
		border-radius: 19px;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(3) {
		grid-column: 1 / -1;
		width: min(100%, 520px);
		justify-self: center;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path {
		margin-top: 34px;
		padding: 26px 22px;
		border-radius: 23px;
	}
}

@media (max-width: 520px) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__examples {
		grid-template-columns: 1fr;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(3) {
		grid-column: auto;
		width: 100%;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__steps {
		grid-template-columns: 1fr;
		gap: 20px;
		padding-right: 0;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__steps::before {
		top: 20px;
		bottom: 20px;
		left: auto;
		right: 20px;
		width: 1px;
		height: auto;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step {
		min-height: 56px;
		padding: 0 58px 0 0;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step-number {
		right: 0;
	}
}

@media (hover: none), (prefers-reduced-motion: reduce) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example {
		transition: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example,
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__step {
		animation: none !important;
	}
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:hover {
		transform: none !important;
	}
}

/* About page: clip the title ornament consistently across browsers. */
body.page-id-513 .elementor-element-12968a5 .cz_title_content {
	display: block;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

/* Soft background shapes add depth while keeping the content in front. */
body.page-id-513 .elementor-element-12968a5 .cz_title_content::before {
	position: absolute;
	z-index: 0;
	top: -82px;
	right: 10%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(112, 182, 158, .13), rgba(112, 182, 158, 0) 70%);
	content: "";
	pointer-events: none;
	translate: 0 var(--danatik-about-parallax-slow, 0px);
	animation: danatik-about-orb-sway 17s ease-in-out infinite alternate;
}

body.page-id-513 .elementor-element-12968a5 .cz_title_content::after {
	z-index: 0;
	translate: 0 var(--danatik-about-parallax-quick, 0px);
	animation: danatik-about-orb-sway 13s ease-in-out infinite alternate-reverse;
}

@media (min-width: 961px) {
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div::before,
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div::after {
		position: absolute;
		z-index: 0;
		display: block;
		border-radius: 50%;
		content: "";
		pointer-events: none;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div::before {
		top: -122px;
		right: -58px;
		width: 260px;
		height: 260px;
		background: radial-gradient(circle, rgba(79, 92, 222, .12), rgba(79, 92, 222, 0) 72%);
		translate: 0 var(--danatik-about-parallax-slow, 0px);
		animation: danatik-about-orb-sway 19s ease-in-out infinite alternate-reverse;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div::after {
		bottom: -84px;
		left: 12%;
		width: 150px;
		height: 150px;
		border: 1px solid rgba(79, 92, 222, .12);
		box-shadow: 0 0 0 10px rgba(79, 92, 222, .025), inset 0 0 0 18px rgba(79, 92, 222, .025);
		translate: 0 var(--danatik-about-parallax-quick, 0px);
		animation: danatik-about-orb-sway 15s ease-in-out infinite alternate;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block {
		z-index: 1;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child) {
		overflow: hidden;
		padding: 24px 22px !important;
		border: 1px solid rgba(79, 92, 222, .09);
		border-radius: 22px;
		background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(248, 249, 255, .82));
		box-shadow: 0 10px 26px rgba(56, 67, 148, .045);
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child)::after {
		position: absolute;
		z-index: 0;
		top: -40px;
		left: -36px;
		width: 112px;
		height: 112px;
		border: 1px solid rgba(79, 92, 222, .1);
		border-radius: 50%;
		box-shadow: 0 0 0 8px rgba(79, 92, 222, .022), inset 0 0 0 16px rgba(79, 92, 222, .02);
		content: "";
		pointer-events: none;
		translate: 0 var(--danatik-about-parallax-quick, 0px);
		animation: danatik-about-orb-sway 14s ease-in-out infinite alternate;
	}

	body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_timeline-i,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block .cz_timeline-content {
		z-index: 1;
	}
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example > * {
	position: relative;
	z-index: 1;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example::after {
	position: absolute;
	z-index: 0;
	top: -38px;
	left: -34px;
	width: 112px;
	height: 112px;
	border: 1px solid rgba(79, 92, 222, .11);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(79, 92, 222, .025), inset 0 0 0 16px rgba(79, 92, 222, .02);
	content: "";
	pointer-events: none;
	translate: 0 var(--danatik-about-parallax-slow, 0px);
	animation: danatik-about-orb-sway 16s ease-in-out infinite alternate;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(2)::after {
	border-color: rgba(112, 182, 158, .18);
	box-shadow: 0 0 0 8px rgba(112, 182, 158, .035), inset 0 0 0 16px rgba(112, 182, 158, .025);
	animation-direction: alternate-reverse;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example:nth-child(3)::after {
	border-color: rgba(210, 180, 106, .2);
	box-shadow: 0 0 0 8px rgba(210, 180, 106, .035), inset 0 0 0 16px rgba(210, 180, 106, .025);
	animation-delay: -5s;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path::after {
	position: absolute;
	z-index: 0;
	top: -85px;
	left: -48px;
	width: 205px;
	height: 205px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(112, 182, 158, .12), rgba(112, 182, 158, 0) 70%);
	content: "";
	pointer-events: none;
	translate: 0 var(--danatik-about-parallax-quick, 0px);
	animation: danatik-about-orb-sway 18s ease-in-out infinite alternate-reverse;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path > * {
	position: relative;
	z-index: 1;
}

@keyframes danatik-about-orb-sway {
	from { transform: translate3d(0, -5px, 0) scale(.98); }
	to { transform: translate3d(0, 7px, 0) scale(1.02); }
}

@media (max-width: 520px) {
	body.page-id-513 .elementor-element-12968a5 .cz_title_content::before {
		right: -34px;
		width: 160px;
		height: 160px;
	}

	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example::after {
		top: -32px;
		left: -30px;
		width: 88px;
		height: 88px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-513 .elementor-element-12968a5 .cz_title_content::before,
	body.page-id-513 .elementor-element-12968a5 .cz_title_content::after,
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div::before,
	body.page-id-513 .elementor-element-f956518 .cz_timeline_container > div::after,
	body.page-id-513 .elementor-element-f956518 .cz_timeline-block:not(:first-child)::after,
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__example::after,
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path::after {
		animation: none !important;
		translate: none !important;
	}
}

/* Add a couple of quiet, hand-drawn strokes to the About page ambience. */
body.page-id-513 {
	--danatik-about-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 54'%3E%3Cpath d='M4 37C24 8 43 8 58 31S89 51 105 27 136 5 151 25s17 24 25 4' fill='none' stroke='%234f5cde' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro {
	position: relative;
	isolation: isolate;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro::after {
	position: absolute;
	z-index: 0;
	right: 2%;
	bottom: -10px;
	width: 104px;
	height: 31px;
	background: var(--danatik-about-squiggle) center / 100% 100% no-repeat;
	content: "";
	opacity: .2;
	pointer-events: none;
	transform-origin: center;
	animation: danatik-about-squiggle-sway 14s ease-in-out infinite alternate;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path {
	isolation: isolate;
}

body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path::before {
	position: absolute;
	z-index: 0;
	bottom: 10px;
	left: 18px;
	width: 118px;
	height: 36px;
	background: var(--danatik-about-squiggle) center / 100% 100% no-repeat;
	content: "";
	opacity: .16;
	pointer-events: none;
	transform-origin: center;
	animation: danatik-about-squiggle-sway 18s ease-in-out -4s infinite alternate-reverse;
}

@keyframes danatik-about-squiggle-sway {
	from { transform: translate3d(0, 2px, 0) rotate(-2deg); }
	to { transform: translate3d(0, -3px, 0) rotate(2deg); }
}

@media (max-width: 760px) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro::after {
		right: 0;
		bottom: -6px;
		width: 78px;
		height: 23px;
	}

	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path::before {
		left: 8px;
		bottom: 8px;
		width: 88px;
		height: 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__intro::after,
	body.page-id-513 .elementor-element-dabout3 .danatik-about-extra__path::before {
		animation: none !important;
		transform: none !important;
	}
}