/*================================*/
/*** CSS CUSTOM PROPERTIES (ROOT) ***/
/*================================*/

:root {
	/* PRIMARY COLORS */
	--color-primary: #6ba386;
	--color-primary-light: rgba(212, 165, 116, 0.1);
	--color-primary-lighter: rgba(212, 165, 116, 0.05);
	--color-primary-pale: rgba(212, 165, 116, 0.08);
	--color-primary-overlay: rgba(212, 165, 116, 0.03);

	/* TEXT COLORS */
	--color-text-dark: #2c2c2c;
	--color-text-medium: #444;
	--color-text-gray: #666;
	--color-text-light: #bbb;
	--color-text-lighter: #ccc;
	--color-text-lightest: #ddd;
	--color-text-white: #ffffff;

	/* BACKGROUND COLORS */
	--color-bg-white: white;
	--color-bg-light: #f5f1eb;
	--color-bg-lighter: #f9f7f4;
	--color-bg-lightest: #fff7f1;
	--color-bg-dark: #2c2c2c;
	--color-bg-darker: #1a1a1a;

	/* BORDER COLORS */
	--color-border: #ddd;
	--color-border-light: #eee;

	/* SHADOWS */
	--shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.08);
	--shadow-md: 0 8px 25px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.08);
	--shadow-xl: 0 15px 40px rgba(0, 0, 0, 0.12);

	/* BORDER RADIUS */
	--radius-sm: 5px;
	--radius-md: 12px;
	--radius-lg: 50px;

	/* GRADIENTS */
	--gradient-light: linear-gradient(135deg, #f9f7f4 0%, #f5f1eb 100%);
	--gradient-light-90: linear-gradient(90deg, #fff7f1 0%, #f9f7f4 100%);
	--gradient-light-pale: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(212, 165, 116, 0.03) 100%);
	--gradient-light-soft: linear-gradient(135deg, #fff7f1 0%, #f9f7f4 100%);
	--gradient-dark: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);

	/* LINE HEIGHT */
	--lh-tight: 1.6;
	--lh-normal: 1.7;
	--lh-relaxed: 1.8;

	/* SPACING */
	--spacing-sm: 12px;
	--spacing-md: 20px;
	--spacing-lg: 30px;
	--spacing-xl: 35px;
	--spacing-2xl: 40px;

	/* FONT SIZES */
	--font-sm: 13px;
	--font-base: 14px;
	--font-md: 15px;
	--font-lg: 16px;
	--font-xl: 18px;
	--font-2xl: 20px;
	--font-3xl: 24px;
	--font-4xl: 28px;
	--font-5xl: 32px;
	--font-6xl: 48px;

	/* FONT WEIGHTS */
	--fw-light: 300;
	--fw-normal: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;

	/* TRANSITIONS */
	--transition-sm: all 0.3s ease;
	--transition-md: all 0.4s ease;
}

/************************************/
/*** 03. CAN YOU RELATE SECTION   ***/
/************************************/

.can-you-relate {
	background: linear-gradient(135deg, #f9f7f4 0%, #f5f1eb 100%);
}

.can-you-relate .section-title h2 {
	color: var(--color-text-dark);
}

.can-you-relate .section-title p {
	color: var(--color-text-gray);
	margin-top: var(--spacing-lg);
}

.concern-card {
	background: var(--color-bg-white);
	padding: 25px;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	border-left: 5px solid var(--color-primary);
	transition: var(--transition-sm);
}

.concern-card .card-icon {
	color: var(--color-primary);
	font-size: var(--font-3xl);
	margin-top: 2px;
	flex-shrink: 0;
}

.concern-card p {
	color: var(--color-text-medium);
	font-size: var(--font-2xl);
	line-height: var(--lh-tight);
}

.concern-card-flex {
	display: flex;
	align-items: flex-start;
}

/************************************/
/*** 04. LEARN TO MOVE SECTION    ***/
/************************************/

.learn-to-move {
	background: var(--gradient-light-90);
	padding: 80px 0;
}

.learn-to-move .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: var(--spacing-sm) 30px;
	border-radius: var(--radius-lg);
	margin-bottom: 20px;
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1px;
}

.learn-to-move h2 {
	color: var(--color-text-dark);
	margin-top: 20px;
}

