/* Mabuhay TEFL Marketing Site - Kadence Theme Style Match */

/* Hide skip link bar */
.skip-link.screen-reader-text {
    display: none !important;
}

/* Google Fonts - Match Original */
@import url('https://fonts.googleapis.com/css?family=Anek+Latin:400,500,600,700,800|Rubik:400,500|Heebo:500|Telex:400&display=swap');

/* CSS Variables - Kadence Theme Colors (Exact Match) */
:root {
    --global-palette1: #2B6CB0;
    --global-palette2: #265E9A;
    --global-palette3: #222222;
    --global-palette4: #3B3B3B;
    --global-palette5: #515151;
    --global-palette6: #626262;
    --global-palette7: #E1E1E1;
    --global-palette8: #F7F7F7;
    --global-palette9: #ffffff;
    --global-palette-highlight: #4386fc;
    --global-palette-highlight-alt: #1a73e8;
    --global-palette-btn-bg: var(--global-palette1);
    --global-palette-btn-bg-hover: var(--global-palette2);
    --global-palette-btn: #ffffff;
    --global-body-font-family: 'Anek Latin', sans-serif;
    --global-heading-font-family: 'Anek Latin', sans-serif;
    --global-primary-nav-font-family: Rubik, sans-serif;
    --global-accent-font-family: Telex, sans-serif;
    --global-content-width: 1170px;
    --global-content-edge-padding: 1.5rem;
    --global-xs-spacing: 1em;
    --global-sm-spacing: 1.5rem;
    --global-md-spacing: 2rem;
    --global-lg-spacing: 2.5em;
    --global-xl-spacing: 3.5em;
    --global-xxl-spacing: 5rem;
}

/* Reset & Base */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--global-body-font-family);
    font-size: 16px;
    line-height: 1.9;
    color: var(--global-palette4);
    background: var(--global-palette8);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.site-main {
    background: #ffffff;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--global-heading-font-family);
    font-weight: 700;
    line-height: 1.3;
    color: var(--global-palette3);
    margin: 0;
    padding: 0;
}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

p {
    margin: 0 0 1.5em;
    color: var(--global-palette4);
}

a {
    color: var(--global-palette-highlight);
    text-decoration: none;
    transition: all 0.1s linear;
}

a:hover {
    color: var(--global-palette-highlight-alt);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    border-style: none;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Container */
.site-container,
.container {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

/* Buttons - Kadence Style */
.button,
.btn,
button,
input[type="button"],
input[type="submit"] {
    display: inline-block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    text-decoration: none;
    padding: 0.6em 1.2em;
    border: none;
    border-radius: 3px;
    background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0px 0px 0px -7px rgba(0,0,0,0);
}

.button:hover,
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: var(--global-palette-btn-bg-hover);
    color: var(--global-palette-btn);
    box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1);
}

.btn-primary {
    background: var(--global-palette1);
    color: var(--global-palette9);
}

.btn-primary:hover {
    background: var(--global-palette2);
    color: var(--global-palette9);
}

.btn-secondary {
    background: transparent;
    color: var(--global-palette1);
    border: 2px solid var(--global-palette1);
}

.btn-secondary:hover {
    background: var(--global-palette1);
    color: var(--global-palette9);
}

.btn-lg {
    padding: 0.8em 1.5em;
    font-size: 1.05rem;
}

/* ==================== HEADER ==================== */
.site-header {
    background: var(--global-palette9);
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.site-header-wrap {
    position: relative;
}

.site-header-inner-wrap {
    display: flex;
    flex-direction: column;
}

.site-main-header-wrap {
    border-bottom: 1px solid var(--global-palette7);
}

.site-header-row-container-inner {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

.site-main-header-inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 72px;
}

/* Logo / Branding */
.site-branding {
    flex-shrink: 0;
}

.site-branding .brand {
    display: flex;
    align-items: center;
}

.site-branding .custom-logo {
    width: auto;
    height: 80px;
}

/* Main Navigation */
.main-navigation {
    font-family: var(--global-primary-nav-font-family);
}

.header-menu-container {
    display: flex;
}

#primary-menu,
.nav-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

#primary-menu > li,
.nav-menu > li {
    position: relative;
}

#primary-menu > li > a,
.nav-menu > li > a {
    display: block;
    padding: 0.8em 1em;
    font-size: 15px;
    font-weight: 500;
    color: var(--global-palette4);
    text-decoration: none;
    transition: color 0.2s ease;
}

#primary-menu > li > a:hover,
#primary-menu > li.current-menu-item > a,
.nav-menu > li > a:hover,
.nav-menu > li.active > a {
    color: var(--global-palette1);
}

/* Dropdown Menu */
.nav-menu li.has-dropdown > a,
#primary-menu li.has-dropdown > a {
    display: flex;
    align-items: center;
    gap: 0.3em;
}

/* Dropdown Arrow SVG */
.dropdown-nav-toggle {
    display: inline-flex;
    align-items: center;
}

.dropdown-nav-toggle .kadence-svg-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
    transition: transform 0.2s ease;
}

.nav-menu li.has-dropdown:hover .dropdown-nav-toggle .kadence-svg-icon,
#primary-menu li.has-dropdown:hover .dropdown-nav-toggle .kadence-svg-icon {
    transform: rotate(180deg);
}

.nav-drop-title-wrap {
    display: flex;
    align-items: center;
    gap: 0.3em;
}

.sub-menu,
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 240px;
    padding: 0.5em 0;
    margin: 0;
    background: var(--global-palette9);
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
    list-style: none;
}

.nav-menu li.has-dropdown:hover > .dropdown-menu,
#primary-menu li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sub-menu li a,
.dropdown-menu li a {
    display: block;
    padding: 0.5em 1.2em;
    font-size: 14px;
    color: var(--global-palette4);
}

.sub-menu li a:hover,
.dropdown-menu li a:hover {
    color: var(--global-palette1);
    background: var(--global-palette8);
}

/* Nested Submenu */
.submenu,
.sub-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: all 0.2s ease;
    min-width: 220px;
    padding: 0.5em 0;
    background: var(--global-palette9);
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    list-style: none;
}

.dropdown-menu li.has-submenu:hover > .submenu,
.sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Submenu arrow indicator */
.dropdown-menu li.has-submenu > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-menu li.has-submenu > a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    margin-left: auto;
}

/* Header Button */
.header-button-wrap {
    margin-left: 1em;
}

.header-button {
    padding: 0.8em 1.8em;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    background: #2B6CB0;
    color: #ffffff;
    border: none;
}

.header-button:hover {
    background: #265E9A;
    color: #ffffff;
}

/* Header Section Layout */
.site-header-section {
    display: flex;
    align-items: center;
}

.site-header-section-left {
    justify-content: flex-start;
}

.site-header-section-right {
    justify-content: flex-end;
    gap: 0.5em;
}

/* Mobile Header */
#mobile-header {
    display: none;
}

.mobile-toggle-open-container {
    display: flex;
}

