/* ─────────────────────────────────────────────────────────────
   About Us page — ported from CI3 assets/wla_new/tossin/css/about-us.css
   --main-bg-color → var(--brand-primary); images → /assets/img/ue_override/4580/;
   Google-font @import dropped (no-new-fonts → var(--font-body)); slick slider CSS
   dropped (cards stack on mobile instead); !important removed.
   ───────────────────────────────────────────────────────────── */

.common-space { padding: 50px 0; }
.common-space.franchise-page { padding: 0; }
.bg-img-tp { background: var(--ink-50); }

.colored-heading {
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 30px;
    color: var(--fg-2);
    margin-bottom: 25px;
}
.colored-heading > span { display: block; color: var(--brand-primary); font-size: 40px; margin-top: 5px; }
.colored-heading span > span { display: block; }
.colored-heading__lead { font-weight: var(--fw-regular); color: var(--fg-2); }

.franchise-page-p { font-size: 18px; line-height: 28px; color: var(--fg-2); }
.about-text { padding-right: 100px; }
.about-text img,
.serving-img img { max-width: 100%; height: auto; }

/* Founder cards */
.your-slider { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.your-slider .your-slider-start { width: 100%; max-width: 50%; padding: 0 15px; margin-bottom: 1rem; }
.your-slider-dv {
    background-color: var(--brand-primary);
    padding: 50px;
    border-radius: 20px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.your-slider-dv ul { color: #fff; list-style: revert; padding-left: 15px; }
.your-slider-dv h4 {
    color: transparent;
    font-size: 65px;
    -webkit-text-stroke: 1px #fff;
    margin-bottom: 10px;
    line-height: 55px;
}
.your-slider-dv span {
    color: #fff;
    font-size: 44px;
    -webkit-text-stroke-width: 0;
    display: block;
}

.about-us-section {
    position: relative;
    background-image: url(/assets/img/ue_override/4580/about-us-section.png);
    background-size: cover;
}
.about-us-section::before,
.about-us-section::after {
    position: absolute; content: ""; width: 100%; height: 50px;
    background-color: #fff; z-index: 0; left: 0;
}
.about-us-section::before { top: 0; }
.about-us-section::after { bottom: 0; }

.gourmet-perfection-ss { padding-right: 23%; }
.serving-section::after {
    content: "";
    position: absolute;
    background-image: url(/assets/img/ue_override/4580/gourmet-perfection.png);
    width: 620px; height: 529px;
    background-size: cover;
    right: 0; top: 30px;
}

/* Brand-colour band (Passion / Promise / Mission) */
.about-band { background-color: var(--brand-primary); }
.about-band .colored-heading,
.about-band .franchise-page-p { color: #fff; }
.about-band .colored-heading > span { color: #fff; }
.central-dvs { border-left: 2px solid var(--brand-secondary); border-right: 2px solid var(--brand-secondary); }

/* Features strip */
.about-features { background-color: var(--ink-50); }
.about-features .colored-heading { color: var(--brand-primary); margin-bottom: 8px; }
.about-features .colored-heading b { display: block; font-weight: var(--fw-regular); }

@media (max-width: 1199px) {
    .about-text { padding-right: 50px; }
    .colored-heading { font-size: 24px; margin-bottom: 15px; }
    .colored-heading > span { font-size: 34px; }
    .serving-section::after { width: 500px; height: 428px; }
    .franchise-page-p { font-size: 16px; line-height: 26px; }
}

@media (max-width: 991px) {
    .colored-heading { font-size: 18px; }
    .franchise-page-p { font-size: 15px; line-height: 24px; }
    .serving-section::after { width: 390px; height: 333px; top: 100px; }
    .your-slider-dv { padding: 30px; }
    .your-slider-dv h4 { font-size: 55px; line-height: 40px; }
    .your-slider-dv span { font-size: 40px; }
}

@media (max-width: 767px) {
    .common-space.franchise-page { padding: 50px 0; }
    .franchise-page.bg-img-tp { text-align: center; }
    .about-text { padding-right: 15px; }
    .common-space { padding: 30px 0; }
    .colored-heading > span { font-size: 28px; }
    .colored-heading > span > span { display: inline-block; }
    .franchise-page-p { font-size: 14px; line-height: normal; }
    .gourmet-perfection-ss { padding-right: 0; }
    .serving-section::after { display: none; }
    .your-slider .your-slider-start { max-width: 100%; }   /* stack founder cards */
    .your-slider-dv { padding: 15px; }
    .your-slider-dv h4 { font-size: 35px; line-height: 30px; }
    .your-slider-dv span { font-size: 25px; }
    .about-us-section::before,
    .about-us-section::after { display: none; }
    .central-dvs {
        border-left: none; border-right: none;
        border-top: 2px solid var(--brand-secondary);
        border-bottom: 2px solid var(--brand-secondary);
        padding: 15px 0; margin: 15px;
    }
}