/* ==========================================================================
   Clear Steps brand colours \u2014 overriding the original template's
   CSS custom properties. main.css derives almost all color usage from
   these variables, so this single block re-themes the whole site.
   Verified brand colours: Teal #5C7671, Terracotta #C56F4E, Yellow #F3AE1E
   ========================================================================== */
:root {
    --theme: #C56F4E;   /* was #F39F5F (orange) -> Terracotta */
    --theme2: #5C7671;  /* was #70A6B1 (blue)    -> Teal */
    --header: #3E4D49;  /* was #385469            -> dark teal for headings */
    --text: #5B6B67;    /* was #5C707E            -> teal-grey body text */
    --border3: #5C7671; /* was #5262FF            -> Teal */
    --bg3: #5C7671;     /* was #70A6B1            -> Teal */
}

/* Clear Steps wordmark (replaces the Kidsa image logo) */
.cs-wordmark {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    text-decoration: none;
}
.cs-wordmark__main {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #5C7671;
    text-transform: uppercase;
}
.cs-wordmark__sub {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #C56F4E;
    text-transform: uppercase;
}
.cs-wordmark--footer .cs-wordmark__main {
    color: #ffffff;
}
.cs-wordmark--footer .cs-wordmark__sub {
    color: #F3AE1E;
}

/* Accordion (Space 16 - Pathways In Detail) - light brand styling since
   the original template ships no accordion component of its own */
#pathways-detail .accordion-item {
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    overflow: hidden;
}
#pathways-detail .accordion-button {
    font-weight: 700;
    color: #3E4D49;
    background: #F4EEE5;
}
#pathways-detail .accordion-button:not(.collapsed) {
    color: #ffffff;
    background: #5C7671;
}
#pathways-detail .accordion-button:focus {
    box-shadow: none;
    border-color: #5C7671;
}
#pathways-detail .accordion-body ul {
    list-style: none;
    padding-left: 0;
    margin-top: 12px;
}
#pathways-detail .accordion-body li {
    margin-bottom: 8px;
}
#pathways-detail .accordion-body i {
    color: #C56F4E;
    margin-right: 8px;
}


/* Smooth-scroll for the one-page nav (#about, #programs, #team, #blog).
   scroll-margin-top offsets the landing position so the sticky header
   doesn't cover the top of each section on scroll. */
html {
    scroll-behavior: smooth;
}

#about,
#programs,
#team,
#blog {
    scroll-margin-top: 120px;
}

/* WordPress admin toolbar (when logged in) sits above the sticky header;
   push the sticky header down so it doesn't overlap the WP admin bar. */
.admin-bar #header-sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #header-sticky {
        top: 46px;
    }
}

/* Minor spacing safety-net for real WordPress post content (paragraphs,
   lists, images) inside the single blog template, in case a post's content
   doesn't use the template's own markup classes. */
.blog-post-details .entry-content img {
    max-width: 100%;
    height: auto;
}