.menu-toggle-open {
    background: transparent;
    border: none;
    padding: 0.5em;
    cursor: pointer;
    color: var(--global-palette3);
}

.menu-toggle-open svg {
    width: 24px;
    height: 24px;
}

/* Mobile Navigation */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
}

.hamburger {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--global-palette3);
    position: relative;
}

.hamburger::before,
.hamburger::after {
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background: var(--global-palette3);
}

.hamburger::before { top: -7px; }
.hamburger::after { bottom: -7px; }

/* Login Button Style - LearnDash Style */
.ld-login-button,
.ld-button,
.nav-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.6em 1.4em;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    background: #E3F2FD;
    color: var(--global-palette1);
    border: 1px solid #E3F2FD;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ld-icon-login,
.nav-login-btn .ld-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
}


.ld-login-button:hover,
.ld-button:hover,
.nav-login-btn:hover {
    background: #d0e8fc;
    border-color: #d0e8fc;
    color: var(--global-palette1);
}

/* Learndash wrapper in navigation */
.learndash-wrapper {
    display: inline-flex;
}

/* ==================== CONTENT AREA ==================== */
#wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.content-area {
    margin: 0;
}

.content-bg {
    background: var(--global-palette9);
}

/* ==================== HERO SECTION ==================== */
.hero-section {
    background: url('/static/marketing/images/home/background.jpg') no-repeat center center;
    background-size: cover;
    padding: var(--global-xxl-spacing) 0;
    position: relative;
    border-radius: 0;
}

.kb-row-layout-wrap.hero-row {
    background-color: #EDF2F7;
    background-image: url('/static/marketing/images/home/background.jpg');
    background-size: cover;
    background-position: 64% 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 700px;
    padding: 0;
    border-radius: 10px;
    width: 100%;
    max-width: 1182px;
    margin: 20px auto;
    overflow: hidden;
    /* Reset alignfull positioning */
    position: static;
    left: auto;
}

.hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--global-xl-spacing);
    align-items: center;
}

.hero-text h1 {
    font-size: 3rem;
    font-weight: 800;
    color: var(--global-palette3);
    margin-bottom: 0.5em;
}

.hero-text h2,
.hero-subtitle {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--global-palette4);
    margin-bottom: 0.8em;
}

.hero-text p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--global-palette4);
    margin-bottom: 1.5em;
}

.hero-btns {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
}

.hero-btns .btn {
    padding: 0.8em 2em;
}

.hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image img {
    max-width: 100%;
    border-radius: 8px;
}

/* ==================== STATS SECTION ==================== */
.stats-section {
    background: var(--global-palette9);
    padding: var(--global-lg-spacing) 0;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
    text-align: center;
}

.stat-item {
    padding: var(--global-sm-spacing);
}

.stat-item h3,
.stat-number {
    font-size: 70px;
    font-weight: 400;
    font-family: var(--global-accent-font-family);
    color: var(--global-palette1);
    margin-bottom: 0.2em;
}

.stat-item p,
.stat-label {
    font-size: 18px;
    line-height: 45px;
    font-family: Rubik, sans-serif;
    color: var(--global-palette5);
    margin: 0;
}

/* ==================== FEATURES SECTION ==================== */
.features-section {
    background: var(--global-palette9);
    padding: var(--global-xxl-spacing) 0;
}

.section-header {
    text-align: center;
    margin-bottom: var(--global-xl-spacing);
}

.section-header h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin-bottom: 0.5em;
}

.section-header p {
    font-size: 1.1rem;
    color: var(--global-palette5);
    max-width: 700px;
    margin: 0 auto;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
}

.feature-card {
    background: var(--global-palette9);
    padding: 1rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.feature-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto var(--global-sm-spacing);
}

.feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.feature-card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.8em;
}

.feature-card p {
    font-size: 14px;
    font-family: var(--global-accent-font-family);
    color: var(--global-palette5);
    line-height: 1.4em;
    margin: 0;
}

/* ==================== COURSES SECTION ==================== */
.courses-section {
    background: var(--global-palette8);
    padding: var(--global-xxl-spacing) 0;
}

.courses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
}

.course-card {
    background: var(--global-palette9);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.course-image {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.course-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 6px 6px 0 0;
}

.course-card:hover .course-image img {
    transform: scale(1.05);
}

.course-content {
    padding: var(--global-sm-spacing);
}

.course-category {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--global-palette1);
    background: rgba(43,108,176,0.1);
    padding: 0.3em 0.8em;
    border-radius: 3px;
    margin-bottom: 0.8em;
}

.course-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.5em;
    line-height: 1.4;
}

.course-content p {
    font-size: 0.95rem;
    color: var(--global-palette5);
    line-height: 1.7;
    margin-bottom: 1em;
}

.course-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--global-sm-spacing);
    border-top: 1px solid var(--global-palette7);
}

.course-price {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--global-palette1);
}

.course-rating {
    display: flex;
    gap: 0.2em;
    color: #F6AD55;
}

.course-rating svg {
    width: 16px;
    height: 16px;
}

/* ==================== CTA SECTION ==================== */
.cta-section {
    background: var(--global-palette1);
    padding: 120px 0 100px;
    text-align: center;
}

.cta-section h2 {
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--global-palette9);
    margin-bottom: 0.5em;
}

.cta-section p {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.9);
    max-width: 700px;
    margin: 0 auto 1.5em;
}

.cta-section .btn {
    background: var(--global-palette9);
    color: var(--global-palette1);
    padding: 18px 60px;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.cta-section .btn:hover {
    background: rgba(255,255,255,0.9);
    color: var(--global-palette2);
}

/* ==================== TESTIMONIALS SECTION ==================== */
.testimonials-section {
    background: var(--global-palette9);
    padding: var(--global-xxl-spacing) 0;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--global-md-spacing);
}

.testimonial-card {
    background: var(--global-palette8);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    border-left: 4px solid var(--global-palette1);
}

.testimonial-text {
    font-size: 1rem;
    font-style: italic;
    color: var(--global-palette4);
    line-height: 1.8;
    margin-bottom: var(--global-sm-spacing);
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 1em;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--global-palette1);
    color: var(--global-palette9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.1rem;
}

.author-info h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin: 0 0 0.2em;
}

.author-info p {
    font-size: 0.9rem;
    color: var(--global-palette5);
    margin: 0;
}

/* ==================== PAGE HERO ==================== */
.page-hero {
    background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #2b6cb0 100%);
    padding: var(--global-xl-spacing) 0;
    text-align: center;
}

.page-hero h1 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--global-palette9);
    margin-bottom: 0.3em;
}

.page-hero p {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.9);
    margin: 0;
}

/* ==================== ABOUT PAGE ==================== */

/* About Hero Section */
.about-hero-section {
    background: var(--global-palette9);
    padding: 60px 0 80px;
}

.about-hero-grid {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: var(--global-xl-spacing);
    align-items: center;
}

.about-hero-text h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--global-palette3);
    text-align: center;
    margin-bottom: 1em;
}

