.elementor-13 .elementor-element.elementor-element-018d2bd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1943ac9 *//* =========================================================
SBCC HOME PAGE
PREMIUM EDITORIAL / INSTITUTIONAL
========================================================= */

:root {
    --sbh-navy: #071332;
    --sbh-navy-2: #0b1a3f;
    --sbh-navy-3: #102657;
    --sbh-gold: #c6a15b;
    --sbh-gold-light: #dec58f;
    --sbh-cream: #f5f3ee;
    --sbh-ivory: #eee7d9;
    --sbh-white: #ffffff;
    --sbh-text: #171a20;
    --sbh-grey: #696f78;
    --sbh-line: rgba(7, 19, 50, .11);
    --sbh-shadow: 0 35px 90px rgba(7, 19, 50, .15);
}


/* =========================================================
RESET
========================================================= */

.sbcc-home,
.sbcc-home * {
    box-sizing: border-box;
}

.sbcc-home {
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: var(--sbh-text);
    background: white;
    font-family: "Manrope", sans-serif;
}

.sbcc-home img {
    display: block;
    width: 100%;
}

.sbcc-home a {
    text-decoration: none;
}

.sbcc-home h1,
.sbcc-home h2,
.sbcc-home h3,
.sbcc-home h4,
.sbcc-home p,
.sbcc-home figure {
    margin: 0;
}

.sbcc-home-shell {
    width: min(1240px, calc(100% - 70px));
    margin: 0 auto;
}


/* =========================================================
TYPOGRAPHY
========================================================= */

.sbcc-home h1,
.sbcc-home h2,
.sbcc-home h3 {
    font-family: "Instrument Serif", serif;
    font-weight: 400;
}

.sbcc-home h2 {
    color: var(--sbh-navy);
    font-size: clamp(54px, 6vw, 82px);
    line-height: .98;
    letter-spacing: -2.5px;
}

.sbcc-home h2 em {
    color: var(--sbh-gold);
    font-weight: 400;
}

.sbcc-home p {
    line-height: 1.85;
}


/* =========================================================
OVERLINE
========================================================= */

.sbcc-home-overline {
    display: block;
    margin-bottom: 22px;
    color: var(--sbh-gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.sbcc-home-overline--light {
    color: var(--sbh-gold-light);
}


/* =========================================================
BUTTONS
========================================================= */

.sbcc-home-btn {
    min-height: 58px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    transition: .28s ease;
}

.sbcc-home-btn i {
    font-size: 11px;
    transition: transform .28s ease;
}

.sbcc-home-btn:hover i {
    transform: translateX(5px);
}

.sbcc-home-btn--gold {
    color: var(--sbh-navy);
    background: var(--sbh-gold);
    box-shadow: 0 15px 35px rgba(198, 161, 91, .24);
}

.sbcc-home-btn--gold:hover {
    transform: translateY(-3px);
    background: var(--sbh-gold-light);
}

.sbcc-home-btn--navy {
    color: white;
    background: var(--sbh-navy);
}

.sbcc-home-btn--navy:hover {
    transform: translateY(-3px);
    background: var(--sbh-navy-3);
}

.sbcc-home-btn--ghost {
    color: white;
    border: 1px solid rgba(255,255,255,.35);
}

.sbcc-home-btn--ghost:hover {
    background: rgba(255,255,255,.08);
}


/* =========================================================
INDEX
========================================================= */

.sbcc-home-index {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 75px;
}

.sbcc-home-index > span {
    color: var(--sbh-gold);
    font-family: "Instrument Serif", serif;
    font-size: 68px;
    line-height: 1;
}

.sbcc-home-index > div {
    padding-left: 20px;
    border-left: 1px solid var(--sbh-line);
}

.sbcc-home-index small {
    display: block;
    margin-bottom: 5px;
    color: var(--sbh-grey);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.sbcc-home-index strong {
    color: var(--sbh-navy);
    font-size: 13px;
}

.sbcc-home-index--light > div {
    border-color: rgba(255,255,255,.15);
}

.sbcc-home-index--light small {
    color: rgba(255,255,255,.47);
}

.sbcc-home-index--light strong {
    color: white;
}


/* =========================================================
SECTION 1 — HERO
========================================================= */

.sbcc-home-hero {
    position: relative;
    min-height: 900px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--sbh-navy);
}

.sbcc-home-hero__bg {
    position: absolute;
    inset: 0;
    background-image:
        url("https://carlsonklnew.com/wp-content/uploads/2026/10/Majestic-Mt-Kbalu-scaled-e1598333455646.jpg");
    background-size: cover;
    background-position: center 47%;
    transform: scale(1.02);
}

.sbcc-home-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4,10,32,.97) 0%,
            rgba(5,14,40,.91) 32%,
            rgba(7,19,50,.67) 57%,
            rgba(5,13,37,.22) 82%,
            rgba(4,10,28,.08) 100%
        );
}

