.elementor-796 .elementor-element.elementor-element-01803e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-796 .elementor-element.elementor-element-01803e4::before, .elementor-796 .elementor-element.elementor-element-01803e4 > .elementor-background-video-container::before, .elementor-796 .elementor-element.elementor-element-01803e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-796 .elementor-element.elementor-element-01803e4 > .elementor-background-slideshow::before, .elementor-796 .elementor-element.elementor-element-01803e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-796 .elementor-element.elementor-element-01803e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #000000B8 20%, var( --e-global-color-secondary ) 100%);}.elementor-796 .elementor-element.elementor-element-8a709ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-796 .elementor-element.elementor-element-6954ac4{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-796 .elementor-element.elementor-element-6954ac4.e-con{--align-self:center;}.elementor-796 .elementor-element.elementor-element-c28b386{text-align:center;}.elementor-796 .elementor-element.elementor-element-c28b386 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:101px;font-weight:500;text-transform:uppercase;line-height:6rem;color:#FFFFFF;}.elementor-796 .elementor-element.elementor-element-43f65be{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-accent );}.elementor-796 .elementor-element.elementor-element-43f65be.elementor-element{--align-self:center;}.elementor-796 .elementor-element.elementor-element-d9c9d99{--display:flex;}.elementor-796 .elementor-element.elementor-element-d9c9d99:not(.elementor-motion-effects-element-type-background), .elementor-796 .elementor-element.elementor-element-d9c9d99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-796 .elementor-element.elementor-element-6954ac4{--width:70%;}}@media(max-width:1024px){.elementor-796 .elementor-element.elementor-element-01803e4{--margin-top:-6em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-796 .elementor-element.elementor-element-8a709ed{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-796 .elementor-element.elementor-element-6954ac4.e-con{--align-self:center;}.elementor-796 .elementor-element.elementor-element-c28b386{text-align:center;}.elementor-796 .elementor-element.elementor-element-c28b386 .elementor-heading-title{font-size:3.5rem;line-height:0.9em;}.elementor-796 .elementor-element.elementor-element-43f65be{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-796 .elementor-element.elementor-element-43f65be.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-796 .elementor-element.elementor-element-01803e4{--min-height:100vh;--margin-top:-4.92em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-796 .elementor-element.elementor-element-c28b386 .elementor-heading-title{font-size:2.3rem;line-height:1em;}}/* Start custom CSS for text-editor, class: .elementor-element-0bda0f7 *//* ─────────────────────────────────────────
   OCSC Admin Guide — Editor-Safe + Styled
   Uses native HTML elements + classes on
   headings so WordPress Visual editor can't
   break the structure.
───────────────────────────────────────── */

.elementor-796 .elementor-element.elementor-element-0bda0f7,
.elementor-796 .elementor-element.elementor-element-0bda0f7 * {
    box-sizing: border-box;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #3a4a5c;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 40px 0;
}