.about-hero-text p {
    font-size: 1rem;
    line-height: 1.9;
    color: var(--global-palette4);
    margin-bottom: 1.5em;
}

.about-hero-text .btn {
    margin-top: 0.5em;
}

.about-hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-logo-image {
    max-width: 485px;
    max-height: 555px;
    width: 100%;
    height: auto;
}

/* Mission & Teachers Section */
.mission-teachers-section {
    padding: 60px 0 80px;
}

.mission-teachers-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: var(--global-xl-spacing);
}

.section-title,
.teachers-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin-bottom: 1em;
}

.teachers-title {
    text-align: center;
    margin-top: 2em;
}

.mission-statement {
    font-size: 1.1rem;
    font-style: italic;
    text-align: center;
    color: var(--global-palette4);
    line-height: 1.9;
    margin-bottom: 2em;
}

/* Teacher Profiles */
.teacher-profile {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2.5em;
    align-items: flex-start;
}

.teacher-photo {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.teacher-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teacher-info p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--global-palette4);
    margin-bottom: 0.8em;
}

.teacher-info p strong {
    color: var(--global-palette3);
}

/* Core Values */
.core-values-title {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    color: var(--global-palette3);
    margin: 1.5em 0 1em;
}

.core-values-list {
    list-style: disc;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
}

.core-values-list li {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--global-palette4);
    margin-bottom: 1em;
}

.core-values-list li strong {
    color: var(--global-palette3);
}

.mission-column-right p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--global-palette4);
}

/* About Gallery Section */
.about-gallery-section {
    padding: 0 0 60px;
}

.about-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
}

.gallery-item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.gallery-item img:hover {
    transform: scale(1.02);
}

/* Online Learning Section */
.online-learning-section {
    background: var(--global-palette9);
    padding: 80px 0;
}

.online-learning-grid {
    display: grid;
    grid-template-columns: 62% 38%;
    gap: var(--global-xl-spacing);
}

.online-learning-content h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin-bottom: 1em;
}

.online-learning-content p {
    font-size: 0.95rem;
    line-height: 1.9;
    color: var(--global-palette4);
    margin-bottom: 1.2em;
}

.headway-image {
    margin-top: 2em;
}

.headway-image img {
    width: 100%;
    border-radius: 8px;
}

/* Statistics Boxes */
.online-learning-stats {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.stat-box {
    background: var(--global-palette8);
    padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
}

.stat-percentage {
    font-size: 3rem;
    font-weight: 700;
    color: var(--global-palette1);
    margin-bottom: 0.3em;
}

.stat-box p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--global-palette4);
    margin-bottom: 0.5em;
}

.stat-box .stat-source {
    font-size: 0.75rem;
    color: var(--global-palette5);
    font-style: italic;
}

/* Legacy styles for backward compatibility */
.about-content {
    padding: var(--global-xxl-spacing) 0;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--global-xl-spacing);
    align-items: center;
    margin-bottom: var(--global-xl-spacing);
}

.about-grid:nth-child(even) {
    direction: rtl;
}

.about-grid:nth-child(even) > * {
    direction: ltr;
}

.about-image img {
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.about-text h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin-bottom: 1em;
}

.about-text p {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--global-palette5);
}

/* Team Section */
.team-section {
    background: var(--global-palette8);
    padding: var(--global-xxl-spacing) 0;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--global-md-spacing);
    max-width: 800px;
    margin: 0 auto;
}

.team-card {
    background: var(--global-palette9);
    border-radius: 8px;
    padding: var(--global-lg-spacing);
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.team-photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto var(--global-sm-spacing);
}

.team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-card h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.3em;
}

.team-role {
    font-size: 0.95rem;
    color: var(--global-palette1);
    font-weight: 500;
    margin-bottom: 0.8em;
}

.team-card p {
    font-size: 0.95rem;
    color: var(--global-palette5);
    line-height: 1.7;
}

/* ==================== CONTACT PAGE ==================== */
.contact-content {
    padding: var(--global-xxl-spacing) 0;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--global-xl-spacing);
}

.contact-info-card {
    background: var(--global-palette8);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    margin-bottom: var(--global-sm-spacing);
}

.contact-info-card h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.8em;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.contact-info-card p {
    margin: 0;
    color: var(--global-palette5);
}

.contact-form {
    background: var(--global-palette9);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.form-group {
    margin-bottom: var(--global-sm-spacing);
}

.form-group label {
    display: block;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--global-palette3);
    margin-bottom: 0.5em;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 0.6em 0.8em;
    font-family: inherit;
    font-size: 1rem;
    color: var(--global-palette5);
    border: 1px solid var(--global-palette7);
    border-radius: 3px;
    background: var(--global-palette9);
    transition: all 0.2s ease;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline: none;
    border-color: var(--global-palette1);
    box-shadow: 0 0 0 3px rgba(43,108,176,0.1);
}

.form-group textarea {
    min-height: 150px;
    resize: vertical;
}

/* ==================== FAQ PAGE ==================== */
.faq-content {
    padding: var(--global-xxl-spacing) 0;
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    background: var(--global-palette9);
    border-radius: 8px;
    margin-bottom: var(--global-sm-spacing);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    overflow: hidden;
}

.faq-question {
    padding: var(--global-sm-spacing);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.2s ease;
}

.faq-question:hover {
    background: var(--global-palette8);
}

.faq-question h3 {
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--global-palette3);
    margin: 0;
}

.faq-icon {
    font-size: 1.5rem;
    color: var(--global-palette1);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0 var(--global-sm-spacing);
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding: 0 var(--global-sm-spacing) var(--global-sm-spacing);
}

.faq-answer p {
    color: var(--global-palette5);
    line-height: 1.8;
}

/* ==================== PLANS PAGE ==================== */
.plans-content {
    padding: var(--global-xxl-spacing) 0;
}

.plans-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
    align-items: stretch;
}

.plan-card {
    background: var(--global-palette9);
    border-radius: 8px;
    padding: var(--global-lg-spacing);
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.plan-card.featured {
    border: 2px solid var(--global-palette1);
    transform: scale(1.05);
    z-index: 1;
}

.plan-card.featured::before {
    content: 'Most Popular';
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--global-palette1);
    color: var(--global-palette9);
    padding: 0.3em 1em;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.plan-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.plan-card.featured:hover {
    transform: scale(1.05) translateY(-5px);
}

.plan-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto var(--global-sm-spacing);
}

.plan-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.plan-card h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.5em;
}

.plan-price {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--global-palette1);
    margin-bottom: var(--global-sm-spacing);
}

.plan-price span {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--global-palette5);
}

.plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--global-lg-spacing);
    text-align: left;
    flex-grow: 1;
}

.plan-features li {
    padding: 0.6em 0;
    border-bottom: 1px solid var(--global-palette7);
    color: var(--global-palette5);
    padding-left: 1.5em;
    position: relative;
}

.plan-features li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: #48BB78;
    font-weight: bold;
}

.plan-features li:last-child {
    border-bottom: none;
}