.sbcc-home-hero__texture {
    position: absolute;
    inset: 0;
    opacity: .11;
    pointer-events: none;
    background-image:
        radial-gradient(
            rgba(255,255,255,.30) .6px,
            transparent .6px
        );
    background-size: 7px 7px;
}

.sbcc-home-hero__inner {
    position: relative;
    z-index: 5;
    padding: 80px 0 175px;
}

.sbcc-home-hero__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 95px;
    color: rgba(255,255,255,.52);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2.2px;
}

.sbcc-home-hero__grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 85px;
    align-items: end;
}

.sbcc-home-hero h1 {
    max-width: 740px;
    color: white;
    font-size: clamp(68px, 7.8vw, 112px);
    line-height: .89;
    letter-spacing: -4px;
}

.sbcc-home-hero h1 em {
    display: block;
    color: var(--sbh-gold-light);
    font-weight: 400;
    font-style: italic;
}

.sbcc-home-hero h1 span {
    display: block;
}

.sbcc-home-hero__content > p {
    max-width: 610px;
    margin-top: 34px;
    color: rgba(255,255,255,.69);
    font-size: 15px;
}

.sbcc-home-hero__actions {
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
}

.sbcc-home-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: white;
    font-size: 13px;
    font-weight: 700;
}

.sbcc-home-link span {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.27);
    border-radius: 50%;
    color: var(--sbh-gold-light);
}


/* HERO CARD */

.sbcc-home-hero__side {
    display: flex;
    justify-content: flex-end;
}

.sbcc-home-hero-card {
    width: min(100%,395px);
    padding: 34px;
    color: white;
    background: rgba(5,14,40,.55);
    border: 1px solid rgba(255,255,255,.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 35px 90px rgba(0,0,0,.24);
}

.sbcc-home-hero-card__mark {
    margin-bottom: 68px;
    color: var(--sbh-gold-light);
    font-family: "Instrument Serif", serif;
    font-size: 31px;
}

.sbcc-home-hero-card__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: rgba(255,255,255,.46);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
}

.sbcc-home-hero-card h3 {
    max-width: 280px;
    color: white;
    font-size: 35px;
    line-height: 1;
}

.sbcc-home-hero-card__meta {
    margin-top: 35px;
    padding-top: 25px;
    display: grid;
    gap: 20px;
    border-top: 1px solid rgba(255,255,255,.13);
}