.blog-post-details .entry-content p {
    margin-bottom: 1.25rem;
}
.cs-hero-subtitle {
    color: #C56F4E;
    font-family: "Quicksand", sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 20px;
}
@font-face {
    font-family: 'Acumin';
    src: url('../webfonts/AcuminVariableConcept.otf') format('opentype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.hero-1 .hero-content h1 {
    font-family: 'Acumin', sans-serif;
    font-weight: 500;
}

.hero-1 .hero-content h5.cs-hero-subtitle {
    font-family: 'Acumin', sans-serif;
    font-weight: 500;
}
/* Clear Steps Hero Colors */
.hero-1 .hero-content h1 {
    color: #5C7671 !important;
}

.hero-1 .hero-content h1 span {
    color: #5C7671 !important;
}

.hero-1 .hero-content h5.cs-hero-subtitle {
    color: #C56F4E !important;
}
.hero-1 .hero-content p {
    font-family: 'Acumin', sans-serif !important;
    font-weight: 400;
    color: #5C7671 !important;
    font-size: 18px;
}
/* Team section - match reference layout */
@media (min-width: 992px) {
    .team-section.section-padding {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .team-section .section-title-area {
        margin-bottom: 30px !important;
    }
    .team-section .section-title.mt-60 {
        margin-top: 0 !important;
    }

    .team-section .swiper-wrapper {
        gap: 30px;
    }

    .team-section .team-image {
    height: 380px !important;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
}
    .team-section .team-image > img {
        height: 100% !important;
        width: 100%;
        object-fit: cover;
        object-position: top center;
        position: relative;
        z-index: 1;
    }

    /* Cloud shape - natural 270x80 ratio, no crop/stretch */
    .team-section .team-image .shape-img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        line-height: 0;
        pointer-events: none;
    }
    .team-section .team-image .shape-img img {
        width: 100%;
        height: auto;
        display: block;
    }

    .team-section .team-content {
        padding-top: 15px !important;
        text-align: left;
    }
    .team-section .team-content h3 {
        margin-bottom: 5px !important;
        font-size: 20px;
    }
    .team-section .team-items {
    max-width: 70%;
}
}
/* Program cards - equal height within each row, no overlap between rows */
@media (min-width: 992px) {
    .program-section .program-box-items {
        height: 100%;
        min-height: 420px;
    }
    .program-section .program-content {
        display: flex;
        flex-direction: column;
    }
    .program-section .program-content p {
        flex-grow: 1;
    }
    .program-section .row {
        margin-bottom: 40px;
    }
}

.about-activities-section .icon-items {
    display: flex;
    align-items: flex-start;
}
.about-activities-section .icon-items .icon {
    flex-shrink: 0;
}
/* Use Acumin throughout the website */
body,
button,
input,
textarea,
select {
    font-family: 'Acumin', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Acumin', sans-serif !important;
}

/* Fix homepage blog cards */
.news-wrapper .news-right-items {
    display: flex;
    align-items: center;
    gap: 25px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.news-wrapper .news-right-items .news-thumb {
    flex: 0 0 42%;
    width: 42%;
    min-width: 0;
}

.news-wrapper .news-right-items .news-thumb img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}

.news-wrapper .news-right-items .news-content {
    flex: 1;
    min-width: 0;
}


.news-wrapper .news-right-items .news-content h3 {
    margin: 0;
    overflow-wrap: break-word;
}

.news-wrapper .news-right-items .news-content ul {
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 767px) {
    .news-wrapper .news-right-items {
        flex-direction: column;
        align-items: stretch;
    }

    .news-wrapper .news-right-items .news-thumb {
        width: 100%;
        flex: none;
    }

    .news-wrapper .news-right-items .news-thumb img {
        height: 220px;
    }
}

.program-bg.card-1, .arrow-icon.card-1 { background-color: #5C7071; } /* Homework - Teal */
.program-bg.card-2, .arrow-icon.card-2 { background-color: #C36F4E; } /* Phonics - Terracotta */
.program-bg.card-3, .arrow-icon.card-3 { background-color: #F3AE24; } /* Maths - Yellow */
.program-bg.card-4, .arrow-icon.card-4 { background-color: #8F8851; } /* Discovery Den - Green */
.program-bg.card-5, .arrow-icon.card-5 { background-color: #C8D7DC; } /* Exam Prep - Sky Blue */
.program-bg.card-6, .arrow-icon.card-6 { background-color: #D19191; } /* Online Tutoring - Rose */
.testimonial-items .testimonial-content .testi-role {
    display: block;
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
}

.testimonial-slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
}
.testimonial-slider .swiper-slide {
    height: auto !important;
    display: flex !important;
}
.testimonial-items {
    height: 100% !important;
    min-height: 400px;
    margin: 30px auto !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}
/* Keep text capitalization exactly as typed */
h1, h2, h3, h4, h5, h6,
p, a, li, span {
    text-transform: none !important;
}

/* Testimonials heading */

.cs-testimonial-label {
    display: block;
    color: #C56F4E !important;
    font-family: 'Acumin', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    text-transform: none !important;
}

.cs-testimonial-heading {
    color: #5C7671 !important;
    font-family: 'Acumin', sans-serif !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    text-transform: none !important;
}

@media (max-width: 767px) {
    .cs-testimonial-heading {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
}
/* About Section - Mission & Commitment */

.cs-mission-list {
    width: 100%;
    margin-top: 25px;
}

.cs-mission-list > ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0;
}

.cs-mission-item {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background: #F5F3EE !important;
    border-left: 4px solid #C56F4E !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

.cs-mission-item > i {
    flex: 0 0 auto;
    color: #C56F4E !important;
    font-size: 18px !important;
    margin-top: 4px;
}

.cs-mission-content {
    flex: 1;
    min-width: 0;
}

.cs-mission-content h5 {
    margin: 0 0 5px 0 !important;
    color: #5C7671 !important;
    font-family: 'Acumin', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
}

.cs-mission-content p {
    margin: 0 !important;
    color: #5B6B67 !important;
    font-family: 'Acumin', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-transform: none !important;
}

@media (max-width: 767px) {
    .cs-mission-item {
        padding: 14px !important;
    }

    .cs-mission-content h5 {
        font-size: 18px !important;
    }

    .cs-mission-content p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}
/* About Section Heading */

.about-content .section-title span {
    font-family: 'Acumin', sans-serif !important;
    color: #C56F4E !important;
    text-transform: none !important;
}

.about-content .section-title h2 {
    font-family: 'Acumin', sans-serif !important;
    color: #5C7671 !important;
    text-transform: none !important;
}
/* Bring decorative shape fully above cards */

.about-section {
    position: relative;
    overflow: visible !important;
}

.about-section .girl-shape {
    position: absolute !important;
    z-index: 20 !important;
}

.cs-mission-list,
.cs-mission-item {
    position: relative;
    z-index: 2 !important;
}
/* =========================================================
   Learning Pathways - Client Typography & Readability
   ========================================================= */

/* All program card text uses Acumin */
.program-section .program-content h4 a,
.program-section .program-content span,
.program-section .program-content p {
    font-family: 'Acumin', sans-serif !important;
    text-transform: none !important;
}

/* Make all 6 age labels bolder and easier to see */
.program-section .program-content > span {
    font-weight: 700 !important;
}


/* Learning Pathways heading & description */

.program-section .section-title h2 {
    color: #5C7671 !important;
    font-family: 'Acumin', sans-serif !important;
    text-transform: none !important;
}

.program-section .section-title p {
    color: #5B6B67 !important;
    font-family: 'Acumin', sans-serif !important;
    text-transform: none !important;
}
/* Why Clear Steps - Brand Styling */

#why .section-title span,
#why .section-title h2,
#why .work-process-items h4,
#why .work-process-items p {
    font-family: 'Acumin', sans-serif !important;
    text-transform: none !important;
}

#why .section-title span {
    color: #C56F4E !important;
}

#why .section-title h2,
#why .work-process-items h4 {
    color: #5C7671 !important;
}

#why .work-process-items p {
    color: #5B6B67 !important;
}
/* Move 2nd and 4th content down - icons untouched */



#why .col-xl-3:nth-child(4) .work-process-items .content.style-two {
    position: relative !important;
    top: 35px !important;
}

/* ===== Programs Details Page — Clear Steps styling ===== */

/* Aster images (small icon size next to each pathway title) */
.cs-aster-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.cs-aster-image {
    width: 56px;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}

/* Brand colours + bold text for all pathway content */
.program-details-wrapper .details-content h2,
.program-details-wrapper .details-content h3 {
    color: #5C7671;
    font-weight: 700;
}
.program-details-wrapper .details-content p {
    font-weight: 600;
    color: #5C7671;
}
.program-details-wrapper .details-content p.cs-tagline {
    color: #C56F4E;
    font-style: normal;
}
.program-details-wrapper .details-content strong {
    color: #C56F4E;
}
.program-details-wrapper .list-items li {
    font-weight: 600;
    color: #5C7671;
}

/* Sticky sidebar (single shared card, stays in view while scrolling) */
@media (min-width: 992px) {
    .cs-sticky-sidebar {
        position: sticky;
        top: 140px;
    }
}

/* Pathway cards — colored top accent + shadow so it's not flat/plain */
.cs-pathway-card {
    background: #fff;
    border-radius: 16px;
    padding: 35px 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    border-top: 5px solid transparent;
}
.cs-pathway-card.cs-accent-teal {
    border-top-color: #5C7671;
}
.cs-pathway-card.cs-accent-terracotta {
    border-top-color: #C56F4E;
}

/* Sub-program boxes (Homework Hub, Rise & Shine, etc.) */
.cs-sub-program {
    padding: 18px 20px;
    background: #F4EEE5;
    border-radius: 10px;
    margin-top: 16px;
}
.cs-sub-program--last {
    margin-bottom: 0;
}

/* ===== Our Environment — circular icon boxes ===== */
.cs-environment-icon-box {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(92, 118, 113, 0.12);
    line-height: normal;
    padding: 0;
}
.cs-environment-icon-img {
    width: 95%;
    height: 95%;
    object-fit: contain;
}

/* ===== Our Mascot / Aster — section label + heading brand colours ===== */
.cs-aster-title span {
    color: #C56F4E;
}
.cs-aster-title h2 {
    color: #5C7671;
}
.cs-aster-story {
    font-family: 'Acumin', sans-serif;
    color: #5B6B67;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    text-transform: none;
    max-width: 780px;
    margin: 20px auto 0;
}
.cs-aster-lead-in {
    font-family: 'Acumin', sans-serif;
    color: #3E4D49;
    font-size: 18px;
    font-weight: 600;
    margin-top: 16px;
    text-transform: none;
}

/* Aster layout: Create/Explore left, image + Calm centre, Learn/Achieve right */
.cs-aster-layout {
    display: grid;
    grid-template-columns: 1fr 1.15fr 1fr;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}
.cs-aster-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.cs-aster-col-center {
    align-items: center;
    text-align: center;
    gap: 20px;
}
.cs-aster-main-visual img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.cs-aster-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.cs-aster-item-calm {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Uniform Aster icon boxes — same size for all five, no exceptions */
.cs-aster-icon-box {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
}
.cs-aster-icon-box img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}
.cs-aster-icon-teal {
    background: rgba(92, 118, 113, 0.14);
}
.cs-aster-icon-terracotta {
    background: rgba(197, 111, 78, 0.14);
}

.cs-aster-item-text h5 {
    font-family: 'Acumin', sans-serif;
    font-weight: 700;
    color: #5C7671;
    text-transform: none;
    margin-bottom: 4px;
    font-size: 17px;
}
.cs-aster-item-text p {
    font-family: 'Acumin', sans-serif;
    color: #5B6B67;
    font-size: 15px;
    line-height: 1.6;
    text-transform: none;
}

.cs-aster-logo-story {
    margin-top: 50px;
}
.cs-aster-final-statement {
    font-family: 'Acumin', sans-serif;
    font-weight: 600;
    font-size: 21px;
    color: #5C7671;
    margin-top: 14px;
    text-transform: none;
}

/* ===== Responsive: stack Create, Explore, image, Calm, Learn, Achieve ===== */
@media (max-width: 991px) {
    .cs-aster-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .cs-aster-col {
        gap: 20px;
    }
}
.cs-aster-main-visual img {
    width: 290px;
    height: 356px;
    object-fit: cover;
}
.cs-logo-group {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 20px;
    flex-shrink: 0;
}
.cs-logo-icon {
    height: 62px;
    width: auto;
    object-fit: contain;
}
.cs-logo-text {
    height: 38px;
    width: auto;
    object-fit: contain;
    margin-top: 2px;
}
@media (min-width: 992px) {
    .cs-logo-icon {
        height: 72px;
    }
    .cs-logo-text {
        height: 44px;
        margin-top: 4px;
    }
}
.main-menu nav#mobile-menu > ul {
    flex-wrap: nowrap;
    white-space: nowrap;
}
/* ===============================
   MOBILE FIXES — Clear Steps (Kidsa theme)
   Paste in Appearance → Customize → Additional CSS
   (or your theme's custom.css, loaded after style.css)
   =============================== */

@media (max-width: 767px) {

  /* CHANGE 1: Hide "About Us" girl image on mobile */
  .about-section .girl-shape {
    display: none !important;
  }

  /* CHANGE 2: Hide testimonial tree-shape image on mobile */
  .testimonial-section .tree-shape {
    display: none !important;
  }

  /* CHANGE 3: Fix "Secure their Place. Start their Journey" CTA section */

  /* Kill decorative shapes causing overflow/overlap on mobile */
  .cta-section .plane-shape,
  .cta-section .pencil-shape,
  .cta-section .cta-image .cta-shape {
    display: none !important;
  }

  .cta-section {
    padding: 40px 0 !important;
    overflow: hidden !important;
  }

  .cta-section .cta-wrapper .row.justify-content-between {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    text-align: center !important;
  }

  .cta-section .col-lg-6,
  .cta-section .col-lg-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 20px !important;
  }

  .cta-section .col-lg-6 {
    margin-top: 24px !important;
  }

  /* Fluid heading + subheading so text never breaks awkwardly */
  .cta-section .col-lg-6 .section-title h2 {
    font-size: clamp(24px, 6vw, 32px) !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .cta-section .col-lg-6 .section-title h5 {
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
  }

  .cta-section .col-lg-6 .section-title br {
    display: none !important; /* kill forced line-breaks from desktop <br> tags */
  }

  .cta-section .cta-button {
    margin-top: 20px !important;
  }

  .cta-section .cta-button .theme-btn {
    display: inline-flex !important;
    margin: 0 auto !important;
  }

  .cta-section .cta-image {
    width: 100% !important;
  }

  .cta-section .cta-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }
}
@media (max-width: 767px) {
  .cta-section .cta-wrapper,
  .cta-section .cta-wrapper .row,
  .cta-section .col-lg-6,
  .cta-section .col-lg-5,
  .cta-section .cta-image {
    position: static !important;
    margin: 0 !important;
    transform: none !important;
  }

  .cta-section .cta-image img {
    position: static !important;
    margin-bottom: 0 !important;
  }

  .cta-section .col-lg-6 {
    margin-top: 20px !important;
    padding: 0 20px !important;
  }

  .cta-section .section-title h2,
  .cta-section .section-title h5 {
    position: static !important;
    background: none !important;
  }
}
/* Pathway Overview cards: align with their pathway card */
.program-details-section,
.program-details-section .container,
.program-details-section .program-details-wrapper {
    overflow: visible !important;
}