/* ==================== COURSE DETAIL PAGE ==================== */
.course-hero {
    background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #2b6cb0 100%);
    padding: var(--global-xxl-spacing) 0;
}

.course-hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--global-xl-spacing);
    align-items: center;
}

.course-hero h1 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--global-palette9);
    margin-bottom: 0.5em;
}

.course-subtitle {
    font-size: 1.3rem;
    font-weight: 500;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0.8em;
}

.course-hero p {
    font-size: 1.05rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.8;
    margin-bottom: 1.5em;
}

.course-hero-image img {
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.course-details {
    padding: var(--global-xxl-spacing) 0;
}

.course-details-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--global-xl-spacing);
}

.course-main h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin: var(--global-lg-spacing) 0 var(--global-sm-spacing);
}

.course-main h2:first-child {
    margin-top: 0;
}

.course-main ul {
    margin: 0 0 var(--global-md-spacing);
    padding-left: 1.5em;
    list-style: disc;
}

.course-main li {
    margin-bottom: 0.5em;
    color: var(--global-palette5);
    line-height: 1.7;
}

.course-sidebar {
    position: sticky;
    top: 100px;
}

.course-sidebar-card {
    background: var(--global-palette9);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.course-sidebar-price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--global-palette1);
    text-align: center;
    margin-bottom: var(--global-sm-spacing);
}

.course-sidebar-features {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--global-sm-spacing);
}

.course-sidebar-features li {
    padding: 0.8em 0;
    border-bottom: 1px solid var(--global-palette7);
    display: flex;
    justify-content: space-between;
    color: var(--global-palette5);
}

.course-sidebar-features li:last-child {
    border-bottom: none;
}

/* Module List */
.modules-list {
    margin: var(--global-sm-spacing) 0 var(--global-lg-spacing);
}

.module-item {
    display: flex;
    align-items: center;
    padding: var(--global-sm-spacing);
    background: var(--global-palette8);
    border-radius: 4px;
    margin-bottom: 0.5em;
    transition: all 0.2s ease;
}

.module-item:hover {
    background: var(--global-palette1);
}

.module-item:hover .module-number,
.module-item:hover .module-title {
    color: var(--global-palette9);
}

.module-number {
    font-weight: 600;
    color: var(--global-palette1);
    min-width: 100px;
}

.module-title {
    color: var(--global-palette4);
}

/* ==================== VERIFICATION PAGE ==================== */
.verification-content {
    padding: var(--global-xxl-spacing) 0;
}

.verification-form {
    max-width: 600px;
    margin: 0 auto;
    background: var(--global-palette9);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.verification-result {
    margin-top: var(--global-md-spacing);
    padding: var(--global-sm-spacing);
    border-radius: 8px;
    display: none;
}

.verification-result.success {
    background: rgba(72, 187, 120, 0.1);
    border: 1px solid #48BB78;
}

.verification-result.error {
    background: rgba(245, 101, 101, 0.1);
    border: 1px solid #F56565;
}

/* ==================== PRIVACY PAGE ==================== */
.privacy-content {
    padding: var(--global-xxl-spacing) 0;
}

.privacy-content h2 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin: var(--global-lg-spacing) 0 var(--global-sm-spacing);
}

.privacy-content h2:first-child {
    margin-top: 0;
}

.privacy-content ul {
    margin: 0 0 var(--global-md-spacing);
    padding-left: 1.5em;
    list-style: disc;
}

.privacy-content li {
    margin-bottom: 0.5em;
    color: var(--global-palette5);
}

/* ==================== ALL COURSES PAGE ==================== */
.all-courses-hero {
    background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #2b6cb0 100%);
    padding: var(--global-xl-spacing) 0;
}

.all-courses-hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--global-lg-spacing);
    align-items: center;
}

.all-courses-hero h1 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--global-palette9);
    margin-bottom: 0.5em;
}

.all-courses-hero p {
    color: rgba(255,255,255,0.9);
    margin: 0;
}

.all-courses-content {
    padding: var(--global-xxl-spacing) 0;
}

/* ==================== FOOTER ==================== */
.site-footer {
    background: var(--global-palette3);
    color: rgba(255,255,255,0.8);
}

.site-footer-wrap {
    padding: 0;
}

.site-top-footer-wrap {
    padding: var(--global-xl-spacing) 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.site-top-footer-inner-wrap {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1.5fr;
    gap: var(--global-md-spacing);
}

.site-footer-row-columns-5 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1.5fr;
    gap: var(--global-md-spacing);
}

.site-footer-section {
    min-height: 20px;
}

.footer-widget-area-inner {
    padding: 0;
}

.widget-title,
.site-footer h2,
.site-footer h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--global-palette9);
    margin-bottom: var(--global-sm-spacing);
}

.site-footer p {
    color: rgba(255,255,255,0.7);
    font-size: 0.95rem;
    line-height: 1.8;
}

.site-footer a {
    color: rgba(255,255,255,0.7);
}

.site-footer a:hover {
    color: var(--global-palette9);
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: var(--global-lg-spacing);
    padding: var(--global-xl-spacing) 0;
}

.footer-brand img {
    height: 50px;
    margin-bottom: var(--global-sm-spacing);
}

.footer-col h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--global-palette9);
    margin-bottom: var(--global-sm-spacing);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 0.5em;
}

.footer-links a {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
}

.footer-links a:hover {
    color: var(--global-palette9);
}

/* Footer Navigation */
.site-middle-footer-wrap {
    padding: var(--global-md-spacing) 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.site-middle-footer-wrap .site-container {
    max-width: 1280px;
    height: 139.98px;
}

.site-middle-footer-inner-wrap {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.7fr);
}

.footer-navigation-wrap {
    width: 100%;
}

.footer-navigation-inner {
    width: 100%;
}

.footer-menu-container {
    width: 100%;
}

#footer-menu {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--global-sm-spacing);
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
}

#footer-menu li a {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    padding: 0.3em 0;
    display: inline-block;
}

#footer-menu li a:hover {
    color: var(--global-palette9);
}

/* Footer Bottom */
.footer-bottom,
.site-bottom-footer-wrap {
    padding: var(--global-sm-spacing) 0;
    text-align: center;
}

.footer-bottom p {
    color: rgba(255,255,255,0.5);
    font-size: 0.9rem;
    margin: 0;
}

/* ==================== UTILITY CLASSES ==================== */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }
.mt-5 { margin-top: 3rem; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }
.mb-5 { margin-bottom: 3rem; }

.has-theme-palette-1-color { color: var(--global-palette1); }
.has-theme-palette-4-color { color: var(--global-palette4); }
.has-theme-palette-5-color { color: var(--global-palette5); }
.has-theme-palette-9-color { color: var(--global-palette9); }
.has-theme-palette8-background-color { background-color: var(--global-palette8); }

/* ==================== KADENCE BLOCK STYLES ==================== */

/* Kadence Row Layouts */
.kb-row-layout-wrap {
    width: 100%;
}