.sbcc-home-hero-card__meta small {
    display: block;
    margin-bottom: 5px;
    color: var(--sbh-gold-light);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sbcc-home-hero-card__meta strong {
    color: rgba(255,255,255,.80);
    font-size: 11px;
}

.sbcc-home-hero-card__link {
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    font-size: 12px;
    font-weight: 700;
}


/* SOFT RIDGE */

.sbcc-home-ridge {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 115px;
    pointer-events: none;
}

.sbcc-home-ridge svg {
    width: 100%;
    height: 100%;
    display: block;
}

.sbcc-home-ridge__back {
    fill: rgba(238,231,217,.13);
}

.sbcc-home-ridge__front {
    fill: white;
}


/* =========================================================
SECTION 2 — ABOUT
========================================================= */

.sbcc-home-about {
    position: relative;
    padding: 130px 0 175px;
    background: white;
}

.sbcc-home-about__word {
    position: absolute;
    top: 75px;
    right: -35px;
    color: rgba(7,19,50,.035);
    font-size: clamp(130px,17vw,285px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -10px;
}

.sbcc-home-about__grid {
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 120px;
    align-items: center;
}

.sbcc-home-about__content h2 {
    max-width: 580px;
}

.sbcc-home-about__line {
    width: 65px;
    height: 2px;
    margin: 37px 0;
    background: var(--sbh-gold);
}

.sbcc-home-about__content p {
    max-width: 560px;
    margin-top: 20px;
    color: var(--sbh-grey);
    font-size: 14px;
}

.sbcc-home-about__content .sbcc-home-about__lead {
    color: var(--sbh-text);
    font-size: 17px;
    font-weight: 600;
}

.sbcc-home-text-link {
    margin-top: 35px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: var(--sbh-navy);
    font-size: 13px;
    font-weight: 800;
}

.sbcc-home-text-link span {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    background: var(--sbh-navy);
    transition: transform .25s ease;
}

.sbcc-home-text-link:hover span {
    transform: translateX(5px);
}


/* ABOUT VISUAL */

.sbcc-home-about__visual {
    position: relative;
    min-height: 665px;
}

.sbcc-home-about__photo {
    overflow: hidden;
}

.sbcc-home-about__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sbcc-home-about__photo--main {
    width: 77%;
    height: 580px;
    margin-left: auto;
    box-shadow: var(--sbh-shadow);
}

.sbcc-home-about__photo--small {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 310px;
    height: 215px;
    border: 10px solid white;
    box-shadow: 0 25px 55px rgba(7,19,50,.13);
}

.sbcc-home-about__caption {
    position: absolute;
    right: -27px;
    top: 55px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--sbh-navy);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
    transform: rotate(90deg);
}

.sbcc-home-about__caption span {
    width: 50px;
    height: 1px;
    background: var(--sbh-gold);
}


/* =========================================================
SECTION 3 — DIRECTION
========================================================= */

.sbcc-home-direction {
    padding: 130px 0 150px;
    color: white;
    background: var(--sbh-navy);
}

.sbcc-home-direction__head {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 90px;
    align-items: end;
    margin-bottom: 75px;
}

.sbcc-home-direction__head h2 {
    max-width: 760px;
    color: white;
}

.sbcc-home-direction__head > p {
    max-width: 430px;
    color: rgba(255,255,255,.57);
    font-size: 13px;
}


/* PILLARS */

.sbcc-home-direction__grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    grid-template-rows: 420px 310px;
    gap: 20px;
}

.sbcc-home-pillar {
    position: relative;
    overflow: hidden;
}

.sbcc-home-pillar--photo {
    grid-row: 1 / 3;
    min-height: 750px;
}

.sbcc-home-pillar__image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.sbcc-home-pillar__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(4,10,28,.06),
            rgba(4,10,28,.80)
        );
}

.sbcc-home-pillar__number {
    position: absolute;
    top: 17px;
    right: 25px;
    z-index: 2;
    color: rgba(255,255,255,.20);
    font-family: "Instrument Serif", serif;
    font-size: 90px;
}

.sbcc-home-pillar__content {
    position: absolute;
    left: 42px;
    right: 42px;
    bottom: 42px;
    z-index: 3;
}

.sbcc-home-pillar__content small {
    display: block;
    margin-bottom: 10px;
    color: var(--sbh-gold-light);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2.4px;
}

.sbcc-home-pillar h3 {
    max-width: 500px;
    color: white;
    font-size: 48px;
    line-height: 1;
}

.sbcc-home-pillar p {
    max-width: 460px;
    margin-top: 18px;
    color: rgba(255,255,255,.62);
    font-size: 13px;
}

.sbcc-home-pillar--navy {
    background: var(--sbh-navy-3);
}

.sbcc-home-pillar__icon {
    position: absolute;
    left: 38px;
    top: 38px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(198,161,91,.35);
    border-radius: 50%;
    color: var(--sbh-gold-light);
}

.sbcc-home-pillar--gold {
    color: var(--sbh-navy);
    background: var(--sbh-gold);
}

.sbcc-home-pillar--gold .sbcc-home-pillar__number {
    color: rgba(7,19,50,.13);
}

