/* About Us parity stylesheet — rebuilt from live Elementor CSS output, fully responsive. */

/* ── Section 1: Method background (top "cloud" section with ornament kids) ── */
.elementor-28 .elementor-element.elementor-element-47c4ede {
	align-items: center;
	background-image: url('/site-assets/imaginarium-method-bg.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	margin: 0 0 50px;
	min-height: 424px;
	padding: 0 10px;
	position: relative;
}

.elementor-28 .elementor-element.elementor-element-47c4ede > .e-con-inner {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: min(100%, 1140px);
	padding: 10px 0;
	width: 100%;
}

/* ── Section 2: Diary/notepad panel (About us text section) ── */
/* Desktop default: about-us-bg.svg (rounded card with dashed border) */
.elementor-28 .elementor-element.elementor-element-fefb312 {
	background-image: url('/site-assets/about-us-bg.svg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	flex-direction: column;
	margin: 0 auto 3em;
	min-height: 754px;
	padding: 4em 1em 7em;
	position: relative;
	width: 77%;
}

/* ── Ornament kids (boy top-left, girl bottom-right) ── */
.elementor-28 .elementor-element.elementor-element-2640859,
.elementor-28 .elementor-element.elementor-element-1e55198 {
	position: absolute;
	text-align: center;
	z-index: 1;
}

.elementor-28 .elementor-element.elementor-element-2640859 {
	left: 0;
	max-width: 155px;
	top: 0;
	width: 155px;
}

.elementor-28 .elementor-element.elementor-element-1e55198 {
	bottom: 0;
	max-width: 160px;
	right: 0;
	width: 160px;
}

.elementor-28 .elementor-element.elementor-element-2640859 img,
.elementor-28 .elementor-element.elementor-element-1e55198 img,
.elementor-28 .elementor-element.elementor-element-ec0dead img,
.elementor-28 .elementor-element.elementor-element-300bace img,
.elementor-28 .elementor-element.elementor-element-f1f0d56 img,
.elementor-28 .elementor-element.elementor-element-8bca1f1 img,
.elementor-28 .elementor-element.elementor-element-1d88ff6 img,
.elementor-28 .elementor-element.elementor-element-772720c img {
	height: auto;
	max-width: 100%;
	width: 100%;
}

/* ── "About us" heading ── */
.elementor-28 .elementor-element.elementor-element-feba6c7 {
	max-width: 100%;
	text-align: center;
	width: 100%;
}

.elementor-28 .elementor-element.elementor-element-feba6c7 .elementor-heading-title {
	color: #42bfed;
	font-family: 'Chewy', sans-serif !important;
	font-size: 50px;
	font-weight: 500;
	line-height: 1;
}

/* ── About us text block ── */
.elementor-28 .elementor-element.elementor-element-6b205b4 {
	align-self: center;
	max-width: 70%;
	width: 70%;
}

.elementor-28 .elementor-element.elementor-element-6b205b4 > .elementor-widget-container,
.elementor-28 .elementor-element.elementor-element-555298a > .elementor-widget-container {
	padding: 30px;
}

/* ── Section 3: Founder/assessment section ── */
.elementor-28 .elementor-element.elementor-element-71a9896 {
	align-items: center;
	background-image: url('/site-assets/mirror/wp-content/uploads/2025/06/assessment-bg.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	margin: 0 auto 5em;
	min-height: 655px;
	padding: 3em;
	position: relative;
	width: 90%;
}

.elementor-28 .elementor-element.elementor-element-ec0dead {
	max-width: 50%;
	width: 50%;
	z-index: 1;
}

.elementor-28 .elementor-element.elementor-element-555298a {
	color: #222221;
	max-width: 75%;
	width: 75%;
}

/* Paperplane ornament */
.elementor-28 .elementor-element.elementor-element-300bace {
	left: -60px;
	max-width: 320px;
	position: absolute;
	top: -20px;
	width: 320px;
	z-index: 0;
}

/* ── Section 4: Dark blue "Imaginarium Helps Kids Shine" panel ── */
.elementor-28 .elementor-element.elementor-element-9fa9257 {
	background-color: #146481;
	border-radius: 30px;
	display: flex;
	padding: 50px 30px;
}

.elementor-28 .elementor-element.elementor-element-719f7ad,
.elementor-28 .elementor-element.elementor-element-8877d98 {
	align-self: center;
	text-align: center;
}

.elementor-28 .elementor-element.elementor-element-719f7ad {
	max-width: 65%;
	width: 65%;
}

.elementor-28 .elementor-element.elementor-element-719f7ad > .elementor-widget-container {
	padding: 25px;
}

.elementor-28 .elementor-element.elementor-element-719f7ad .elementor-heading-title {
	color: #fff;
	font-family: 'Chewy', sans-serif !important;
	font-size: 50px;
	font-weight: 500;
}

/* 2-column icon grid inside dark panel */
.elementor-28 .elementor-element.elementor-element-093c377,
.elementor-28 .elementor-element.elementor-element-f08a9d5,
.elementor-28 .elementor-element.elementor-element-4117adb,
.elementor-28 .elementor-element.elementor-element-e98db6d {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(2, 1fr);
}

.elementor-28 .elementor-element.elementor-element-f08a9d5 {
	gap: 35px;
}

.elementor-28 .elementor-element.elementor-element-17cf588,
.elementor-28 .elementor-element.elementor-element-886a542,
.elementor-28 .elementor-element.elementor-element-2a8005c,
.elementor-28 .elementor-element.elementor-element-7d8b39a {
	max-width: 100%;
	width: 100%;
}

.elementor-28 .elementor-element.elementor-element-17cf588 > .elementor-widget-container,
.elementor-28 .elementor-element.elementor-element-886a542 > .elementor-widget-container,
.elementor-28 .elementor-element.elementor-element-2a8005c > .elementor-widget-container,
.elementor-28 .elementor-element.elementor-element-7d8b39a > .elementor-widget-container {
	margin: 8px 8px 8px 10px;
	padding: 5px;
}

.elementor-28 .elementor-element.elementor-element-17cf588 .elementor-icon-box-wrapper,
.elementor-28 .elementor-element.elementor-element-886a542 .elementor-icon-box-wrapper,
.elementor-28 .elementor-element.elementor-element-2a8005c .elementor-icon-box-wrapper,
.elementor-28 .elementor-element.elementor-element-7d8b39a .elementor-icon-box-wrapper {
	align-items: flex-start;
	gap: 20px;
	text-align: left;
}

.elementor-28 .elementor-element.elementor-element-17cf588 .elementor-icon,
.elementor-28 .elementor-element.elementor-element-886a542 .elementor-icon,
.elementor-28 .elementor-element.elementor-element-2a8005c .elementor-icon,
.elementor-28 .elementor-element.elementor-element-7d8b39a .elementor-icon {
	font-size: 126px;
}

.elementor-28 .elementor-element.elementor-element-17cf588 .elementor-icon-box-title,
.elementor-28 .elementor-element.elementor-element-886a542 .elementor-icon-box-title,
.elementor-28 .elementor-element.elementor-element-2a8005c .elementor-icon-box-title,
.elementor-28 .elementor-element.elementor-element-7d8b39a .elementor-icon-box-title {
	color: #fff;
	font-family: 'Chewy', sans-serif !important;
	font-size: 24px;
	line-height: 1.2;
}

.elementor-28 .elementor-element.elementor-element-17cf588 .elementor-icon-box-description,
.elementor-28 .elementor-element.elementor-element-886a542 .elementor-icon-box-description,
.elementor-28 .elementor-element.elementor-element-2a8005c .elementor-icon-box-description,
.elementor-28 .elementor-element.elementor-element-7d8b39a .elementor-icon-box-description {
	color: #fff;
	font-family: 'Happy Monkey', sans-serif !important;
	font-size: 16px;
	line-height: 24px;
}

/* ── Section 5: "How We Help" stars background section ── */
.elementor-28 .elementor-element.elementor-element-93b9366 {
	background-image: url('/site-assets/stars-background.svg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	padding: clamp(96px, 9vw, 132px) 10px;
	position: relative;
}

.elementor-28 .elementor-element.elementor-element-93b9366 > .e-con-inner {
	display: flex;
	flex-direction: column;
	gap: clamp(30px, 3.6vw, 56px);
}

.elementor-28 .elementor-element.elementor-element-8877d98 {
	max-width: 58%;
	width: 58%;
}

.elementor-28 .elementor-element.elementor-element-8877d98 .elementor-heading-title {
	color: #42bfed;
	font-family: 'Chewy', sans-serif !important;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.08;
}

/* Rocket ornament top-left of stars section */
.elementor-28 .elementor-element.elementor-element-f1f0d56 {
	left: -93px;
	position: absolute;
	top: clamp(-8px, -1vw, -2px);
	z-index: 0;
}

/* Content image grid (2-col) with 35px gap */
.elementor-28 .elementor-element.elementor-element-f08a9d5,
.elementor-28 .elementor-element.elementor-element-4117adb,
.elementor-28 .elementor-element.elementor-element-e98db6d {
	display: grid;
	column-gap: clamp(24px, 2.4vw, 40px);
	row-gap: clamp(26px, 2.5vw, 36px);
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	align-items: center;
}

.elementor-28 .elementor-element.elementor-element-5941f89,
.elementor-28 .elementor-element.elementor-element-3289675,
.elementor-28 .elementor-element.elementor-element-6c8ed17 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
}

.elementor-28 .elementor-element.elementor-element-6c8ed17 {
	padding-right: 0;
	position: relative;
	z-index: 1;
}

.elementor-28 .elementor-element.elementor-element-0c2ee3a {
	pointer-events: none;
	position: absolute;
	right: clamp(12px, 2vw, 32px);
	bottom: clamp(12px, 2vw, 28px);
	top: auto;
	left: auto;
	transform: rotate(-7deg);
	z-index: 0;
}

.elementor-28 .elementor-element.elementor-element-0c2ee3a img {
	height: auto;
	opacity: 0.98;
	width: clamp(82px, 7vw, 118px);
}

.elementor-28 .elementor-element.elementor-element-8bca1f1 img,
.elementor-28 .elementor-element.elementor-element-1d88ff6 img,
.elementor-28 .elementor-element.elementor-element-772720c img {
	border-radius: 30px;
	height: 400px;
	object-fit: cover;
	object-position: center center;
}

/* Section subheadings (Teaching Approach, Instructors, Learning Plan) */
.elementor-28 .elementor-element.elementor-element-1e39bcd .elementor-heading-title,
.elementor-28 .elementor-element.elementor-element-53008dd .elementor-heading-title,
.elementor-28 .elementor-element.elementor-element-b93b334 .elementor-heading-title {
	color: #42bfed;
	font-family: 'Chewy', sans-serif !important;
	font-size: 32px;
	font-weight: 500;
	line-height: 1;
}

/* ═══════════════════════════════════════════════
   min-width: 768px (desktop diary + founder widths)
   ═══════════════════════════════════════════════ */
@media (min-width: 768px) {
	.elementor-28 .elementor-element.elementor-element-fefb312 {
		width: 77%;
	}

	.elementor-28 .elementor-element.elementor-element-71a9896 {
		width: 90%;
	}
}

/* ═══════════════════════════════════════════════
   TABLET 768–1024px: diary panel full width
   ═══════════════════════════════════════════════ */
@media (max-width: 1024px) and (min-width: 768px) {
	.elementor-28 .elementor-element.elementor-element-fefb312 {
		width: 100%;
	}
}

/* ═══════════════════════════════════════════════
   TABLET ≤ 1024px
   ═══════════════════════════════════════════════ */
@media (max-width: 1024px) {
	/* Diary panel switches to about-us-bg.svg */
	.elementor-28 .elementor-element.elementor-element-fefb312:not(.elementor-motion-effects-element-type-background),
	.elementor-28 .elementor-element.elementor-element-fefb312 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url('/site-assets/about-us-bg.svg');
		background-position: center center;
		background-size: 100% auto;
	}

	.elementor-28 .elementor-element.elementor-element-fefb312 {
		padding: 3em 3em 6em;
		min-height: 0;
	}

	.elementor-28 .elementor-element.elementor-element-2640859 {
		left: 0;
		max-width: 120px;
		width: 120px;
	}

	.elementor-28 .elementor-element.elementor-element-1e55198 {
		max-width: 144px;
		width: 144px;
	}

	.elementor-28 .elementor-element.elementor-element-6b205b4 > .elementor-widget-container {
		padding: 20px;
	}

	.elementor-28 .elementor-element.elementor-element-6b205b4 {
		max-width: 80%;
		width: 80%;
	}

	.elementor-28 .elementor-element.elementor-element-71a9896 {
		flex-direction: column;
	}

	.elementor-28 .elementor-element.elementor-element-ec0dead {
		margin-top: -9em;
		max-width: 58%;
		width: 58%;
	}

	.elementor-28 .elementor-element.elementor-element-555298a {
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-300bace {
		max-width: 278px;
		width: 278px;
	}

	.elementor-28 .elementor-element.elementor-element-719f7ad {
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-719f7ad > .elementor-widget-container {
		margin: 0;
	}

	.elementor-28 .elementor-element.elementor-element-093c377 {
		grid-template-columns: repeat(1, 1fr);
	}

	.elementor-28 .elementor-element.elementor-element-17cf588 > .elementor-widget-container,
	.elementor-28 .elementor-element.elementor-element-886a542 > .elementor-widget-container,
	.elementor-28 .elementor-element.elementor-element-2a8005c > .elementor-widget-container,
	.elementor-28 .elementor-element.elementor-element-7d8b39a > .elementor-widget-container {
		margin: 5px;
	}

	.elementor-28 .elementor-element.elementor-element-8877d98 {
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-f08a9d5 {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}

	.elementor-28 .elementor-element.elementor-element-4117adb {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}

	.elementor-28 .elementor-element.elementor-element-e98db6d {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}


/* ═══════════════════════════════════════════════
   MOBILE ≤ 767px
   ═══════════════════════════════════════════════ */
@media (max-width: 767px) {
	.elementor-28 .elementor-element.elementor-element-47c4ede:not(.elementor-motion-effects-element-type-background),
	.elementor-28 .elementor-element.elementor-element-47c4ede > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-position: top center;
	}

	.elementor-28 .elementor-element.elementor-element-47c4ede {
		margin-bottom: 50px;
		min-height: 424px;
	}

	.elementor-28 .elementor-element.elementor-element-47c4ede > .e-con-inner {
		max-width: 767px;
	}

	/* Diary: back to icn-diary1.svg at mobile */
	.elementor-28 .elementor-element.elementor-element-fefb312:not(.elementor-motion-effects-element-type-background),
	.elementor-28 .elementor-element.elementor-element-fefb312 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: url('/site-assets/icn-diary1.svg');
		background-position: center center;
		background-size: 400px auto;
	}

	.elementor-28 .elementor-element.elementor-element-fefb312 {
		margin-bottom: 48px;
		min-height: 0;
		padding: 10em 1em 9em;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-2640859 {
		max-width: 125px;
		width: 125px;
	}

	.elementor-28 .elementor-element.elementor-element-1e55198 {
		max-width: 144px;
		width: 144px;
	}

	.elementor-28 .elementor-element.elementor-element-feba6c7 > .elementor-widget-container {
		margin: 0 0 30px;
	}

	.elementor-28 .elementor-element.elementor-element-feba6c7 .elementor-heading-title {
		font-size: 42px;
		line-height: 42px;
	}

	.elementor-28 .elementor-element.elementor-element-6b205b4 > .elementor-widget-container {
		margin: 0 0 7em;
		padding: 0;
	}

	.elementor-28 .elementor-element.elementor-element-6b205b4 {
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-71a9896 {
		flex-direction: column;
		margin-bottom: 48px;
		min-height: 968px;
		padding: 1em;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-ec0dead {
		margin-top: -7em;
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-555298a {
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-555298a > .elementor-widget-container {
		padding: 0;
	}

	/* Paperplane: 0px on mobile */
	.elementor-28 .elementor-element.elementor-element-300bace {
		max-width: 0;
		overflow: hidden;
		width: 0;
	}

	.elementor-28 .elementor-element.elementor-element-9fa9257 {
		padding: 50px 15px;
	}

	.elementor-28 .elementor-element.elementor-element-719f7ad > .elementor-widget-container {
		margin: 0 0 30px;
		padding: 0;
	}

	.elementor-28 .elementor-element.elementor-element-719f7ad .elementor-heading-title {
		font-size: 36px;
		line-height: 1.2em;
	}

	.elementor-28 .elementor-element.elementor-element-093c377 {
		grid-template-columns: 1fr;
	}

	.elementor-28 .elementor-element.elementor-element-17cf588 > .elementor-widget-container,
	.elementor-28 .elementor-element.elementor-element-886a542 > .elementor-widget-container,
	.elementor-28 .elementor-element.elementor-element-2a8005c > .elementor-widget-container,
	.elementor-28 .elementor-element.elementor-element-7d8b39a > .elementor-widget-container {
		margin: 0 0 20px;
	}

	.elementor-28 .elementor-element.elementor-element-17cf588 .elementor-icon,
	.elementor-28 .elementor-element.elementor-element-886a542 .elementor-icon,
	.elementor-28 .elementor-element.elementor-element-2a8005c .elementor-icon,
	.elementor-28 .elementor-element.elementor-element-7d8b39a .elementor-icon {
		font-size: 84px;
	}

	.elementor-28 .elementor-element.elementor-element-8877d98 .elementor-heading-title,
	.elementor-28 .elementor-element.elementor-element-feba6c7 .elementor-heading-title {
		font-size: 42px;
		line-height: 42px;
	}

	.elementor-28 .elementor-element.elementor-element-8877d98,
	.elementor-28 .elementor-element.elementor-element-719f7ad,
	.elementor-28 .elementor-element.elementor-element-ec0dead {
		max-width: 100%;
		width: 100%;
	}

	.elementor-28 .elementor-element.elementor-element-f1f0d56 {
		left: -40px;
		max-width: 180px;
	}

	.elementor-28 .elementor-element.elementor-element-93b9366 {
		padding: 80px 10px;
	}

	.elementor-28 .elementor-element.elementor-element-8bca1f1 img,
	.elementor-28 .elementor-element.elementor-element-1d88ff6 img,
	.elementor-28 .elementor-element.elementor-element-772720c img {
		height: auto;
	}

	.elementor-28 .elementor-element.elementor-element-f08a9d5,
	.elementor-28 .elementor-element.elementor-element-4117adb,
	.elementor-28 .elementor-element.elementor-element-e98db6d {
		grid-template-columns: 1fr;
	}

	.elementor-28 .elementor-element.elementor-element-6c8ed17 {
		padding-right: 0;
	}

	.elementor-28 .elementor-element.elementor-element-0c2ee3a {
		right: 10px;
		bottom: 10px;
		top: auto;
		left: auto;
		transform: rotate(-5deg) scale(0.85);
	}

	.elementor-28 .elementor-element.elementor-element-1e39bcd .elementor-heading-title,
	.elementor-28 .elementor-element.elementor-element-53008dd .elementor-heading-title,
	.elementor-28 .elementor-element.elementor-element-b93b334 .elementor-heading-title {
		font-size: 32px;
		line-height: 32px;
	}
}