.kb-row-layout-wrap.alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.kb-row-layout-wrap.alignnone {
    max-width: var(--global-content-width);
    margin-left: auto;
    margin-right: auto;
}

/* Kadence Row Layout - Grid System */
.kt-row-column-wrap {
    display: grid;
    gap: var(--global-row-gutter-md, 2rem);
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    z-index: 1;
}

.wp-block-kadence-column {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    z-index: 1;
}

/* Column Grid Definitions */
.kt-has-1-columns {
    grid-template-columns: minmax(0, 1fr);
}

.kt-has-2-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.kt-has-2-columns.kt-row-layout-equal {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.kt-has-2-columns.kt-row-layout-left-golden {
    grid-template-columns: minmax(0, 62fr) minmax(0, 38fr);
}

.kt-has-2-columns.kt-row-layout-right-golden {
    grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
}

.kt-has-3-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kt-has-3-columns.kt-row-layout-equal {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Edge Padding for Full-Width Blocks */
.alignfull > .kt-row-column-wrap,
.kt-row-has-bg > .kt-row-column-wrap {
    padding-left: var(--global-content-edge-padding, 1.5rem);
    padding-right: var(--global-content-edge-padding, 1.5rem);
}

.kb-theme-content-width {
    max-width: var(--global-content-width);
    margin-left: auto;
    margin-right: auto;
}

/* Inner Column Height Full */
.kt-inner-column-height-full:not(.kt-row-layout-row) {
    grid-auto-rows: minmax(0, 1fr);
}

.kt-inner-column-height-full:not(.kt-row-layout-row) > .wp-block-kadence-column > .kt-inside-inner-col {
    height: 100%;
}

/* Vertical Alignment */
.kt-row-valign-top {
    align-items: flex-start;
}

.kt-row-valign-middle {
    align-items: center;
}

.kt-row-valign-middle.kt-inner-column-height-full > .wp-block-kadence-column:not(.kb-section-dir-horizontal) > .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kt-row-valign-bottom {
    align-items: flex-end;
}

.kt-row-valign-bottom.kt-inner-column-height-full > .wp-block-kadence-column:not(.kb-section-dir-horizontal) > .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.kt-inside-inner-col {
    border: 0 solid transparent;
    position: relative;
    padding: 40px 20px;
    transition: all .3s ease;
}

/* Kadence Advanced Heading */
.wp-block-kadence-advancedheading {
    margin: 0;
    padding: 0;
}

.kt-adv-heading {
    font-family: var(--global-heading-font-family);
    position: relative;
    left: -4px;
}

p.wp-block-kadence-advancedheading.has-theme-palette-4-color {
    position: relative;
    left: 4px;
}

/* Kadence Buttons */
.kb-buttons-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--global-kb-gap-xs, 0.5rem);
    align-items: center;
    justify-content: center;
}

.kb-buttons-wrap.kb-btns-halign-center {
    justify-content: center;
}

.kb-buttons-wrap.kb-btns-halign-left {
    justify-content: flex-start;
}

.kb-buttons-wrap.kb-btns-halign-right {
    justify-content: flex-end;
}

.kb-button,
.kt-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    text-decoration: none;
    padding: .4em 1em;
    border: 0 solid transparent;
    border-radius: 3px;
    background: var(--global-palette1);
    color: var(--global-palette9);
    cursor: pointer;
    transition: all .3s cubic-bezier(.17,.67,.35,.95);
    box-shadow: none;
    z-index: 1;
}

.kb-button:not(.kb-btn-global-inherit) {
    border: 0 solid transparent;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    font-size: 1.125rem;
    padding: .4em 1em;
    transition: all .3s ease-in-out;
}

.kb-button:not(.kb-btn-global-inherit):hover {
    box-shadow: none;
}

.kb-button.kb-btn-global-fill {
    background: var(--global-palette-btn-bg, var(--global-palette1));
    border: 0 solid transparent;
    border-radius: 3px;
    color: var(--global-palette-btn, var(--global-palette9));
}

.kb-button.kb-btn-global-fill:hover {
    background: var(--global-palette-btn-bg-hover, var(--global-palette2));
    color: var(--global-palette-btn-hover, var(--global-palette9));
}

.kb-button.kb-btn-global-outline {
    background: transparent;
    border: 2px solid var(--global-palette-btn-bg, var(--global-palette1));
    color: var(--global-palette-btn-bg, var(--global-palette1));
    padding: calc(.4em - 2px) calc(1em - 2px);
}

.kb-button.kb-btn-global-outline:hover {
    background: transparent;
    border-color: var(--global-palette-btn-bg-hover, var(--global-palette2));
    color: var(--global-palette-btn-bg-hover, var(--global-palette2));
}

.kb-button:before {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.kb-button:hover:before {
    opacity: 1;
}

.kb-button:hover,
.kt-button:hover {
    background: var(--global-palette2);
    color: var(--global-palette9);
    box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1);
}

/* Button Sizes */
.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small {
    font-size: .9rem;
}

.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-large {
    font-size: 1.35rem;
}

.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-xlarge {
    font-size: 1.65rem;
}

.kb-button.kt-btn-has-svg-true {
    display: inline-flex;
    gap: .5em;
}