.sbcc-home-pillar--gold .sbcc-home-pillar__content small {
    color: rgba(7,19,50,.68);
}

.sbcc-home-pillar--gold h3 {
    color: var(--sbh-navy);
    font-size: 42px;
}

.sbcc-home-pillar--gold p {
    color: rgba(7,19,50,.70);
}

.sbcc-home-pillar__symbol {
    position: absolute;
    top: 38px;
    left: 38px;
    color: rgba(7,19,50,.40);
    font-size: 28px;
}

.sbcc-home-direction__link {
    margin-top: 45px;
    display: flex;
    justify-content: flex-end;
}

.sbcc-home-direction__link a {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: white;
    font-size: 12px;
    font-weight: 700;
}

.sbcc-home-direction__link i {
    color: var(--sbh-gold-light);
}


/* =========================================================
SECTION 4 — WHAT WE DO
========================================================= */

.sbcc-home-role {
    padding: 145px 0 155px;
    background: var(--sbh-cream);
}

.sbcc-home-role__head {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 100px;
    align-items: end;
    margin-bottom: 70px;
}

.sbcc-home-role__head h2 {
    max-width: 740px;
}

.sbcc-home-role__head > p {
    max-width: 430px;
    color: var(--sbh-grey);
    font-size: 13px;
}

.sbcc-home-role__visual {
    position: relative;
    height: 580px;
    overflow: hidden;
}

.sbcc-home-role__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sbcc-home-role__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(7,19,50,.69),
            rgba(7,19,50,.07)
        );
}

.sbcc-home-role__statement {
    position: absolute;
    left: 55px;
    bottom: 55px;
    max-width: 390px;
    color: white;
}

.sbcc-home-role__statement > span {
    display: block;
    height: 45px;
    color: var(--sbh-gold-light);
    font-family: "Instrument Serif", serif;
    font-size: 85px;
    line-height: .7;
}

.sbcc-home-role__statement p {
    font-family: "Instrument Serif", serif;
    font-size: 38px;
    line-height: 1.02;
}


/* ROLE FUNCTIONS */

.sbcc-home-role__functions {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 50px;
    border-top: 1px solid var(--sbh-line);
    border-bottom: 1px solid var(--sbh-line);
}

.sbcc-home-role__function {
    position: relative;
    padding: 38px 32px;
    border-right: 1px solid var(--sbh-line);
}

.sbcc-home-role__function:last-child {
    border-right: 0;
}

.sbcc-home-role__function > span {
    position: absolute;
    right: 25px;
    top: 22px;
    color: rgba(7,19,50,.11);
    font-family: "Instrument Serif", serif;
    font-size: 45px;
}

.sbcc-home-role__function-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--sbh-gold);
    background: white;
}

.sbcc-home-role__function h4 {
    color: var(--sbh-navy);
    font-size: 15px;
}

.sbcc-home-role__function p {
    margin-top: 9px;
    color: var(--sbh-grey);
    font-size: 12px;
}

.sbcc-home-role__cta {
    margin-top: 45px;
    text-align: center;
}


/* =========================================================
SECTION 5 — EXPLORE
========================================================= */

.sbcc-home-explore {
    padding: 130px 0 150px;
    background: white;
}

.sbcc-home-explore__head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 30px;
}

.sbcc-home-explore__head p {
    max-width: 350px;
    margin-bottom: 75px;
    color: var(--sbh-grey);
    font-size: 13px;
}

.sbcc-home-explore__list {
    border-top: 1px solid var(--sbh-line);
}

.sbcc-home-explore-row {
    display: grid;
    grid-template-columns: 95px 1fr 1fr 60px;
    gap: 25px;
    align-items: center;
    min-height: 145px;
    color: var(--sbh-navy);
    border-bottom: 1px solid var(--sbh-line);
    transition:
        padding .25s ease,
        background .25s ease;
}

.sbcc-home-explore-row:hover {
    padding-left: 18px;
    background: var(--sbh-cream);
}

.sbcc-home-explore-row__num {
    color: var(--sbh-gold);
    font-family: "Instrument Serif", serif;
    font-size: 46px;
}