.learn-to-move p {
	color: var(--color-text-gray);
	font-size: var(--font-lg);
	margin-top: 20px;
}

/************************************/
/*** 05. BENJAMIN FRANKLIN SECTION ***/
/************************************/

.benjamin-franklin-section {
	background: var(--gradient-dark);
	position: relative;
	overflow: hidden;
}

.benjamin-franklin-section .decoration-circle-top {
	position: absolute;
	top: -50px;
	right: -50px;
	width: 200px;
	height: 200px;
	background: var(--color-primary-light);
	border-radius: 50%;
	z-index: 1;
}

.benjamin-franklin-section .decoration-circle-bottom {
	position: absolute;
	bottom: -30px;
	left: -30px;
	width: 150px;
	height: 150px;
	background: var(--color-primary-light);
	border-radius: 50%;
	z-index: 1;
}

.benjamin-franklin-section .container {
	position: relative;
	z-index: 2;
}

.benjamin-franklin-section .section-label {
	color: var(--color-primary);
	font-size: var(--font-xl);
	letter-spacing: 2px;
	font-weight: var(--fw-light);
	margin-bottom: 30px;
}

.benjamin-franklin-section .divider {
	border-top: 2px solid var(--color-primary);
	padding-top: 30px;
	margin-bottom: 30px;
}

.benjamin-franklin-section .quote {
	font-size: var(--font-5xl);
	font-style: italic;
	color: var(--color-text-white);
	line-height: var(--lh-relaxed);
	font-weight: var(--fw-light);
	margin-bottom: 20px;
}

.benjamin-franklin-section .quote-author {
	font-size: var(--font-lg);
	color: var(--color-primary);
	margin-bottom: 20px;
}

.benjamin-franklin-section .description {
	color: var(--color-text-lightest);
	font-size: var(--font-2xl);
	line-height: var(--lh-relaxed);
	margin-bottom: 0;
}

/************************************/
/*** 06. BONE STRENGTH SECTION    ***/
/************************************/

.bone-strength-section {
	background: var(--color-bg-white);
	padding: 60px 0 10px 0;
}

.bone-strength-section .section-badge {
	display: inline-block;
	background: var(--color-primary-light);
	color: var(--color-primary);
	padding: var(--spacing-sm) 30px;
	border-radius: var(--radius-lg);
	margin-bottom: 20px;
	font-size: var(--font-base);
	font-weight: var(--fw-semibold);
	letter-spacing: 1px;
}

.bone-strength-section h2 {
	color: var(--color-text-dark);
	margin-top: 20px;
}

.bone-strength-section p {
	color: var(--color-text-gray);
	font-size: var(--font-2xl);
	margin-top: 15px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/************************************/
/*** 07. SERVICE CARDS            ***/
/************************************/

.service-card {
	background: var(--color-bg-white);
	border-radius: var(--radius-md);
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	transition: var(--transition-md);
	border-top: 5px solid var(--color-primary);
	margin-bottom: var(--spacing-lg);
}

.service-card .card-image {
	height: 100%;
	overflow: hidden;
}

.service-card .card-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	display: block;
}

.service-card .card-content {
	padding: 15px;
	margin-top: 0;
}

