.elementor-12656 .elementor-element.elementor-element-bccaffa{--display:flex;--min-height:660px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-bccaffa:not(.elementor-motion-effects-element-type-background), .elementor-12656 .elementor-element.elementor-element-bccaffa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.umma.ac.ke/wp-content/uploads/2025/10/Main-Gate-2-1536x1152-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12656 .elementor-element.elementor-element-a204d60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-12656 .elementor-element.elementor-element-3ed050d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-eb110b7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-0a57d4a > .elementor-widget-container{margin:-177px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-c335c03{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12656 .elementor-element.elementor-element-9a4cc51{--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;}.elementor-12656 .elementor-element.elementor-element-ca52a39 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-ca52a39 .align-box{text-align:text-left;}.elementor-12656 .elementor-element.elementor-element-ca52a39 .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-12656 .elementor-element.elementor-element-ca52a39 .tp-el-title{font-size:50px;font-weight:600;letter-spacing:-1px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-3b39c0c{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12656 .elementor-element.elementor-element-bf68945{--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-12656 .elementor-element.elementor-element-bf68945:not(.elementor-motion-effects-element-type-background), .elementor-12656 .elementor-element.elementor-element-bf68945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.umma.ac.ke/wp-content/uploads/2024/08/instructor-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12656 .elementor-element.elementor-element-052e76c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-6e54787{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-fdf116c .tp_counter_title_align{text-align:center;}.elementor-12656 .elementor-element.elementor-element-fdf116c .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-12656 .elementor-element.elementor-element-fdf116c .tp-el-counter-title{font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-12656 .elementor-element.elementor-element-4d02625{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-c3975ac .tp_counter_title_align{text-align:center;}.elementor-12656 .elementor-element.elementor-element-c3975ac .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-12656 .elementor-element.elementor-element-c3975ac .tp-el-counter-title{font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-12656 .elementor-element.elementor-element-c22d15c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-a241ec3 .tp_counter_title_align{text-align:center;}.elementor-12656 .elementor-element.elementor-element-a241ec3 .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-12656 .elementor-element.elementor-element-a241ec3 .tp-el-counter-title{font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-12656 .elementor-element.elementor-element-c17d9cc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-967b534 .tp_counter_title_align{text-align:center;}.elementor-12656 .elementor-element.elementor-element-967b534 .tp-el-section{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;}.elementor-12656 .elementor-element.elementor-element-967b534 .tp-el-counter-title{font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-12656 .elementor-element.elementor-element-ab80a38{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12656 .elementor-element.elementor-element-e4e4726 .tp-el-section{background-color:#F3F4F8;padding:114px 15px 110px 15px !important;margin:0px 0px 0px 0px !important;}.elementor-12656 .elementor-element.elementor-element-e4e4726 .align-box{text-align:text-left;}.elementor-12656 .elementor-element.elementor-element-e4e4726 a.tp-btn{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-style:none;}.elementor-12656 .elementor-element.elementor-element-e4e4726 a.tp-btn:hover{background:#5169F1 !important;box-shadow:0px 0px 0px 2px #5169F1;border-style:none;}.elementor-12656 .elementor-element.elementor-element-e4e4726 .tp-el-mission_sticky_content{width:50%;}.elementor-12656 .elementor-element.elementor-element-60ec5e3{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12656 .elementor-element.elementor-element-c4b6b0a .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-12656 .elementor-element.elementor-element-94f2f79{--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;}.elementor-12656 .elementor-element.elementor-element-1d6c1ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-12656 .elementor-element.elementor-element-2b13383{--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;}.elementor-12656 .elementor-element.elementor-element-b83f3ae .tp-el-theme-btn{justify-content:center;background-color:#44B144;border-style:solid;border-width:2px 2px 2px 2px;border-color:#44B144;border-radius:6px 6px 6px 6px;padding:18px 35px 18px 35px;}.elementor-12656 .elementor-element.elementor-element-b83f3ae > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-b83f3ae .tp-el-theme-btn:hover{color:#FFFFFF;background-color:#042D43;border-style:solid;border-width:2px 2px 2px 2px;border-color:#042D43;box-shadow:0px 10px 15px -5px rgba(20.999999999999996, 36, 34, 0.1);}.elementor-12656 .elementor-element.elementor-element-b83f3ae .tp-el-theme-btn .theme-btn-icon{margin:0px 0px -3.5px 10px;}.elementor-12656 .elementor-element.elementor-element-c0c8493{--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;}.elementor-12656 .elementor-element.elementor-element-9464816 .tp-el-theme-btn{justify-content:center;background-color:#44B144;border-style:solid;border-width:2px 2px 2px 2px;border-color:#44B144;border-radius:6px 6px 6px 6px;padding:18px 35px 18px 35px;}.elementor-12656 .elementor-element.elementor-element-9464816 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-9464816 .tp-el-theme-btn:hover{color:#FFFFFF;background-color:#042D43;border-style:solid;border-width:2px 2px 2px 2px;border-color:#042D43;box-shadow:0px 10px 15px -5px rgba(20.999999999999996, 36, 34, 0.1);}.elementor-12656 .elementor-element.elementor-element-9464816 .tp-el-theme-btn .theme-btn-icon{margin:0px 0px -3.5px 10px;}.elementor-12656 .elementor-element.elementor-element-88e56df{--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;}.elementor-12656 .elementor-element.elementor-element-a972471 .tp-el-theme-btn{justify-content:center;background-color:#44B144;border-style:solid;border-width:2px 2px 2px 2px;border-color:#44B144;border-radius:6px 6px 6px 6px;padding:18px 35px 18px 35px;}.elementor-12656 .elementor-element.elementor-element-a972471 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-a972471 .tp-el-theme-btn:hover{color:#FFFFFF;background-color:#042D43;border-style:solid;border-width:2px 2px 2px 2px;border-color:#042D43;box-shadow:0px 10px 15px -5px rgba(20.999999999999996, 36, 34, 0.1);}.elementor-12656 .elementor-element.elementor-element-a972471 .tp-el-theme-btn .theme-btn-icon{margin:0px 0px -3.5px 10px;}.elementor-12656 .elementor-element.elementor-element-1645a6c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-12656 .elementor-element.elementor-element-e6872f0{--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;}.elementor-12656 .elementor-element.elementor-element-58bdcba .tp-el-theme-btn{justify-content:center;background-color:#44B144;border-style:solid;border-width:2px 2px 2px 2px;border-color:#44B144;border-radius:6px 6px 6px 6px;padding:18px 35px 18px 35px;}.elementor-12656 .elementor-element.elementor-element-58bdcba > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-58bdcba .tp-el-theme-btn:hover{color:#FFFFFF;background-color:#042D43;border-style:solid;border-width:2px 2px 2px 2px;border-color:#042D43;box-shadow:0px 10px 15px -5px rgba(20.999999999999996, 36, 34, 0.1);}.elementor-12656 .elementor-element.elementor-element-58bdcba .tp-el-theme-btn .theme-btn-icon{margin:0px 0px -3.5px 10px;}.elementor-12656 .elementor-element.elementor-element-5c43b0d{--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;}.elementor-12656 .elementor-element.elementor-element-5eaccaa .tp-el-theme-btn{justify-content:center;background-color:#44B144;border-style:solid;border-width:2px 2px 2px 2px;border-color:#44B144;border-radius:6px 6px 6px 6px;padding:18px 35px 18px 35px;}.elementor-12656 .elementor-element.elementor-element-5eaccaa > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-5eaccaa .tp-el-theme-btn:hover{color:#FFFFFF;background-color:#042D43;border-style:solid;border-width:2px 2px 2px 2px;border-color:#042D43;box-shadow:0px 10px 15px -5px rgba(20.999999999999996, 36, 34, 0.1);}.elementor-12656 .elementor-element.elementor-element-5eaccaa .tp-el-theme-btn .theme-btn-icon{margin:0px 0px -3.5px 10px;}.elementor-12656 .elementor-element.elementor-element-b6a7f17{--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;}@media(max-width:993px) and (min-width:577px){.elementor-12656 .elementor-element.elementor-element-6e54787{--width:48%;}.elementor-12656 .elementor-element.elementor-element-4d02625{--width:49%;}.elementor-12656 .elementor-element.elementor-element-c22d15c{--width:48%;}.elementor-12656 .elementor-element.elementor-element-c17d9cc{--width:49%;}}@media(max-width:1200px){.elementor-12656 .elementor-element.elementor-element-bccaffa:not(.elementor-motion-effects-element-type-background), .elementor-12656 .elementor-element.elementor-element-bccaffa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-12656 .elementor-element.elementor-element-a204d60{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12656 .elementor-element.elementor-element-eb110b7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:993px){.elementor-12656 .elementor-element.elementor-element-052e76c{--flex-wrap:wrap;}}@media(max-width:768px){.elementor-12656 .elementor-element.elementor-element-a204d60{--flex-wrap:wrap;}.elementor-12656 .elementor-element.elementor-element-eb110b7{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12656 .elementor-element.elementor-element-0a57d4a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-ca52a39 .tp-el-title{font-size:45px;}.elementor-12656 .elementor-element.elementor-element-b83f3ae > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-9464816 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-a972471 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-58bdcba > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-12656 .elementor-element.elementor-element-5eaccaa > .elementor-widget-container{margin:50px 0px 0px 0px;}}@media(max-width:576px){.elementor-12656 .elementor-element.elementor-element-ca52a39 .tp-el-title{font-size:28px;}}@media(min-width:577px){.elementor-12656 .elementor-element.elementor-element-9a4cc51{--width:33.3333%;}.elementor-12656 .elementor-element.elementor-element-3b39c0c{--width:66.6666%;}.elementor-12656 .elementor-element.elementor-element-2b13383{--width:33.3333%;}.elementor-12656 .elementor-element.elementor-element-c0c8493{--width:33.3333%;}.elementor-12656 .elementor-element.elementor-element-88e56df{--width:33.3333%;}.elementor-12656 .elementor-element.elementor-element-e6872f0{--width:33.3333%;}.elementor-12656 .elementor-element.elementor-element-5c43b0d{--width:33.3333%;}.elementor-12656 .elementor-element.elementor-element-b6a7f17{--width:33.3333%;}}@media(max-width:768px) and (min-width:577px){.elementor-12656 .elementor-element.elementor-element-eb110b7{--width:100%;}.elementor-12656 .elementor-element.elementor-element-4d02625{--width:48%;}.elementor-12656 .elementor-element.elementor-element-c17d9cc{--width:48%;}}/* Start custom CSS for html, class: .elementor-element-a8b80ca *//* Enhanced Table Styles with Modern Design */

/* CSS Variables for consistent theming */
:root {
    --ast-global-color-8: #f8f9fa;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--ast-global-color-8: #f8f9fa;
    --ast-border-color: #dee2e6;
    --primary-color: #2c3e50;
    --secondary-color: #34495e;
    --accent-color: #3498db;
    --hover-color: #e3f2fd;
    --header-bg: #1a237e;
    --header-color: #ffffff;
    --department-bg: #f5f5f5;
    --department-color: #424242;
    --success-color: #4caf50;
    --warning-color: #ff9800;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

/* Global styles */
* {
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--primary-color);
    background-color: #fafafa;
    margin: 0;
    padding: 20px;
}

/* Table container for responsive design */
.table-container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 30px;
}

/* Enhanced table styles */
.course-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: white;
    border-radius: var(--border-radius);
    overflow: hidden;
}

/* Table header styling */
.course-table thead {
    background: linear-gradient(135deg, var(--header-bg), #3949ab);
    color: var(--header-color);
}

.course-table th {
    padding: 16px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    position: relative;
}

.course-table th:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

/* Department header rows */
.department-row {
    background: var(--department-bg) !important;
    color: var(--department-color);
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.department-row td {
    padding: 20px 15px !important;
    border-bottom: 3px solid var(--accent-color) !important;
    text-align: center;
}

/* Regular table rows */
.course-table tbody tr {
    transition: var(--transition);
    border-bottom: 1px solid #eee;
}

.course-table tbody tr:hover {
    background-color: var(--hover-color);
    transform: translateX(4px);
}

.course-table tbody tr:nth-child(even):not(.department-row) {
    background-color: #fafafa;
}

.course-table tbody tr:nth-child(even):not(.department-row):hover {
    background-color: var(--hover-color);
}

/* Table cells */
.course-table td {
    padding: 14px 12px;
    vertical-align: middle;
    border: none;
    transition: var(--transition);
}

/* Course number column */
.course-table td:first-child {
    font-weight: 600;
    color: #002049;
    text-align: center;
    min-width: 40px;
    background: linear-gradient(45deg, transparent 0%, rgba(52, 152, 219, 0.05) 100%);
}

/* Course name column */
.course-table td:nth-child(2) {
    font-weight: 500;
    min-width: 280px;
    color: var(--secondary-color);
}

/* Requirements column */
.course-table td:nth-child(3) {
    font-weight: 500;
    color: var(--warning-color);
    text-align: center;
    min-width: 120px;
}

/* Duration column */
.course-table td:nth-child(4) {
    color: var(--success-color);
    font-weight: 500;
    text-align: center;
    min-width: 100px;
}

/* Certification column */
.course-table td:nth-child(5) {
    text-align: center;
    font-weight: 500;
    color: var(--accent-color);
    min-width: 100px;
}

/* Border and background classes */
.has-ast-global-color-8-background-color {
    background-color: var(--ast-global-color-8) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-border-color {
    border: 1px solid var(--ast-border-color);
}

/* Responsive design */
@media screen and (max-width: 768px) {
    .table-container {
        margin: 10px;
        border-radius: 0;
    }
    
    .course-table {
        font-size: 12px;
    }
    
    .course-table th,
    .course-table td {
        padding: 10px 8px;
    }
    
    .course-table td:nth-child(2) {
        min-width: 200px;
    }
    
    .department-row td {
        font-size: 13px;
        padding: 15px 10px !important;
    }
}

@media screen and (max-width: 480px) {
    body {
        padding: 10px;
    }
    
    .course-table {
        font-size: 11px;
    }
    
    .course-table th,
    .course-table td {
        padding: 8px 6px;
    }
    
    .course-table td:first-child {
        min-width: 30px;
    }
    
    .course-table td:nth-child(2) {
        min-width: 150px;
    }
}

/* Print styles */
@media print {
    body {
        background: white;
        padding: 0;
    }
    
    .table-container {
        box-shadow: none;
        margin: 0;
    }
    
    .course-table {
        font-size: 12px;
    }
    
    .course-table tbody tr:hover {
        transform: none;
        background-color: transparent;
    }
}

/* Animation for table loading */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.course-table {
    animation: fadeInUp 0.6s ease-out;
}

/* Utility classes */
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-semibold { font-weight: 600 !important; }
.text-primary { color: var(--accent-color) !important; }
.text-success { color: var(--success-color) !important; }
.text-warning { color: var(--warning-color) !important; }
/* Fixed CSS without errors */

/* Global background color classes */
.has-ast-global-color-8-background-color {
    background-color: var(--ast-global-color-8);
}

/* WordPress block table styles */
.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

/* Border color classes */
.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

/* WordPress preset color classes */
.has-ast-global-color-8-background-color {
    background-color: var(--wp--preset--color--ast-global-color-8) !important;
}

/* Border width and color utilities */
html :where([style*=border-width]) {
    border-style: solid;
}

html :where(.has-border-color) {
    border-style: solid;
}

/* Table styles - consolidated without conflicts */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%;
}

table, td, th {
    border: 1px solid var(--ast-border-color);
}

/* Box sizing */
*, :after, :before {
    box-sizing: inherit;
}

/* User agent stylesheets are browser defaults - not custom CSS */
/* The following are browser defaults and should not be in custom CSS: */
/* 
table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 2px;
    border-color: gray;
} */

/*MOBILE */

/* Mobile-First Responsive Table Styles */

/* CSS Variables with new color scheme */
:root {
    --ast-global-color-8: #f8f9fa;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--ast-global-color-8: #f8f9fa;
    --ast-border-color: #dee2e6;
    --primary-color: #2c3e50;
    --secondary-color: #34495e;
    --accent-color: #1568b4; /* Sky blue */
    --success-color: #44b144; /* Green */
    --info-color: #1568b4; /* Sky blue */
    --warning-color: #5ab035; /* Professional green */
    --department-bg: #002049; /* Dark Blue */
    --department-color: #ffffff;
    --header-bg: #042d43; /* Dark Blue */
    --header-color: #ffffff;
    --hover-color: #e3f2fd;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

/* Reset and base styles */
* {
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--primary-color);
    background-color: #fafafa;
    margin: 0;
    padding: 10px;
}

/* Table container */
.table-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 20px;
}

/* Mobile-first table approach */
.course-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

/* Table header */
.course-table thead {
    background: linear-gradient(135deg, var(--header-bg), var(--department-bg));
    color: var(--header-color);
}

.course-table th {
    padding: 12px 8px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
}

/* Department header rows */
.department-row {
    background: var(--department-bg) !important;
    color: var(--department-color);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.department-row td {
    padding: 16px 12px !important;
    border-bottom: 3px solid var(--accent-color) !important;
    text-align: center;
}

/* Regular table rows */
.course-table tbody tr {
    transition: var(--transition);
    border-bottom: 1px solid #eee;
}

.course-table tbody tr:hover {
    background-color: var(--hover-color);
}

.course-table tbody tr:nth-child(even):not(.department-row) {
    background-color: #fafafa;
}

/* Table cells */
.course-table td {
    padding: 12px 8px;
    vertical-align: top;
    border: none;
    transition: var(--transition);
}

/* Course number column */
.course-table td:first-child {
    font-weight: 600;
    color: #5ab035;
    text-align: center;
    min-width: 35px;
    background: linear-gradient(45deg, transparent 0%, rgba(21, 104, 180, 0.05) 100%);
}

/* Course name column */
.course-table td:nth-child(2) {
    font-weight: 500;
    color: var(--secondary-color);
    min-width: 200px;
}

/* Requirements column */
.course-table td:nth-child(3) {
    font-weight: 600;
    color: var(--warning-color);
    text-align: center;
    min-width: 80px;
}

/* Duration column */
.course-table td:nth-child(4) {
    color: var(--success-color);
    font-weight: 600;
    text-align: center;
    min-width: 70px;
}

/* Certification column */
.course-table td:nth-child(5) {
    text-align: center;
    font-weight: 600;
    color: var(--accent-color);
    min-width: 70px;
}

/* Mobile responsive - Card layout for small screens */
@media screen and (max-width: 768px) {
    /* Hide table header on mobile */
    .course-table thead {
        display: none;
    }
    
    /* Make table rows into cards */
    .course-table tbody tr:not(.department-row) {
        display: block;
        margin-bottom: 15px;
        border: 1px solid var(--ast-border-color);
        border-radius: var(--border-radius);
        background: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    
    /* Make table cells into block elements */
    .course-table td {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #f0f0f0;
        text-align: left !important;
        min-width: auto !important;
    }
    
    /* Remove background from first column */
    .course-table td:first-child {
        background: none;
        font-size: 16px;
        font-weight: 700;
        color: var(--accent-color);
        border-bottom: 2px solid var(--accent-color);
    }
    
    /* Add labels to each cell */
    .course-table td:nth-child(2)::before {
        content: "Course: ";
        font-weight: 600;
        color: var(--secondary-color);
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .course-table td:nth-child(3)::before {
        content: "Requirements: ";
        font-weight: 600;
        color: var(--secondary-color);
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .course-table td:nth-child(4)::before {
        content: "Duration: ";
        font-weight: 600;
        color: var(--secondary-color);
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .course-table td:nth-child(5)::before {
        content: "Certification: ";
        font-weight: 600;
        color: var(--secondary-color);
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    /* Department rows */
    .department-row td {
        padding: 12px 15px !important;
        font-size: 13px;
        border-radius: var(--border-radius);
        margin-bottom: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    
    /* Adjust body padding */
    body {
        padding: 5px;
    }
    
    .table-container {
        margin-bottom: 15px;
        border-radius: 0;
    }
}

/* Extra small devices */
@media screen and (max-width: 480px) {
    .course-table {
        font-size: 12px;
    }
    
    .course-table td {
        padding: 8px 12px;
    }
    
    .course-table td:first-child {
        font-size: 14px;
    }
    
    .department-row td {
        font-size: 12px;
        padding: 10px 12px !important;
    }
}

/* Tablet and desktop styles */
@media screen and (min-width: 769px) {
    body {
        padding: 20px;
    }
    
    .table-container {
        max-width: 1200px;
        margin-bottom: 30px;
    }
    
    .course-table {
        font-size: 14px;
    }
    
    .course-table th {
        padding: 16px 12px;
        font-size: 13px;
    }
    
    .course-table td {
        padding: 14px 12px;
    }
    
    .course-table td:nth-child(2) {
        min-width: 280px;
    }
    
    .department-row td {
        padding: 20px 15px !important;
        font-size: 15px;
    }
}

/* Color utility classes */
.has-ast-global-color-8-background-color {
    background-color: var(--ast-global-color-8) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-border-color {
    border: 1px solid var(--ast-border-color);
}

/* Text color utilities */
.text-success { color: var(--success-color) !important; }
.text-warning { color: var(--warning-color) !important; }
.text-primary { color: var(--accent-color) !important; }
.text-info { color: var(--info-color) !important; }
.font-weight-semibold { font-weight: 600 !important; }
.font-weight-bold { font-weight: 700 !important; }

/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.course-table {
    animation: fadeInUp 0.6s ease-out;
}

/* Print styles */
@media print {
    body {
        background: white;
        padding: 0;
    }
    
    .table-container {
        box-shadow: none;
        margin: 0;
        max-width: none;
    }
    
    .course-table {
        font-size: 12px;
    }
    
    .course-table tbody tr:hover {
        transform: none;
        background-color: transparent;
    }
    
    .course-table td:first-child {
        background: none;
    }
}/* End custom CSS */