.sbcc-home-explore-row small {
    color: var(--sbh-gold);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.sbcc-home-explore-row h3 {
    margin-top: 5px;
    color: var(--sbh-navy);
    font-size: 36px;
}

.sbcc-home-explore-row p {
    max-width: 360px;
    color: var(--sbh-grey);
    font-size: 12px;
}

.sbcc-home-explore-row__arrow {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--sbh-line);
    border-radius: 50%;
    color: var(--sbh-navy);
}


/* =========================================================
SECTION 6 — LEADERSHIP
========================================================= */

.sbcc-home-leadership {
    padding: 150px 0;
    color: white;
    background: var(--sbh-navy);
}

.sbcc-home-leadership__grid {
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    gap: 100px;
    align-items: center;
}

.sbcc-home-leadership__visual {
    position: relative;
    height: 620px;
    overflow: hidden;
}

.sbcc-home-leadership__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(7,19,50,.55)
        );
}

.sbcc-home-leadership__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sbcc-home-leadership__tag {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 17px 24px;
    color: var(--sbh-navy);
    background: var(--sbh-gold);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.sbcc-home-leadership__tag span {
    margin-right: 13px;
    font-family: "Instrument Serif", serif;
    font-size: 17px;
    font-weight: 400;
}

.sbcc-home-leadership__content h2 {
    max-width: 620px;
    color: white;
}

.sbcc-home-leadership__content p {
    max-width: 550px;
    margin-top: 20px;
    color: rgba(255,255,255,.59);
    font-size: 13px;
}

.sbcc-home-leadership__content .sbcc-home-leadership__lead {
    color: rgba(255,255,255,.88);
    font-size: 16px;
    font-weight: 600;
}

.sbcc-home-leadership__meta {
    margin: 35px 0;
    padding: 25px 0;
    display: grid;
    grid-template-columns: 1.5fr .5fr;
    gap: 30px;
    border-top: 1px solid rgba(255,255,255,.13);
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.sbcc-home-leadership__meta small {
    display: block;
    margin-bottom: 6px;
    color: var(--sbh-gold-light);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sbcc-home-leadership__meta strong {
    color: white;
    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
SECTION 7 — CTA
========================================================= */

.sbcc-home-cta {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.sbcc-home-cta__bg {
    position: absolute;
    inset: 0;
    background-image:
        url("https://carlsonklnew.com/wp-content/uploads/2026/10/Majestic-Mt-Kbalu-scaled-e1598333455646.jpg");
    background-size: cover;
    background-position: center 50%;
}

.sbcc-home-cta__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(5,13,37,.97),
            rgba(5,13,37,.84),
            rgba(5,13,37,.43)
        );
}

.sbcc-home-cta__inner {
    position: relative;
    z-index: 3;
}

.sbcc-home-cta h2 {
    max-width: 860px;
    color: white;
    font-size: clamp(58px,7vw,96px);
    line-height: .93;
}

.sbcc-home-cta h2 em {
    display: block;
    color: var(--sbh-gold-light);
}

.sbcc-home-cta p {
    max-width: 620px;
    margin-top: 28px;
    color: rgba(255,255,255,.66);
    font-size: 14px;
}

.sbcc-home-cta__buttons {
    margin-top: 38px;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1050px) {

    .sbcc-home-shell {
        width: min(100% - 45px,1240px);
    }

    .sbcc-home-hero__grid,
    .sbcc-home-about__grid,
    .sbcc-home-direction__head,
    .sbcc-home-role__head,
    .sbcc-home-leadership__grid {
        grid-template-columns: 1fr;
    }

    .sbcc-home-hero__side {
        justify-content: flex-start;
    }

    .sbcc-home-about__grid {
        gap: 70px;
    }

    .sbcc-home-direction__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .sbcc-home-pillar--photo {
        grid-row: auto;
        min-height: 600px;
    }

    .sbcc-home-pillar--navy,
    .sbcc-home-pillar--gold {
        min-height: 380px;
    }

    .sbcc-home-role__functions {
        grid-template-columns: 1fr;
    }

    .sbcc-home-role__function {
        border-right: 0;
        border-bottom: 1px solid var(--sbh-line);
    }

    .sbcc-home-role__function:last-child {
        border-bottom: 0;
    }
}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 767px) {

    .sbcc-home-shell {
        width: min(100% - 30px,1240px);
    }

    .sbcc-home h2 {
        font-size: 47px;
        letter-spacing: -1.5px;
    }


    /* HERO */

    .sbcc-home-hero {
        min-height: 900px;
        align-items: flex-end;
    }

    .sbcc-home-hero__bg {
        background-position: 63% center;
    }

    .sbcc-home-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(4,10,28,.17) 0%,
                rgba(4,10,28,.34) 27%,
                rgba(4,10,28,.78) 53%,
                rgba(4,10,28,.97) 78%,
                rgba(4,10,28,.99) 100%
            );
    }

    .sbcc-home-hero__inner {
        padding: 50px 0 125px;
    }

    .sbcc-home-hero__top {
        margin-bottom: 245px;
        font-size: 7px;
    }

    .sbcc-home-hero__grid {
        gap: 48px;
    }

    .sbcc-home-hero h1 {
        font-size: 58px;
        line-height: .91;
        letter-spacing: -2px;
    }

    .sbcc-home-hero__content > p {
        font-size: 13px;
    }

    .sbcc-home-hero__actions {
        display: grid;
        width: 100%;
    }

    .sbcc-home-btn {
        width: 100%;
    }

    .sbcc-home-link {
        justify-content: space-between;
    }

    .sbcc-home-hero-card {
        width: 100%;
        padding: 26px;
    }

    .sbcc-home-hero-card__mark {
        margin-bottom: 38px;
    }

    .sbcc-home-ridge {
        height: 68px;
    }


    /* INDEX */

    .sbcc-home-index {
        margin-bottom: 50px;
    }

    .sbcc-home-index > span {
        font-size: 49px;
    }


    /* ABOUT */

    .sbcc-home-about {
        padding: 90px 0 105px;
    }

    .sbcc-home-about__word {
        top: 85px;
        right: -15px;
        font-size: 120px;
        letter-spacing: -5px;
    }

    .sbcc-home-about__grid {
        gap: 55px;
    }

    .sbcc-home-about__visual {
        min-height: 470px;
    }

    .sbcc-home-about__photo--main {
        width: 88%;
        height: 430px;
    }

    .sbcc-home-about__photo--small {
        width: 210px;
        height: 150px;
        border-width: 6px;
    }

    .sbcc-home-about__caption {
        display: none;
    }


    /* DIRECTION */

    .sbcc-home-direction {
        padding: 90px 0 100px;
    }

    .sbcc-home-direction__head {
        gap: 25px;
        margin-bottom: 50px;
    }

    .sbcc-home-direction__grid {
        gap: 14px;
    }

    .sbcc-home-pillar--photo {
        min-height: 520px;
    }

    .sbcc-home-pillar--navy,
    .sbcc-home-pillar--gold {
        min-height: 370px;
    }

    .sbcc-home-pillar__content {
        left: 27px;
        right: 27px;
        bottom: 28px;
    }

    .sbcc-home-pillar h3 {
        font-size: 39px;
    }

    .sbcc-home-pillar--gold h3 {
        font-size: 36px;
    }


    /* ROLE */

    .sbcc-home-role {
        padding: 90px 0 100px;
    }

    .sbcc-home-role__head {
        gap: 25px;
        margin-bottom: 45px;
    }

    .sbcc-home-role__visual {
        height: 470px;
    }

    .sbcc-home-role__statement {
        left: 27px;
        bottom: 28px;
        max-width: 280px;
    }

    .sbcc-home-role__statement p {
        font-size: 31px;
    }

    .sbcc-home-role__functions {
        margin-top: 30px;
    }

    .sbcc-home-role__function {
        padding: 30px 10px;
    }


    /* EXPLORE */

    .sbcc-home-explore {
        padding: 90px 0 100px;
    }

    .sbcc-home-explore__head {
        display: block;
    }

    .sbcc-home-explore__head p {
        margin: -25px 0 35px;
        max-width: none;
    }

    .sbcc-home-explore-row {
        grid-template-columns: 45px 1fr 40px;
        gap: 12px;
        min-height: 120px;
    }

    .sbcc-home-explore-row > p {
        display: none;
    }

    .sbcc-home-explore-row__num {
        font-size: 32px;
    }

    .sbcc-home-explore-row h3 {
        font-size: 28px;
    }


    /* LEADERSHIP */

    .sbcc-home-leadership {
        padding: 90px 0 105px;
    }

    .sbcc-home-leadership__grid {
        gap: 55px;
    }

    .sbcc-home-leadership__visual {
        height: 470px;
    }

    .sbcc-home-leadership__content p {
        font-size: 13px;
    }

    .sbcc-home-leadership__content
    .sbcc-home-leadership__lead {
        font-size: 15px;
    }

    .sbcc-home-leadership__meta {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    /* CTA */

    .sbcc-home-cta {
        min-height: 650px;
    }

    .sbcc-home-cta__bg {
        background-position: 61% center;
    }

    .sbcc-home-cta__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5,13,37,.53),
                rgba(5,13,37,.95)
            );
    }

    .sbcc-home-cta h2 {
        font-size: 54px;
        letter-spacing: -1.6px;
    }

    .sbcc-home-cta__buttons {
        display: grid;
    }
}