.wp-block-kadence-advancedbtn .kb-svg-icon-wrap {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.wp-block-kadence-advancedbtn .kb-svg-icon-wrap svg {
    height: 1em;
    width: 1em;
}

/* Kadence Info Box */
.wp-block-kadence-infobox {
    display: block;
}

.kt-blocks-info-box-link-wrap {
    display: block;
    text-decoration: none;
    color: inherit;
}

.kt-info-box {
    padding: 1rem;
    background: var(--global-palette9);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.kt-info-halign-center {
    text-align: center;
}

.kt-info-halign-left {
    text-align: left;
}

.kt-blocks-info-box-media-align-top {
    display: flex;
    flex-direction: column;
}

.kadence-info-box-image-intrisic {
    margin-bottom: 20px;
}

.kadence-info-box-image-intrisic img {
    max-width: 100%;
    height: auto;
}

.kt-info-halign-center .kadence-info-box-image-intrisic {
    margin-left: auto;
    margin-right: auto;
}

.kt-blocks-info-box-title {
    font-family: var(--global-heading-font-family);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin: 0 0 15px 0;
}

.kt-blocks-info-box-text {
    font-size: 14px;
    font-family: var(--global-accent-font-family);
    color: var(--global-palette5);
    line-height: 1.4em;
    margin: 0;
}

/* Kadence Gallery - 557x557 Square */
.kb-gallery-wrap {
    width: 557px;
    height: 557px;
}

.kb-gallery-ul {
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.kb-gallery-ul li {
    width: 100%;
    height: 100%;
}

.kb-gallery-ul img,
.kb-gallery-ul li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* Kadence Icons / SVG */
.kt-svg-icons {
    display: flex;
    gap: 2px;
    align-items: center;
}

.kt-svg-icon-wrap {
    display: inline-flex;
}

.kt-svg-icon-wrap svg {
    width: 16px;
    height: 16px;
    fill: #F6C915;
}

/* WordPress Block Heading */
.wp-block-heading {
    margin: 0 0 20px 0;
    font-family: var(--global-heading-font-family);
}

.wp-block-heading.has-text-align-center {
    text-align: center;
}

/* ==================== KADENCE HERO SECTION ==================== */
.kb-row-layout-wrap.hero-row {
    background-color: #EDF2F7;
    background-image: url('/static/marketing/images/home/background.jpg');
    background-size: cover;
    background-position: 64% 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 700px;
    padding: 0;
    border-radius: 10px;
    width: 100%;
    max-width: 1182px;
    margin: 20px auto;
    overflow: hidden;
    /* Reset alignfull positioning */
    position: static;
    left: auto;
}

.hero-row .kt-row-column-wrap {
    max-width: 100%;
    margin: 0;
    padding: 0 0 0 var(--global-content-edge-padding);
    min-height: 700px;
    align-items: flex-end;
    overflow: visible;
}


.hero-row .inner-column-1 .kt-inside-inner-col {
    padding: 24px 24px 0 0;
    text-align: left;
}

.hero-row .inner-column-2 .kt-inside-inner-col {
    padding: 40px 0 0 260px;
}

.hero-row .kt-row-column-wrap > .inner-column-1 {
    flex: 0 0 30%;
    max-width: 30%;
}

.hero-row .kt-row-layout-equal > .wp-block-kadence-column.inner-column-2 {
    flex: 1 1 auto;
    max-width: none;
    margin-right: calc(-50vw + 50%);
}

.hero-row h1.wp-block-kadence-advancedheading {
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 80px;
    line-height: 1em;
    font-weight: 700;
    font-style: normal;
    font-family: 'Anek Latin', sans-serif;
    color: #0a1f41;
    position: relative;
    left: 38px;
    top: -50px;
}

.hero-row h2.wp-block-kadence-advancedheading {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--global-palette4);
    margin-bottom: var(--global-xs-spacing);
    position: relative;
    left: 38px;
    top: -50px;
}

.hero-row p.wp-block-kadence-advancedheading {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.8;
    color: var(--global-palette4);
    margin-bottom: var(--global-sm-spacing);
    position: relative;
    left: 38px;
    top: -50px;
}

.hero-row .kb-buttons-wrap {
    position: relative;
    left: 38px;
    top: -50px;
}

/* ==================== KADENCE STATS SECTION ==================== */
.kb-row-layout-wrap.stats-row {
    background: var(--global-palette9);
    padding: 80px 0;
}

.stats-row .kt-row-column-wrap {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

.stats-row .wp-block-kadence-column {
    text-align: center;
}

.stats-row .stat-number {
    font-family: var(--global-accent-font-family);
    font-size: 70px;
    font-weight: 400;
    color: var(--global-palette1);
    margin: 0;
    line-height: 1.2;
}

.stats-row .stat-label {
    font-size: 18px;
    line-height: 45px;
    font-family: Rubik, sans-serif;
    color: var(--global-palette5);
    margin: 5px 0 0 0;
}

/* ==================== KADENCE FEATURES SECTION ==================== */
.kb-row-layout-wrap.features-row {
    background: var(--global-palette9);
    padding: 80px 0;
}

.features-row .kt-row-column-wrap {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
    gap: var(--global-md-spacing);
}

.features-row .wp-block-kadence-infobox {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.features-row .wp-block-kadence-infobox:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.features-row .kadence-info-box-image-intrisic {
    width: 80px;
    height: 80px;
}

.features-row .kadence-info-box-image-intrisic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ==================== KADENCE COURSES SECTION ==================== */
.kb-row-layout-wrap.courses-row {
    background: var(--global-palette8);
    padding: 80px 0;
}

.courses-row .section-header {
    max-width: var(--global-content-width);
    margin: 0 auto var(--global-xl-spacing);
    padding: 0 var(--global-content-edge-padding);
    text-align: center;
}

.courses-row .section-header h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin: 0;
}

.courses-row .kt-row-column-wrap {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
    gap: var(--global-md-spacing);
}

.courses-row .course-card-wrap {
    background: var(--global-palette9);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.courses-row .course-card-wrap:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.courses-row .course-image-wrap {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.courses-row .course-image-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 6px 6px 0 0;
}

.courses-row .course-card-wrap:hover .course-image-wrap img {
    transform: scale(1.05);
}

.courses-row .course-content-wrap {
    padding: var(--global-sm-spacing);
}

.courses-row .course-category-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--global-palette1);
    background: rgba(43,108,176,0.1);
    padding: 0.3em 0.8em;
    border-radius: 3px;
    margin-bottom: var(--global-xs-spacing);
}

.courses-row .course-title {
    font-family: var(--global-heading-font-family);
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin: 0 0 var(--global-xs-spacing) 0;
    line-height: 1.4;
}

.courses-row .course-description {
    font-size: 0.95rem;
    color: var(--global-palette5);
    line-height: 1.7;
    margin-bottom: 15px;
}

.courses-row .course-description strong {
    display: block;
    margin-bottom: 8px;
}

.courses-row .course-meta-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid var(--global-palette7);
}

.courses-row .course-price-text {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--global-palette1);
}

/* ==================== KADENCE CTA SECTION ==================== */
.kb-row-layout-wrap.cta-row {
    background: var(--global-palette1);
    padding: 120px 0 100px;
}

.cta-row .kt-row-column-wrap {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

.cta-row .kt-inside-inner-col {
    text-align: center;
}

.cta-row h2.wp-block-kadence-advancedheading {
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--global-palette9);
    margin-bottom: 15px;
}

.cta-row p.wp-block-kadence-advancedheading {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.9);
    max-width: 700px;
    margin: 0 auto 25px;
    line-height: 1.8;
}

.cta-row .kb-button {
    background: var(--global-palette9);
    color: var(--global-palette1);
    padding: 18px 60px;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.cta-row .kb-button:hover {
    background: rgba(255,255,255,0.9);
    color: var(--global-palette2);
}

/* ==================== ABOUT PAGE STATS ==================== */
.about-stats-section {
    background: var(--global-palette1);
    padding: var(--global-xxl-spacing) 0;
}

.about-stats-section .section-header h2 {
    color: var(--global-palette9);
}

.about-stats-section .section-header p {
    color: rgba(255,255,255,0.9);
}

.stats-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--global-md-spacing);
}

.stat-info-card {
    background: rgba(255,255,255,0.1);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    text-align: center;
}

.stat-info-card h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--global-palette9);
    margin-bottom: 0.5em;
}

.stat-info-card p {
    color: rgba(255,255,255,0.9);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0.8em;
}

.stat-info-card .stat-source {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.6);
    font-style: italic;
}

/* Gallery Grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--global-sm-spacing);
}

.gallery-grid img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.gallery-grid img:hover {
    transform: scale(1.05);
}

/* ==================== PLANS PAGE ==================== */
.enterprise-solutions {
    padding: var(--global-xxl-spacing) 0;
    background: var(--global-palette9);
}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
    align-items: stretch;
}