/* ── Hero eyebrow (pill badge) ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow {
    text-align: center;
    margin: 0 0 20px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 14px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #2d8bba;
    padding: 10px 22px;
    background: rgba(45, 139, 186, 0.08);
    border: 1px solid rgba(45, 139, 186, 0.3);
    border-radius: 30px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow span::before,
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow span::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #2d8bba;
}

/* ── Hero title ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #001229;
    text-align: center;
    margin: 0 0 22px;
}

/* ── Hero intro ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__intro {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    color: #3a4a5c;
    text-align: center;
    max-width: 780px;
    margin: 0 auto 40px;
}

/* ── Reminder callout ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__note {
    position: relative;
    padding: 18px 26px 18px 30px;
    background: rgba(201, 168, 76, 0.08);
    border: 1px solid rgba(201, 168, 76, 0.25);
    border-left: 4px solid #c9a84c;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
    color: #3a4a5c;
    margin: 0 0 48px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__note strong {
    color: #c9a84c;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ── Featured section label (Change Seasons badge) ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__featured-label {
    display: inline-block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 11px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #c9a84c;
    background: rgba(201, 168, 76, 0.12);
    border: 1px solid rgba(201, 168, 76, 0.4);
    padding: 6px 14px;
    margin: 0 0 14px;
    line-height: 1;
    border-radius: 2px;
}

/* ── Section titles (each dashboard area) ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #001229;
    margin: 0 0 16px;
    padding: 0 0 12px 20px;
    border-bottom: 2px solid #2d8bba;
    line-height: 1.1;
    position: relative;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 22px;
    width: 4px;
    background: #2d8bba;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title--featured {
    color: #001229;
    border-bottom-color: #c9a84c;
    border-bottom-width: 3px;
    padding-left: 20px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title--featured::before {
    background: #c9a84c;
    width: 4px;
}

/* ── Body paragraphs inside each section ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide p:not(.ocsc-guide__eyebrow):not(.ocsc-guide__intro):not(.ocsc-guide__note):not(.ocsc-guide__tip):not(.ocsc-guide__footer-text) {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75;
    color: #3a4a5c;
    margin: 0 0 16px;
    padding-left: 20px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide strong {
    font-weight: 500;
    color: #001229;
}

/* ── Bullet lists ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide li {
    font-size: 14.5px;
    font-weight: 300;
    line-height: 1.6;
    color: #3a4a5c;
    padding: 11px 16px 11px 16px;
    background: rgba(45, 139, 186, 0.04);
    border: 1px solid rgba(45, 139, 186, 0.12);
    border-left: 2px solid rgba(45, 139, 186, 0.45);
    transition: background 0.2s ease, border-left-color 0.2s ease;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide li:hover {
    background: rgba(45, 139, 186, 0.07);
    border-left-color: #2d8bba;
}

/* ── Tip callout ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__tip {
    font-size: 13.5px;
    line-height: 1.65;
    color: #6b7a8a;
    padding: 12px 16px;
    background: rgba(201, 168, 76, 0.06);
    border: 1px solid rgba(201, 168, 76, 0.18);
    border-left: 3px solid #c9a84c;
    margin: 0 0 18px 20px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__tip em {
    font-style: italic;
    font-weight: 300;
    color: #6b7a8a;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__tip strong {
    color: #c9a84c;
    font-weight: 600;
}

/* ── Section dividers (hr between cards) ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(45, 139, 186, 0.25), transparent);
    margin: 44px 0;
}

/* ── Footer (last block) ── */
.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #34b4e4;
    background: #001229;
    padding: 32px 32px 14px;
    margin: 48px 0 0;
    text-align: center;
    line-height: 1.1;
    border: none;
    border-top: 3px solid #34b4e4;
    position: relative;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-title::before {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: #34b4e4;
    margin: 0 auto 14px;
    opacity: 0.5;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-text {
    background: #001229;
    color: rgba(245, 243, 238, 0.82);
    font-size: 14.5px;
    font-weight: 300;
    line-height: 1.75;
    padding: 0 40px 14px;
    margin: 0;
    text-align: center;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-text:last-child {
    padding-bottom: 32px;
}

.elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-text strong {
    color: #ffffff;
    font-weight: 500;
}

/* ─────────────────────────────────────────
   TABLET (≤1024px)
───────────────────────────────────────── */
@media (max-width: 1024px) {
    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide {
        padding: 40px 28px 0;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide h2 {
        font-size: 38px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title {
        font-size: 24px;
    }
}

/* ─────────────────────────────────────────
   MOBILE (≤768px)
───────────────────────────────────────── */
@media (max-width: 768px) {
    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide {
        padding: 32px 20px 0;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide h2 {
        font-size: 30px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__intro {
        font-size: 14.5px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow span {
        font-size: 12px;
        letter-spacing: 0.22em;
        padding: 8px 18px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow span::before,
    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__eyebrow span::after {
        width: 14px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title {
        font-size: 22px;
        padding-left: 16px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__card-title::before {
        width: 3px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide p:not(.ocsc-guide__eyebrow):not(.ocsc-guide__intro):not(.ocsc-guide__note):not(.ocsc-guide__tip):not(.ocsc-guide__footer-text) {
        padding-left: 16px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide ul {
        padding-left: 16px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__tip {
        margin-left: 16px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide li {
        font-size: 13.5px;
        padding: 9px 12px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-title {
        font-size: 24px;
        padding: 28px 24px 12px;
    }

    .elementor-796 .elementor-element.elementor-element-0bda0f7 .ocsc-guide__footer-text {
        padding-left: 24px;
        padding-right: 24px;
    }
}/* End custom CSS */