.program-details-section .cs-sticky-sidebar {
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
    align-self: flex-start;
}

.program-details-section .row > [class*="col-lg-"] {
    align-self: flex-start;
}
.cs-values-content .icon-items .icon.cs-value-icon-box {
    width: 90px;
    height: 90px;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    display: block;
}
.cs-values-content .icon-items .icon.cs-value-icon-box .cs-value-icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cs-values-content .icon-items .content p {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.7;
}
/* Clear Steps Values - prevent icon overlap */
.cs-value-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

.cs-value-icon-box {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cs-value-icon-img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.cs-value-item .content {
    flex: 1 1 auto;
    min-width: 0;
}

.cs-value-item .content h5 {
    margin-top: 0;
}

@media (max-width: 575px) {
    .cs-value-icon-box {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
    }

    .cs-value-item {
        gap: 12px;
    }
}
/* Learning Pathways - White Text */
.program-box-items .program-content.style-2,
.program-box-items .program-content.style-2 h4,
.program-box-items .program-content.style-2 h4 a,
.program-box-items .program-content.style-2 span,
.program-box-items .program-content.style-2 p,
.program-box-items .program-content.style-2 a,
.program-box-items .program-content.style-2 i {
    color: #ffffff !important;
}
.cs-logo-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.cs-logo-icon {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    object-fit: contain !important;
    flex: 0 0 80px !important;
}

.cs-logo-text {
    width: auto !important;
    height: auto !important;
    max-width: 160px !important;
    max-height: 38px !important;
    object-fit: contain !important;
    display: block !important;
}

.header-1 .header-main {
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
}

@media (max-width: 767px) {
    .cs-logo-group {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 6px !important;
        overflow: hidden !important;
    }

    .cs-logo-icon {
        width: 55px !important;
        height: 55px !important;
        max-width: 55px !important;
        max-height: 55px !important;
        flex: 0 0 55px !important;
        object-fit: contain !important;
    }

    .cs-logo-text {
        width: auto !important;
        max-width: calc(100% - 61px) !important;
        height: auto !important;
        max-height: 42px !important;
        object-fit: contain !important;
    }
}

/* Footer Clear Steps Logo */
.cs-footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.cs-footer-logo-icon {
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    flex: 0 0 58px !important;
    object-fit: contain !important;
    display: block !important;
}

.cs-footer-logo-text {
    width: auto !important;
    height: auto !important;
    max-width: 185px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Mobile */
@media (max-width: 767px) {
    .cs-footer-logo {
        gap: 7px !important;
    }

    .cs-footer-logo-icon {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        flex-basis: 52px !important;
    }

    .cs-footer-logo-text {
        max-width: 175px !important;
        max-height: 44px !important;
    }
}
/* Footer Recent Post Images */
.footer-section .recent-post-items {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}

.footer-section .recent-post-items .thumb {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}

.footer-section .recent-post-items .thumb img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    display: block !important;
}

.footer-section .recent-post-items .content {
    flex: 1 !important;
    min-width: 0 !important;
}

.footer-section .recent-post-items .content h6 {
    margin-top: 6px !important;
    line-height: 1.45 !important;
}
@media (max-width: 767px) {
    .footer-section .recent-post-items {
        gap: 14px !important;
        margin-bottom: 20px !important;
    }

    .footer-section .recent-post-items .thumb {
        flex: 0 0 65px !important;
        width: 65px !important;
        height: 65px !important;
    }

    .footer-section .recent-post-items .thumb img {
        width: 65px !important;
        height: 65px !important;
    }
}
.cs-values-content .cs-value-item .content h5,
.cs-values-content .cs-value-item .content p {
    font-family: "Acumin Pro", "Acumin", Arial, sans-serif !important;
}

.cs-values-content .cs-value-item .content p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

.cs-values-content .cs-value-item .content h5 {
    font-weight: 700 !important;
}
.cs-logo-single {
    display: flex !important;
    align-items: center !important;
    width: 280px !important;
    height: 75px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cs-header-logo {
    display: block !important;
    width: 280px !important;
    height: 75px !important;
    max-width: 280px !important;
    max-height: 75px !important;
    object-fit: contain !important;
    object-position: center !important;
}
@media (max-width: 767px) {
    .cs-logo-single {
        width: 200px !important;
        height: 60px !important;
    }

    .cs-header-logo {
        width: 200px !important;
        height: 60px !important;
        max-width: 200px !important;
        max-height: 60px !important;
    }
}
.cs-footer-logo-image {
    width: 120px !important;
    height: auto !important;
    display: block !important;
}

.cs-footer-logo {
    display: block !important;
    margin-bottom: 20px !important;
}