.solution-card {
    background: var(--global-palette9);
    border-radius: 8px;
    padding: var(--global-lg-spacing);
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid var(--global-palette7);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.solution-card.featured {
    background: var(--global-palette1);
    border-color: var(--global-palette1);
}

.solution-card.featured h3,
.solution-card.featured p {
    color: var(--global-palette9);
}

.solution-card.featured .btn-primary {
    background: var(--global-palette9);
    color: var(--global-palette1);
}

.solution-card.featured .btn-primary:hover {
    background: rgba(255,255,255,0.9);
}

.solution-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto var(--global-sm-spacing);
}

.solution-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.solution-card h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.8em;
}

.solution-card p {
    font-size: 0.95rem;
    color: var(--global-palette5);
    line-height: 1.8;
    margin-bottom: 1em;
    flex-grow: 1;
}

.solution-features {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0 0 var(--global-sm-spacing);
}

.solution-features li {
    padding: 0.5em 0;
    border-bottom: 1px solid var(--global-palette7);
    color: var(--global-palette5);
    padding-left: 1.5em;
    position: relative;
}

.solution-features li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: #48BB78;
    font-weight: bold;
}

.solution-features li:last-child {
    border-bottom: none;
}

.individual-courses-section {
    padding: var(--global-xxl-spacing) 0;
    background: var(--global-palette8);
}

/* ==================== COURSE FEATURES SECTION ==================== */
.course-features-section {
    padding: var(--global-xl-spacing) 0;
    background: var(--global-palette8);
}

.course-features-section .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--global-md-spacing);
}

.course-features-section .feature-card {
    background: var(--global-palette9);
    padding: var(--global-lg-spacing);
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.course-features-section .feature-card h3 {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin-bottom: 0.8em;
}

.course-features-section .feature-card p {
    font-size: 0.95rem;
    color: var(--global-palette5);
    line-height: 1.7;
    margin: 0;
}

/* ==================== SCROLLED HEADER ==================== */
.site-header.scrolled {
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ==================== RESPONSIVE - KADENCE BLOCKS ==================== */
@media (max-width: 1024px) {
    /* Tablet: 2 columns stay as 2, 3 columns become 2 */
    .kt-has-3-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row,
    .kt-inner-column-height-full.kt-tab-layout-row {
        grid-auto-rows: minmax(min-content, max-content);
    }

    .kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row > .wp-block-kadence-column > .kt-inside-inner-col,
    .kt-inner-column-height-full.kt-tab-layout-row > .wp-block-kadence-column > .kt-inside-inner-col {
        height: auto;
    }

    .hero-row h1.wp-block-kadence-advancedheading {
        font-size: 2.2rem;
    }

    .hero-row .inner-column-1 .kt-inside-inner-col {
        padding-right: 20px;
    }

    /* About Page Tablet */
    .about-hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--global-md-spacing);
    }

    .about-hero-text h1 {
        font-size: 2rem;
    }

    .mission-teachers-grid {
        grid-template-columns: 1fr;
        gap: var(--global-lg-spacing);
    }

    .online-learning-grid {
        grid-template-columns: 1fr;
        gap: var(--global-lg-spacing);
    }

    .online-learning-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    /* Mobile: All columns stack */
    .kt-has-2-columns,
    .kt-has-3-columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .kt-inner-column-height-full.kt-mobile-layout-row {
        grid-auto-rows: minmax(min-content, max-content);
    }

    .kt-inner-column-height-full.kt-mobile-layout-row > .wp-block-kadence-column > .kt-inside-inner-col {
        height: auto;
    }

    .hero-row .kt-row-column-wrap {
        display: flex;
        flex-direction: column-reverse;
    }

    .hero-row .inner-column-1 .kt-inside-inner-col {
        padding-right: 20px;
        text-align: center;
    }

    .hero-row h1.wp-block-kadence-advancedheading {
        font-size: 2rem;
    }

    .hero-row h2.wp-block-kadence-advancedheading {
        font-size: 1.4rem;
    }

    .hero-row .kb-buttons-wrap {
        justify-content: center;
    }

    .stats-row .stat-number,
    .stat-item h3,
    .stat-number {
        font-size: 48px;
    }

    .stats-row .stat-label,
    .stat-item p,
    .stat-label {
        font-size: 16px;
        line-height: 1.4;
    }

    .cta-row h2.wp-block-kadence-advancedheading,
    .cta-section h2 {
        font-size: 36px;
    }

    .cta-section .btn,
    .cta-row .kb-button {
        padding: 14px 40px;
        font-size: 16px;
    }

    .cta-section,
    .kb-row-layout-wrap.cta-row {
        padding: 80px 0 60px;
    }

    /* About Page Mobile */
    .about-hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .about-hero-image {
        order: -1;
        margin-bottom: 2em;
    }

    .hero-logo-image {
        max-width: 300px;
    }

    .about-hero-text h1 {
        font-size: 1.8rem;
    }

    .teacher-profile {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .teacher-photo {
        width: 140px;
        height: 140px;
        margin-bottom: 1em;
    }

    .about-gallery-grid {
        grid-template-columns: 1fr;
        gap: var(--global-sm-spacing);
    }

    .gallery-item img {
        height: 220px;
    }

    .online-learning-stats {
        grid-template-columns: 1fr;
    }

    .core-values-title {
        font-size: 2rem;
    }

    .stat-percentage {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .kt-inside-inner-col {
        padding: 15px;
    }

    .hero-row h1.wp-block-kadence-advancedheading {
        font-size: 1.8rem;
    }

    .kb-button,
    .kt-button {
        padding: 10px 20px;
        font-size: 0.95rem;
    }

    .stats-row .stat-number,
    .stat-item h3,
    .stat-number {
        font-size: 36px;
    }

    .cta-row h2.wp-block-kadence-advancedheading,
    .cta-section h2 {
        font-size: 28px;
    }

    .cta-section .btn,
    .cta-row .kb-button {
        padding: 12px 30px;
        font-size: 14px;
    }

    /* About Page Small Mobile */
    .about-hero-text h1 {
        font-size: 1.5rem;
    }

    .hero-logo-image {
        max-width: 220px;
    }

    .teacher-photo {
        width: 120px;
        height: 120px;
    }

    .section-title,
    .teachers-title {
        font-size: 1.5rem;
    }

    .core-values-title {
        font-size: 1.6rem;
    }

    .online-learning-content h3 {
        font-size: 1.3rem;
    }

    .stat-percentage {
        font-size: 2rem;
    }

    .stat-box {
        padding: 1rem;
    }
}

/* ==================== ABOUT PAGE - KADENCE STRUCTURE ==================== */

/* About Hero Section */
.kb-row-layout-id-hero {
    background: var(--global-palette9);
    padding: 60px 0 40px;
    max-width: var(--global-content-width);
    margin: 0 auto;
}

.kb-row-layout-id-hero-inner {
    max-width: 100%;
}

.kb-row-layout-id-hero-inner .kt-row-column-wrap {
    gap: var(--global-md-spacing);
}

.kb-row-layout-id-hero .kt-inside-inner-col {
    padding: 20px;
}

/* Hero Logo Gallery */
.kb-gallery-wrap-id-hero {
    width: 100%;
    max-width: 485px;
    margin: 0 auto;
}

.kb-gallery-wrap-id-hero .kb-gallery-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kb-gallery-wrap-id-hero .hero-logo-img {
    width: 100%;
    height: auto;
    max-width: 485px;
}

/* Mission Section */
.kb-row-layout-id-mission {
    padding: 60px 0;
    max-width: var(--global-content-width);
    margin: 0 auto;
}

.kb-row-layout-id-mission > .kt-row-column-wrap {
    gap: var(--global-lg-spacing);
}

.kb-row-layout-id-mission .kt-inside-inner-col {
    padding: 20px;
}

.kb-row-layout-id-mission h2.wp-block-kadence-advancedheading {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin-bottom: 1em;
}

/* Medium font size for paragraphs */
.has-medium-font-size {
    font-size: 1.1rem;
    line-height: 1.9;
}

/* Teacher blocks */
.teacher-block {
    margin-bottom: 2em;
}

.teacher-block .kt-inside-inner-col {
    padding: 10px 0;
}

/* Rounded image style for teacher photos */
.wp-block-image.is-style-rounded figure {
    margin: 0 auto 1.5em;
}

.wp-block-image.is-style-rounded img {
    border-radius: 50%;
    object-fit: cover;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* WordPress Block List */
.wp-block-list {
    list-style: disc;
    padding-left: 1.5em;
    margin: 0 0 1em;
}

.wp-block-list li {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--global-palette4);
    margin-bottom: 0.8em;
}

.wp-block-list li strong {
    color: var(--global-palette3);
}

/* Photo Gallery Section */
.kb-row-layout-id-gallery {
    padding: 0 0 60px;
    max-width: var(--global-content-width);
    margin: 0 auto;
}

.kb-row-layout-id-gallery .kt-inside-inner-col {
    padding: 0 20px;
}

/* WordPress Gallery */
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: var(--global-md-spacing);
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-gallery.columns-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--global-md-spacing);
}

