html,
body {
	scroll-behavior: auto !important;
}

:root {
	color-scheme: light;
	background-color: #ffffff;
}

.bdr-radius {
	border-radius: 10px;
}

.affiliation-hk {
	max-width: 120px;
}

.team-adjusted {
	padding: 100px 30px;
}

.logo-wide {
	max-width: 300px;
	width:100%;
}

.tes-text {
	color: white;
	opacity: 0.3;
	padding: 0px 30px 50px 30px;
}

.intro-imgs {
	max-width: 100%;
	height: auto;
}

.sub-btn {
	padding: 30px;
	text-align: center;
}

.footer-section-3__social a {
	font-size: 19px;
}

.offcanvas-contact {
	color: #fff;
}

.border-lines hr {
	color: rgba(25, 41, 41, 0.1);
}

.abt-img {
	border-radius: 500px;
}

.scrolling-txt {
	max-height: 420px;
	overflow: scroll;
	scrollbar-color: #182929 #ffffff;
	scrollbar-width: thin;
	padding: 10px;
}

.About-section-5__content p,
.about-section-3__content p,
.why-choose-us-3__wrapper p,
.countdown-text p {
	margin-bottom: 1em;
}

.header-blue .heading-bg,
.header-blue-ocm {
	background: linear-gradient(to right,
			var(--primary1, #484bd6),
			var(--primary2, #2e67da),
			var(--primary3, #7e70fa));
}

.header-orange .heading-bg,
.header-orange-ocm {
	background: linear-gradient(to right,
			var(--primary1, #eb7100),
			var(--primary2, #ca782f),
			var(--primary3, #ffa804));
}

.header-default .heading-bg,
.header-default-ocm {
	background: linear-gradient(to right,
			var(--primary1, #eb7100),
			var(--primary2, #ca782f),
			var(--primary3, #ffa804));
}

.header {
	position: fixed;
	top: var(--admin-bar--height, 0);
}

.img-max {
	max-width: 100%;
}

figure img {
	max-width: 100%;
}

.header-blue .breadcrumb-section__wrapper {
	background: linear-gradient(to right,
			var(--primary1, #484bd6),
			var(--primary2, #2e67da),
			var(--primary3, #7e70fa));
}

.heading-bg,
.breadcrumb-section__wrapper {
	background: linear-gradient(to right,
			var(--primary1, #eb7100),
			var(--primary2, #ca782f),
			var(--primary3, #ffa804));
}

.breadcrumb-section__wrapper::before {
	background-color: transparent !important;
}

.breadcrumb-section__title {
	font-size: clamp(30px, 5vw, 50px);
	/* min 30px, scales with viewport, max 50px */
	text-shadow: 1px 1px 2px black;
}

@media (max-width: 575px) {
	.banner-section-5__gallery .thumb img {
		height: auto;
	}
}

.margin-10 {
	padding: 100px 50px;
}

.blog-details__wrapper {
	padding: 0px 10px;
}

.block-text ul {
	padding: 20px;
}

.heading-spacing {
	margin: 20px 0px;
}

.block-line {
	margin: 30px 0px;
	color: #eee;
}

.title-slide-3__wrapper {
	background: #f4d39a;
}

.title-slide-3__item{
    background:#E38015;
    
}

.banner-section-5__gallery .thumb::before {
	background: transparent;
}

.cta-3__left {
	max-width: 100%;
}

.cta-3__left p,
.copyright-3__text p {
	margin-bottom: 0;
}

.cta-3__right {
	background: #333;
}

.aff-sec {
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 100px 30px;
	background: #fff;
}

.aff-col {
	padding: 20px;
	box-shadow: 0px 0px 7px 0px rgba(112, 110, 110, 0.45);
	margin: 10px;
}

/*#cert-sec .grid {
  margin: 10px 20px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}*/

.grid {
	margin: 30px;
}

#cert-sec .brand-section__area {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.brand-section__item:hover {
	background-color: #fff;
	filter: none;
}

.brand-section__item:hover img {
	filter: none;
}

.copyright-3__text p,
.copyright-3__text li {
	font-size: 14px;
}

.bdr-radius {
	border-radius: 10px;
}

.cta-box {
	padding: 50px 20px;
	color: #fff;
	border-radius: 20px;
	box-shadow: 14px 14px 3px 1px #d6d6d6;
	max-width: 90%;
	margin: 10px;
}

.cta-button {
	background: #fff;
	padding: 20px;
	color: #000;
	border-radius: 10px;
}

.cta-btn {
	background: #fff;
	padding: 20px;
	color: #000;
	border-radius: 10px;
}

/* Base body text */
body,
p,
li,
span {
	font-size: clamp(17px, 1.2vw, 19px);
	line-height: 1.6;

}

/* Paragraph spacing */
p {
	margin-bottom: 1em;
}

/* Headings */
h1 {
	font-size: clamp(28px, 5vw, 60px);
	line-height: 1.2;
	margin-bottom: 0.5em;
}

h2 {
	font-size: clamp(24px, 4vw, 48px);
	line-height: 1.25;
	margin-bottom: 0.5em;
}

h3 {
	font-size: clamp(20px, 3vw, 36px);
	line-height: 1.3;
	margin-bottom: 0.5em;
}

h4 {
	font-size: clamp(18px, 2.5vw, 28px);
	line-height: 1.35;
	margin-bottom: 0.5em;
}

h5 {
	font-size: clamp(16px, 2vw, 24px);
	line-height: 1.4;
	margin-bottom: 0.5em;
}

h6 {
	font-size: clamp(14px, 1.5vw, 20px);
	line-height: 1.45;
	margin-bottom: 0.5em;
}

/* Inline text & Kirby-added classes */
.block-text,
.text-center,
.text-right,
.text-left {
	font-size: inherit;
	/* respects parent scaling */
	line-height: 1.6;
}

/* Optional: smaller screens */
@media (max-width: 480px) {

	body,
	p,
	li,
	span {
		font-size: 16px;
	}

	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 24px;
	}
}

/* Optional: adjust block spacing 
.blocks > * {
  margin-bottom: 1.5em;
}
*/
.sticky-bar-vertical {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	display: flex;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(10px);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 9999;
}

/* Glow sweep */
.sticky-bar-vertical::before {
	content: "";
	position: absolute;
	top: 0;
	left: -150%;
	width: 50%;
	height: 100%;
	background: linear-gradient(
		120deg,
		transparent,
		rgba(255, 255, 255, 0.4),
		transparent
	);
	transform: skewX(-20deg);
	animation: sweep 6s infinite;
}

/* Keyframes for light movement */
@keyframes sweep {
	0% {
		left: -150%;
	}
	30% {
		left: 150%;
	}
	100% {
		left: 150%;
	}
}












.sticky-bar-vertical .sticky-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.2rem;
	font-size: 1.8rem;
	/* bigger icons */
	color: #fff;
	/* white icons by default */
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

.sticky-bar-vertical .sticky-btn:hover {
	background: rgba(255, 255, 255, 0.1);
}

/* Divider between buttons */
.sticky-bar-vertical .divider {
	height: 1px;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

/* Adaptive for light backgrounds */
body.light-bg .sticky-bar-vertical {
	background: rgba(0, 0, 0, 0.4);
	/* slightly darker glass on light bg */
}

body.light-bg .sticky-bar-vertical .sticky-btn {
	color: #fff;
}

/* Optional: you can invert colors for dark text backgrounds */

.tooltip-inner {
	background-color: rgba(0, 0, 0, 0.85);
	/* dark glassy bg */
	color: #fff;
	font-size: 0.9rem;
	/* adjust font size */
	padding: 6px 10px;
	border-radius: 8px;
}

.block.default {
	background-color: white;
}

.block.blue {
	background-color: #007bff;
	color: white;
}

.block.orange {
	background-color: #fd7e14;
	color: white;
}

.block.gray {
	background-color: #f8f9fa;
}

img {
	max-width: 100%;
}

.rr-header-2 .rr-header__menu__wrapper .main-menu ul li .sub-menu {
background: rgba(0, 0, 0, 0.8);
}

.rr-header-2 .rr-header__menu__wrapper .main-menu ul li.has-dropdown::after {
	content: "\25BC";
	/* Unicode code for ▼ */
}

.offer-page-timer {
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 2rem 0;
}

.countdown-timer-container {
	display: inline-block;
	padding: 60px 20px;
}

.countdown-label {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #fff;
	text-transform: capitalize;
	/* adjust based on background */
}

.countdown-values {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

.countdown-unit {
	background: rgba(0, 0, 0, 0.3);
	/* semi-transparent dark box */
	color: #fff;
	padding: 1rem;
	width: 100px;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	font-weight: bold;
}

.countdown-unit .value {
	font-size: 30px;
	/* big number */
	line-height: 1;
}

.countdown-unit .unit {
	font-size: 12px;
	margin-top: 0.3rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.countdown-cta a {
	font-size: clamp(17px, 1.2vw, 19px);
	width: 100%;
	max-width: 500px;
	background: rgba(0, 0, 0, 0.5);
	text-transform: capitalize;
	padding: 20px;
	border-radius: 8px;
	border:1px solid #fff;
}

.countdown-cta a:hover {
	background: #fff;
    color: #000;
    border: none;
    transition: none;
}

.countdown-text p {
	color: #fff;
}

.dual-cta a {
	font-size: clamp(17px, 1.2vw, 19px);
	width: 100%;
	max-width: 500px;
	background: rgba(0, 0, 0, 0.5);
	text-transform: capitalize;
	padding: 20px;
	border-radius: 8px;
	border:1px solid #fff;
}

.dual-cta a:hover {
	background: #fff;
    color: #000;
    border: none;
    transition: none;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

strong {
	font-weight: 600;
}

.academy-offer {
	padding: 10px 30px;
	text-align: center;
}

.special-heading p {
	font-size: clamp(24px, 4vw, 35px);
	/* min 24px, scales with viewport, max 35px */
	padding: clamp(15px, 2vw, 30px) clamp(10px, 1.5vw, 20px);
	/* top/bottom and left/right */
	font-weight: 600;
	line-height: 1.5;
}

.special-heading p strong {
	color: #3A58D7;
}

.bold-orange strong {
	color: #DA7316;
}

.bold-blue strong {
	color: #3A58D7;
}

.text-heading h3 {
	font-size: clamp(24px, 4vw, 35px);
	/* min 24px, scales with viewport, max 35px */
	padding: clamp(15px, 2vw, 30px) clamp(10px, 1.5vw, 20px);
	/* top/bottom and left/right */
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}

.text-heading.text-left h3 {
	text-align: left;

}

.text-heading h3 strong {
	color: #3A58D7;
}

.text-light em {
	color: #909090;

}

.text-blue {
	color: #3A58D7;

}

.text-orange {
	color: #E38015;

}

.blog-details__quote {
	width: auto;
	height: auto;
 border-radius: 30px;

}

.rr-btn {

	color: #ffffff;
	background: rgba(0, 0, 0, 0.5);
}

.rr-btn a:hover {
	background-color: #3a58d7;
}

.rr-btn span {

	background-color: #3a58d7;
}

.service-section-3__item {
	justify-content: space-around;

}

.testimonial-section__content p {
	color: #fff;

}

.gallery-masonry {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.gallery-masonry .col-lg-4,
.gallery-masonry .col-md-6 {
	padding-left: 15px;
	padding-right: 15px;
}

.gallery-masonry img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 1.5rem;
	border-radius: 0.25rem;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .1);
}

.gallery-caption {
	text-align: center;
	margin-top: 1rem;
	font-size: 0.95rem;
	color: #555;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1rem;
}

.gallery-grid img {
	width: 100%;
	display: block;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}


hr {
	color: rgba(25, 41, 41, 0.1);
	margin: 30px 0px !important;

}

.custom-list li::before {
	content: "➔";
	/* or → or ➤ */
	font-weight: bold;
	color: #0d6efd;
	/* bootstrap primary color */
	margin-right: 0.5rem;
}

.custom-list li {
	list-style-type: none;
	color: #000;
	line-height: 2;
	margin: 20px 0px;
}


/* 4-section repeating color scheme */
.academy-offer.sections:nth-of-type(4n+1) {
	background: #fff;
}

.academy-offer.sections:nth-of-type(4n+2) {
	background: #f8f8f8;
	background-image: url("/assets/img/bg/pattern-3.png");
}

.academy-offer.sections:nth-of-type(4n+3) {
	background: #fff;
}

.academy-offer.sections:nth-of-type(4n+4) {
	background: #f8f8f8;
}

.academy-offer.section-spcl {
	background-image: url("/assets/img/bg/pattern-3.png");
}

/* 4-section repeating color scheme 
.academy-offer.sections:nth-of-type(4n+1) { background:#fff; }
.academy-offer.sections:nth-of-type(4n+2) { background-image: url("/assets/img/bg/pattern-1.png"); }
.academy-offer.sections:nth-of-type(4n+3) { background:#fff; }
.academy-offer.sections:nth-of-type(4n+4) { background-image: url("/assets/img/bg/pattern-4.png"); }
*/
#block-2d072f19-f5d1-4376-92a9-288c715b5c34 {
	background: #f8f8f8;
}

.academy-offer.sections img {
	border: 9px solid #e9e9e9;
	border-radius: 30px;
	margin: 30px 0px;
}

.svg-img img {
	max-width: 200px;
	margin: 30px;

}

.text-heading h5 {
	text-align: center;

}

.text-heading h5 strong {
	color: #fff;
	background: #3A58D7;
	padding: 10px;
	border-radius: 5px 20px;
}

#block-886bd751-0e82-4581-9613-c46e7dfea25d {
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
		/* white overlay */
		url("/assets/img/bg/helping-kids-cover-bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


#block-886bd751-0e82-4581-9613-c46e7dfea25d .block {

	max-width: 800px;
	margin: auto;
}

#block-451cfeea-5b9d-42cb-a3c5-3cdb4eecfb6b figure {
	text-align: center;
}

#block-451cfeea-5b9d-42cb-a3c5-3cdb4eecfb6b img {
	border-radius: 30px;
	border: 9px solid #dddcdc;
	box-shadow: 5px 5px 9px 6px #9e9e9e;
}

.about-services.sections img {
	border-radius: 30px;
	border: 9px solid #dddcdc;
	box-shadow: 5px 5px 9px 6px #9e9e9e;
}

#block-5c77518e-afcd-4a6d-8c78-f5d2e4318e56 {
	max-width: 90%;
	margin: auto;
}

#block-5c77518e-afcd-4a6d-8c78-f5d2e4318e56 form {
	font-size: 16px;
}

p a,
label a {
	color: #4E6BE7;

}

#block-451cfeea-5b9d-42cb-a3c5-3cdb4eecfb6b .stats-wrapper {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 20px;
}

#block-451cfeea-5b9d-42cb-a3c5-3cdb4eecfb6b .stat {
	background: #4e6be7;
	/* Bootstrap primary blue */
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	color: #fff;
	width: auto;
	/* about half the container */
	min-width: 200px;
	/* doesn’t shrink too small */
}

#block-451cfeea-5b9d-42cb-a3c5-3cdb4eecfb6b .stat-number {
	display: block;
	font-size: 3rem;
	font-weight: bold;
}

#block-451cfeea-5b9d-42cb-a3c5-3cdb4eecfb6b .stat-label {
	display: block;
	font-size: 2rem;
	margin-top: 5px;
}

#block-2e979b98-9359-4c74-9631-5e8414995df5 {
	background: #f8f8f8;

}

.img-no-border img {
	border: none !important;
	box-shadow: none !important;
}

.faq-section-3__area {
	background: #f8f8f8;

}

.team-section-4__social span:hover {

	background: #000;
	color:#fff;
}

.team-section-4__social a:hover {

	background: #000;
	color:#fff;
}

.team-section-4__social span {

	background: #CE7728;
	color: #fff;
}

.team-section-4__social a {

	background: #CE7728;
	color: #fff;
}

.mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked i {
	display: none !important;
	/* removes rotation & translate */
}

#block-2ad47227-e1b4-47c1-ab4f-81a81e3efe2b img, #block-4cecde42-6030-451a-a34c-bb732ba1be4b img {
	border-radius: 30px;
	border: 9px solid #dddcdc;
	box-shadow: 5px 5px 9px 6px #9e9e9e;
}


#block-4cecde42-6030-451a-a34c-bb732ba1be4b figure{
   text-align: center; 
    
}
#block-4cecde42-6030-451a-a34c-bb732ba1be4b .img-caption p{
    margin: 20px auto;
    max-width: 400px;
	background: linear-gradient(to right,
			var(--primary1, #eb7100),
			var(--primary2, #ca782f),
			var(--primary3, #ffa804));
    color: #fff;
    padding: 20px;
    border-radius: 30px;
    font-weight: 500;
}

/* 4-section repeating color scheme */
.parent-resources.sections:nth-of-type(2n+1) { background:#fff; }
.parent-resources.sections:nth-of-type(2n+2) { background:#f8f8f8; }

.academy-connection.sections:nth-of-type(2n+1) { background:#fff; }
.academy-connection.sections:nth-of-type(2n+2) { background:#f8f8f8; }

.academy-connection.sections img{	border-radius: 30px;
	border: 9px solid #dddcdc;
	box-shadow: 5px 5px 9px 6px #9e9e9e;}

.about-services.sections:nth-of-type(2n+1) { background:#fff; }
.about-services.sections:nth-of-type(2n+2) { background:#f8f8f8; }

.about-services .img-caption p { text-align: center; margin: 20px; background: #e1e2e4; padding: 10px; border-radius: 20px; }

#block-abf72251-eaa3-4f29-be16-e5cddd474d2e h1, #block-abf72251-eaa3-4f29-be16-e5cddd474d2e h2, #block-abf72251-eaa3-4f29-be16-e5cddd474d2e h4, #block-abf72251-eaa3-4f29-be16-e5cddd474d2e h3 { text-align: center; margin:20px auto; }

.blog-details__headline { margin:60px auto; }

.blog-details__headline span{ background: #333; color:#fff; padding:8px; right: auto; }

.text_white_7 p{opacity: 0.7; color: var(--rr-common-white);}

.footer-section-3__btn{right:auto; top:auto; width:100%;margin:30px auto;}

.footer-section-3__input input{margin-bottom:20px;}

.offcanvas__logo img{max-width:180px;}

code{color:#ff0404;}

.blog-details__sidebar__post-thumb{display:none;}

.title-slide-2__title span::before {bottom: 1rem;background-color:#fff;}

.title-slide-2__title{color:#fff;}

.banner-section-5__space { padding-top: 190px; padding-bottom: 90px;}

.banner-section-5__button a{background-color: #ffffff !important;}

.rotate360{background: antiquewhite; border-radius: 100px;}

.video-block.landscape .video-container {
  aspect-ratio: 16 / 9;
}

.video-block.portrait .video-container {
  aspect-ratio: 9 / 16;
  max-width: 400px; /* optional to constrain width */
  margin: auto;
}

.video-block.square .video-container {
  aspect-ratio: 1 / 1;
}

.video-block.full .video-container {
  width: 100%;
  aspect-ratio: auto; /* full width, original aspect ratio */
}

.video-container video,
.video-container iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}