.elementor-1792 .elementor-element.elementor-element-f80c9d7{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1792 .elementor-element.elementor-element-4306066{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1792 .elementor-element.elementor-element-4306066 .elementor-heading-title{font-family:"Rubik", Sans-serif;color:var( --e-global-color-c316557 );}@media(max-width:1366px){.elementor-1792 .elementor-element.elementor-element-f80c9d7{--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-0a78913 */.cpc-tbl thead th {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.cpc-tbl-scroll {
    font-family: rubik !important;
    box-shadow: none !important;
}
.cpc-tbl td.col-t {
    font-weight: 400 !important;
    color: #160f0d !important;
}
.cpc-tbl td.col-p {
    font-weight: 400 !important;
    color: #160f0d !important;
}

.cpc-atc {
    width: 100% !important;
    text-align: center !important; 
    color: #e85d26 !important;
    border: 1px solid #e85d26;
    border-radius: 8px !important;
    font-weight: 500 !important;
}

.cpc-tbl td.col-d , .cpc-tbl td.col-time, .cpc-tbl td.col-l{
    color: #160f0d !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f80c9d7 *//* ============================================================
   RESPONSIVE FIX: /all-cpc-courses/ page
   Mirrors the exact same approach as the main /cpc/ page CSS.
   All element IDs taken directly from the page HTML source.
   
   PASTE INTO:
   WordPress Admin → Appearance → Customize → Additional CSS
   ============================================================ */

@media (max-width: 767px) {

    /* ── 1. Allow outer wrappers to overflow so table can scroll ── */
    .elementor-element-3d64d5d,
    .elementor-element-86bb770 {
        overflow: visible !important;
    }

    .elementor-element-3d64d5d.e-con,
    .elementor-element-3d64d5d.e-con-full {
        overflow: visible !important;
    }

    /* ── 2. Parent of header row scrolls horizontally ── */
    .e-con:has(.elementor-element-3d64d5d) {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    /* ── 3. Header row: force full table width, no wrapping ── */
    .elementor-element-3d64d5d {
        flex-wrap: nowrap !important;
        min-width: 750px !important;
        width: 750px !important;
    }

    /* ── 4. Loop grid widget: force full table width ── */
    .elementor-element-86bb770 {
        min-width: 750px !important;
        width: 750px !important;
    }

    .elementor-element-86bb770 .elementor-loop-container {
        overflow: visible !important;
        min-width: 750px !important;
    }

    /* ── 5. Loop row wrapper (same template ID 798 as main CPC page) ── */
    .elementor-798 .elementor-element-ff559e1 {
        flex-wrap: nowrap !important;
        min-width: 750px !important;
        width: 750px !important;
    }

    /* ── 6. Header column widths ── */
    /* Course Title */
    .elementor-element-3d64d5d .elementor-element-cf58bb4 {
        min-width: 220px !important;
        width: 220px !important;
    }

    /* Date */
    .elementor-element-3d64d5d .elementor-element-ed3ef4c {
        min-width: 100px !important;
        width: 100px !important;
    }

    /* Time */
    .elementor-element-3d64d5d .elementor-element-211fd7f {
        min-width: 70px !important;
        width: 70px !important;
    }

    /* Price */
    .elementor-element-3d64d5d .elementor-element-5938848 {
        min-width: 80px !important;
        width: 80px !important;
    }

    /* Location */
    .elementor-element-3d64d5d .elementor-element-34d1dbf {
        min-width: 90px !important;
        width: 90px !important;
    }

    /* ── 7. Loop row column widths (shared template elementor-798) ── */
    /* Course Title */
    .elementor-798 .elementor-element-f661ad6 {
        min-width: 220px !important;
        width: 220px !important;
    }

    .elementor-798 .elementor-element-f661ad6 .elementor-heading-title {
        white-space: normal !important;
        word-wrap: break-word;
    }

    /* Date */
    .elementor-798 .elementor-element-8f49d70 {
        min-width: 100px !important;
        width: 100px !important;
    }

    /* Time */
    .elementor-798 .elementor-element-c770f8e {
        min-width: 70px !important;
        width: 70px !important;
    }

    /* Price */
    .elementor-798 .elementor-element-986e4dc {
        min-width: 80px !important;
        width: 80px !important;
    }

    /* Location */
    .elementor-798 .elementor-element-8a4a4ce {
        min-width: 90px !important;
        width: 90px !important;
    }

    /* Button */
    .elementor-798 .elementor-element-858ff34 {
        min-width: 120px !important;
        width: 120px !important;
    }

    /* ── 8. Add to Cart button: keep on one line ── */
    .elementor-798 .elementor-element-858ff34 .button,
    .elementor-798 .elementor-element-858ff34 .add_to_cart_button {
        white-space: nowrap !important;
        writing-mode: horizontal-tb !important;
        padding: 10px 15px !important;
        font-size: 14px !important;
    }

    /* ── 9. Page-level overflow fix ── */
    .elementor-798,
    .elementor-798 .elementor-element-50d600b {
        overflow: visible !important;
    }

}/* End custom CSS */