.wp-block-gallery.is-cropped .wp-block-image {
    margin: 0;
}

.wp-block-gallery.is-cropped .wp-block-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.wp-block-gallery.is-cropped .wp-block-image img:hover {
    transform: scale(1.02);
}

.wp-block-gallery figure.wp-block-image {
    margin: 0;
}

/* CTA Section - About Page */
.cta-row-about {
    background-image: url('/static/marketing/images/about/cta-banner.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: var(--global-palette1); /* fallback */
    padding: 120px 0 100px;
}

.cta-row-about .kt-inside-inner-col {
    text-align: center;
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

.cta-row-about .cta-heading {
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 15px;
    line-height: 1.1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.cta-row-about p.has-theme-palette-9-color {
    font-size: 1.1rem;
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto 25px;
    opacity: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.cta-row-about .cta-button {
    background: var(--global-palette9);
    color: var(--global-palette1);
    padding: 18px 60px;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.cta-row-about .cta-button:hover {
    background: rgba(255,255,255,0.9);
    color: var(--global-palette2);
}

.has-theme-palette1-background-color {
    background-color: var(--global-palette1);
}

/* Stats Section - Golden Ratio */
.kb-row-layout-id-stats {
    background: var(--global-palette9);
    padding: 80px 0;
    max-width: var(--global-content-width);
    margin: 0 auto;
}

/* Override for about page stats section - 62%/38% golden ratio */
.kt-row-layout-left-golden {
    display: grid;
    grid-template-columns: minmax(0, 62fr) minmax(0, 38fr);
    gap: var(--global-lg-spacing);
}

.kt-row-layout-left-golden > .wp-block-kadence-column {
    min-width: 0;
    min-height: 0;
}

.kb-row-layout-id-stats .kt-inside-inner-col {
    padding: 20px;
}

.kb-row-layout-id-stats h3.wp-block-kadence-advancedheading {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--global-palette3);
    margin-bottom: 1em;
}

.kb-row-layout-id-stats .wp-block-image img {
    width: 100%;
    border-radius: 8px;
    margin-top: 2em;
}

/* Info Box Styles */
.wp-block-kadence-infobox {
    margin-bottom: 1.5rem;
}

.kt-blocks-info-box-link-wrap {
    display: block;
    background: var(--global-palette8);
    padding: 1.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.kt-blocks-info-box-link-wrap:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.kt-infobox-textcontent {
    display: block;
}

.kt-blocks-info-box-title {
    font-family: var(--global-heading-font-family);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--global-palette3);
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.kt-blocks-info-box-text {
    font-size: 0.9rem;
    color: var(--global-palette5);
    line-height: 1.7;
    margin: 0;
}

.kt-blocks-info-box-text em {
    color: var(--global-palette5);
}

/* Theme Content Width */
.kb-theme-content-width {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

/* Text alignment classes */
.has-text-align-center {
    text-align: center;
}

.has-text-color {
    /* Used with palette color classes */
}

/* Responsive - About Page Kadence */
@media (max-width: 1024px) {
    .kt-row-layout-left-golden {
        grid-template-columns: 1fr 1fr;
    }

    .cta-row-about .cta-heading {
        font-size: 48px;
    }

    .wp-block-gallery.columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .kb-row-layout-id-hero-inner .kt-row-column-wrap {
        grid-template-columns: minmax(0, 1fr);
    }

    .kb-row-layout-id-hero-inner .inner-column-2 {
        order: -1;
    }

    .kb-gallery-wrap-id-hero {
        max-width: 300px;
        margin-bottom: 2em;
    }

    .kb-row-layout-id-mission > .kt-row-column-wrap {
        grid-template-columns: minmax(0, 1fr);
    }

    .kt-row-layout-left-golden {
        grid-template-columns: 1fr;
    }

    .wp-block-gallery.columns-3 {
        grid-template-columns: 1fr;
    }

    .wp-block-gallery.is-cropped .wp-block-image img {
        height: 220px;
    }

    .cta-row-about {
        padding: 80px 0 60px;
    }

    .cta-row-about .cta-heading {
        font-size: 36px;
    }

    .cta-row-about .cta-button {
        padding: 14px 40px;
        font-size: 16px;
    }

    .kb-row-layout-id-stats {
        padding: 60px 0;
    }
}

@media (max-width: 480px) {
    .kb-gallery-wrap-id-hero {
        max-width: 220px;
    }

    .cta-row-about .cta-heading {
        font-size: 28px;
    }

    .cta-row-about .cta-button {
        padding: 12px 30px;
        font-size: 14px;
    }

    .kt-blocks-info-box-title {
        font-size: 1rem;
    }

    .wp-block-gallery.is-cropped .wp-block-image img {
        height: 180px;
    }
}