/* =========================================================
BM / EN LANGUAGE SUPPORT
========================================================= */

.sbcc-i18n {
    transition: opacity .15s ease;
}


/* Pastikan line hero ikut design asal */
.sbcc-home-hero h1 > .sbcc-i18n {
    display: block;
}


/* Translation text jangan paksa width pelik */
.sbcc-home p .sbcc-i18n,
.sbcc-home a .sbcc-i18n,
.sbcc-home small.sbcc-i18n,
.sbcc-home strong.sbcc-i18n,
.sbcc-home h3.sbcc-i18n,
.sbcc-home h4.sbcc-i18n {
    width: auto;
}


/* Elak ayat BM pecah pelik */
.sbcc-home .sbcc-i18n {
    word-break: normal;
    overflow-wrap: normal;
}


/* BM nama organisasi lebih panjang */
body[data-sbcc-language="ms"]
.sbcc-home-hero-card h3 {
    max-width: 310px;
}


/* =========================================================
BM MOBILE ADJUSTMENT
========================================================= */

@media (max-width: 767px) {

    body[data-sbcc-language="ms"]
    .sbcc-home-hero h1 {
        font-size: 54px;
    }

    body[data-sbcc-language="ms"]
    .sbcc-home-explore-row h3 {
        line-height: 1.05;
    }

}
/* =========================================================
FIX BM / EN BUTTON TEXT
Prevent translation text becoming icon circle
========================================================= */