.service-card h3 {
	color: var(--color-text-dark);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.service-card h3 a {
	color: var(--color-text-dark);
	text-decoration: none;
}

.service-card p {
	color: var(--color-text-gray);
	line-height: var(--lh-normal);
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.service-card .card-button {
	padding: 0 30px 30px;
}

.service-card .btn-learn-more {
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 12px 25px;
	border-radius: var(--radius-lg);
	text-decoration: none;
	display: inline-block;
	transition: var(--transition-sm);
}
.tranquility-with-lifebalanceing{
	padding-bottom: 40px;
}
/************************************/
/*** 08. WHY CHOOSE US SECTION    ***/
/************************************/

.why-choose-us {
	background: var(--gradient-light);
	padding: 100px 0;
}

.why-choose-us .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: var(--radius-lg);
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.why-choose-us h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
}

.why-choose-us .section-description {
	color: var(--color-text-gray);
	font-size: var(--font-md);
	margin-top: 15px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.why-card {
	background: var(--color-bg-white);
	padding: var(--spacing-xl);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
	border-top: 5px solid var(--color-primary);
	min-height: 100%;
	transition: var(--transition-md);
}

.why-card .card-icon {
	font-size: var(--font-6xl);
	color: var(--color-primary);
	margin-bottom: 15px;
	font-weight: var(--fw-light);
}

.why-card h3 {
	color: var(--color-text-dark);
	font-size: var(--font-2xl);
	margin-bottom: 15px;
}

.why-card p {
	color: var(--color-text-gray);
	line-height: var(--lh-relaxed);
}

/************************************/
/*** 09. OUR APPROACH SECTION     ***/
/************************************/

.our-approach {
	background: var(--color-bg-white);
	padding: 100px 0;
}

.our-approach .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: var(--radius-lg);
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.our-approach h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
}

.our-approach .section-description {
	color: var(--color-text-gray);
	font-size: var(--font-md);
	margin-top: 15px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.approach-row {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.approach-item {
	text-align: center;
}

.approach-item .step-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, var(--color-primary) 0%, #b8845a 100%);
	border-radius: 50%;
	color: var(--color-text-white);
	font-size: var(--font-5xl);
	margin-bottom: 20px;
	font-weight: var(--fw-bold);
}

.approach-item h3 {
	color: var(--color-text-dark);
	font-size: var(--font-xl);
	margin-bottom: 15px;
}

.approach-item p {
	color: var(--color-text-gray);
	line-height: var(--lh-relaxed);
}

/************************************/
/*** 10. SUCCESS STORIES SECTION  ***/
/************************************/

.success-stories {
	background: var(--gradient-dark);
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

.success-stories .decoration-circle-top {
	position: absolute;
	top: -50px;
	right: -50px;
	width: 200px;
	height: 200px;
	background: var(--color-primary-overlay);
	border-radius: 50%;
	z-index: 1;
}

.success-stories .decoration-circle-bottom {
	position: absolute;
	bottom: -30px;
	left: -30px;
	width: 150px;
	height: 150px;
	background: var(--color-primary-overlay);
	border-radius: 50%;
	z-index: 1;
}

.success-stories .container {
	position: relative;
	z-index: 2;
}

.success-stories .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 20px;
	border-radius: var(--radius-lg);
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.success-stories h2 {
	color: var(--color-text-white);
	margin-top: 15px;
}

.success-stories .section-description {
	color: var(--color-text-lighter);
	font-size: 15px;
	margin-top: 15px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.stat-card {
	background: rgba(212, 165, 116, 0.1);
	padding: 35px 25px;
	border-radius: 12px;
	text-align: center;
	border: 2px solid var(--color-primary);
}

.stat-card .stat-number {
	font-size: 48px;
	font-weight: bold;
	color: var(--color-primary);
	margin-bottom: 10px;
}

.stat-card p {
	color: #ddd;
	line-height: 1.6;
}

/************************************/
/*** 11. SERVICES FEATURES        ***/
/************************************/

.services-features {
	background: linear-gradient(135deg, #f5f1eb 0%, #faf8f5 100%);
	padding: 100px 0;
}

.services-features .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.services-features h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
}

.services-features .section-description {
	color: var(--color-text-gray);
	font-size: 15px;
	margin-top: 15px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.feature-box {
	background: var(--color-bg-white);
	padding: 35px;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	border-left: 5px solid var(--color-primary);
}

.feature-box .feature-flex {
	display: flex;
	align-items: flex-start;
}

.feature-box .feature-icon {
	width: 60px;
	height: 60px;
	background: rgba(212, 165, 116, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-primary);
	font-size: 28px;
	margin-right: 25px;
	flex-shrink: 0;
}

.feature-box h3 {
	color: var(--color-text-dark);
	font-size: 18px;
	margin-bottom: 12px;
}

.feature-box p {
	color: var(--color-text-gray);
	line-height: 1.7;
	margin: 0;
}

/************************************/
/*** 12. FLEXIBLE OPTIONS SECTION ***/
/************************************/

.flexible-options {
	background: var(--color-bg-white);
	padding: 100px 0;
}

.flexible-options .section-image {
	border-radius: var(--radius-md);
	overflow: hidden;
	box-shadow: var(--shadow-xl);
	margin-bottom: var(--spacing-lg);
}

.flexible-options .section-image img {
	width: 100%;
	display: block;
	height: 400px;
	object-fit: cover;
}

.flexible-options .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: var(--radius-lg);
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.flexible-options h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
	margin-bottom: var(--spacing-lg);
}

.flexible-options-item {
	margin-bottom: var(--spacing-lg);
	padding-bottom: var(--spacing-lg);
	border-bottom: 2px solid var(--color-border-light);
}

.flexible-options-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.flexible-options-item h4 {
	color: var(--color-primary);
	font-size: var(--font-xl);
	margin-bottom: 10px;
	font-weight: var(--fw-semibold);
}

.flexible-options-item p {
	color: var(--color-text-gray);
	line-height: var(--lh-normal);
	margin: 0;
}

.flexible-options .btn-explore {
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 14px 35px;
	border-radius: var(--radius-sm);
	text-decoration: none;
	display: inline-block;
	transition: var(--transition-sm);
	margin-top: 20px;
}

/************************************/
/*** 13. ABOUT US SECTION         ***/
/************************************/

.about-us {
	/* background: linear-gradient(135deg, #f9f7f4 0%, #fff7f1 100%); */
	background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
}

.about-us .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
}

.about-us .section-subtitle {
	color: var(--color-primary);
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.about-us .about-image {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
	margin-bottom: 0px;
}

.about-us .about-image img {
	width: 100%;
	display: block;
}

.about-us .about-content {
	padding-left: 30px;
}

.about-us h3 {
	color: var(--color-text-dark);
	font-size: 24px;
	margin-bottom: 20px;
}

.about-us h3 span {
	color: var(--color-primary);
}

.about-us .credentials-box {
	background: rgba(212, 165, 116, 0.05);
	padding: 20px;
	border-left: 4px solid var(--color-primary);
	margin-bottom: 25px;
	border-radius: 5px;
}

.about-us .credentials-box p {
	color: var(--color-text-medium);
	font-weight: 500;
	margin-bottom: 15px;
}

.about-us .credentials-box ul {
	margin: 0;
	padding-left: 20px;
	color: var(--color-text-gray);
	line-height: 1.8;
}

.about-us .about-description {
	color: var(--color-text-gray);
	line-height: 1.8;
	margin-bottom: 20px;
}

.about-us .btn-meet-teacher {
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 14px 35px;
	border-radius: var(--radius-lg);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s;
}
.about-us .btn-meet-teacher:hover { 
	color: var(--color-primary);
}

/************************************/
/*** 14. BOOK YOUR CLASSES SECTION ***/
/************************************/

.book-your-classes {
	background: var(--gradient-light-soft);
}

.book-your-classes .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 20px;
	border-radius: var(--radius-lg);
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.book-your-classes h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
}

.book-your-classes p {
	color: var(--color-text-gray);
	line-height: var(--lh-normal);
}

.book-your-classes .form-input {
	border-radius: var(--radius-sm);
	border: 1px solid var(--color-border);
	padding: 12px 15px;
}

/************************************/
/*** 15. TESTIMONIALS SECTION     ***/
/************************************/

.embracing-humanity {
	background: var(--gradient-light-soft);
	padding: 80px 0;
}

.embracing-humanity .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: var(--radius-lg);
	font-size: var(--font-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.embracing-humanity h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
}

.embracing-humanity .section-description {
	color: var(--color-text-gray);
	font-size: var(--font-lg);
	line-height: var(--lh-relaxed);
	margin-top: 15px;
}

.testimonial-card {
	background: var(--color-bg-white);
	padding: var(--spacing-xl);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
	border-left: 5px solid var(--color-primary);
}

.testimonial-card .testimonial-text {
	color: var(--color-text-medium);
	font-size: var(--font-lg);
	line-height: var(--lh-relaxed);
	font-style: italic;
}

.testimonial-card .emoji-icon {
	margin-left: 10px;
}

/************************************/
/*** 16. FAQ SECTION              ***/
/************************************/

.faq-section {
	background: linear-gradient(135deg, #f5f1eb 0%, #faf8f5 100%);
	padding: 100px 0;
}

.faq-section .section-badge {
	display: inline-block;
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 1px 25px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.faq-section h2 {
	color: var(--color-text-dark);
	margin-top: 15px;
}

.faq-section .section-description {
	color: var(--color-text-gray);
	font-size: 15px;
	margin-top: 15px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.faq-item {
	background: var(--color-bg-white);
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	border-left: 5px solid var(--color-primary);
}

.faq-item h4 {
	color: var(--color-text-dark);
	font-weight: 600;
	margin-bottom: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.faq-item .faq-icon {
	color: var(--color-primary);
	margin-right: 12px;
	font-size: 18px;
}

.faq-item p {
	color: var(--color-text-gray);
	line-height: 1.7;
	margin: 0;
	display: none;
}

.faq-section .btn-contact {
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 12px 30px;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s;
	margin-top: 20px;
}

/************************************/
/*** 17. COMMUNITY SUPPORT        ***/
/************************************/

.community-support {
	background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

.community-support .decoration-circle-top {
	position: absolute;
	top: -50px;
	right: -50px;
	width: 200px;
	height: 200px;
	background: rgba(212, 165, 116, 0.05);
	border-radius: 50%;
	z-index: 1;
}

.community-support .decoration-circle-bottom {
	position: absolute;
	bottom: -30px;
	left: -30px;
	width: 150px;
	height: 150px;
	background: rgba(212, 165, 116, 0.05);
	border-radius: 50%;
	z-index: 1;
}

.community-support .container {
	position: relative;
	z-index: 2;
}

.community-support h2 {
	color: var(--color-text-white);
	margin-bottom: 15px;
}

.community-support .section-description {
	color: var(--color-text-lighter);
	font-size: var(--font-lg);
	margin-bottom: 40px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.community-card {
	background: rgba(212, 165, 116, 0.08);
	padding: 40px 30px;
	border-radius: 12px;
	border: 1px solid rgba(212, 165, 116, 0.2);
	text-align: center;
	transition: all 0.4s ease;
}

.community-card .card-icon {
	font-size: 48px;
	color: var(--color-primary);
	margin-bottom: 20px;
}

.community-card h3 {
	color: var(--color-text-white);
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
}

.community-card p {
	color: #bbb;
	line-height: 1.8;
	margin: 0;
}

.community-support .btn-start-journey {
	background: var(--color-primary);
	color: var(--color-text-white);
	padding: 16px 40px;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s;
	font-size: 16px;
	margin-top: 30px;
}

/************************************/
/*** 18. UTILITY CLASSES          ***/
/************************************/

.section-center {
	text-align: center;
}

/************************************/
/*** BLOG SECTION STYLES          ***/
/************************************/

.blog-card {
	background: var(--color-bg-white);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	transition: all 0.4s ease;
	border-top: 5px solid var(--color-primary);
	margin-bottom: 30px;
}

.blog-card .sisf-e-media-image {
	/* height: 220px; */
	overflow: hidden;
}

.blog-card .sisf-e-media-image img {
	height: 100%;
	object-fit: cover;
}

.blog-category {
	background: var(--color-primary);
}

.blog-category a {
	color: var(--color-text-white);
}

/************************************/
/*** TESTIMONIAL CARD STYLES      ***/
/************************************/

.testimonial-card {
	background: var(--color-bg-white);
	padding: 35px;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	border-left: 5px solid var(--color-primary);
}

.testimonial-text {
	color: var(--color-text-medium);
	font-size: 16px;
	line-height: 1.8;
	font-style: italic;
}

.testimonial-card img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

/************************************/
/*** FORM INPUT STYLES            ***/
/************************************/

.form-input {
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 12px 15px;
}

/************************************/
/*** MASSAGE TITLE BOX STYLES     ***/
/************************************/

.massage-title-box {
	background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(212, 165, 116, 0.03) 100%);
	padding: 50px 30px;
	border-radius: 12px;
}

/************************************/
/*** BUTTON STYLES                ***/
/************************************/

.btn-explore,
.btn-meet-teacher,
.btn-learn-more,
.btn-contact,
.btn-start-journey {
	background: var(--color-primary);
	color: var(--color-text-white);
	border-radius: var(--radius-lg);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s;
}

.btn-explore {
	padding: 14px 35px;
}

.btn-learn-more {
	padding: 12px 25px;
}

.btn-contact {
	padding: 12px 30px;
}

.about-content {
	padding-left: 30px;
}

.text-accent {
	color: var(--color-primary);
}