/* RESET TEXT SPAN DALAM BUTTON/LINK */
.sbcc-home-link > .sbcc-i18n,
.sbcc-home-text-link > .sbcc-i18n,
.sbcc-home-btn > .sbcc-i18n {

    width: auto !important;
    height: auto !important;

    display: inline !important;

    align-items: initial !important;
    justify-content: initial !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: inherit !important;

    transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
HERO "HUBUNGI KAMI"
ONLY LAST SPAN = ICON CIRCLE
========================================================= */

.sbcc-home-link > span:last-child:not(.sbcc-i18n) {

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(255,255,255,.27);

    border-radius: 50%;

    color:
        var(--sbh-gold-light);
}


/* =========================================================
ABOUT "KENALI SBCC"
ONLY LAST SPAN = ARROW CIRCLE
========================================================= */

.sbcc-home-text-link > span:last-child:not(.sbcc-i18n) {

    width: 41px;
    height: 41px;

    flex: 0 0 41px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: white;

    background:
        var(--sbh-navy);

    transition:
        transform .25s ease;
}


/* HOVER ARROW ONLY */

.sbcc-home-text-link:hover
> span:last-child:not(.sbcc-i18n) {

    transform:
        translateX(5px);
}


/* =========================================================
BUTTON TEXT SAFETY
========================================================= */

.sbcc-home-btn {

    white-space: nowrap;
}

.sbcc-home-btn .sbcc-i18n {

    white-space: nowrap;
}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 767px) {

    .sbcc-home-link > .sbcc-i18n {

        flex: 1;

        text-align: left;
    }

}/* End custom CSS */