.elementor-998 .elementor-element.elementor-element-8d6a4ba:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-8d6a4ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.skillform.co.za/wp-content/uploads/2025/12/coruse-directory-skillform.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-998 .elementor-element.elementor-element-8d6a4ba > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-998 .elementor-element.elementor-element-8d6a4ba > .elementor-container{max-width:1500px;min-height:40vh;}.elementor-998 .elementor-element.elementor-element-8d6a4ba{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-998 .elementor-element.elementor-element-8d6a4ba > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-8d6a4ba > .elementor-shape-bottom svg{height:57px;}.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-998 .elementor-element.elementor-element-461ceed .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:60px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-998 .elementor-element.elementor-element-bc6620b{--divider-border-style:solid;--divider-color:#95C939;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-998 .elementor-element.elementor-element-bc6620b .elementor-divider-separator{width:15%;}.elementor-998 .elementor-element.elementor-element-bc6620b .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-998 .elementor-element.elementor-element-d16675a{--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-998 .elementor-element.elementor-element-d16675a:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-d16675a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-84d37ca:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-84d37ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-84d37ca > .elementor-container{max-width:1500px;}.elementor-998 .elementor-element.elementor-element-84d37ca{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-998 .elementor-element.elementor-element-84d37ca > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-998 .elementor-element.elementor-element-82c8c35:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0A0A0A 0%, #2A2A2A 100%);}.elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-element-populated, .elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-element-populated > .elementor-background-overlay, .elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-998 .elementor-element.elementor-element-5477c03{text-align:center;}.elementor-998 .elementor-element.elementor-element-5477c03 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:55px;font-weight:800;color:#FFFFFF;}.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-998 .elementor-element.elementor-element-ecca3a3{text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#ECECEC;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-998 .elementor-element.elementor-element-4eb6b32 .elementor-icon-box-wrapper{gap:15px;}.elementor-998 .elementor-element.elementor-element-4eb6b32 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-stacked .elementor-icon{background-color:#95C939;fill:#FFFFFF;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-framed .elementor-icon, .elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-default .elementor-icon{fill:#95C939;color:#95C939;border-color:#95C939;}.elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#95C939;fill:#FFFFFF;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-default:has(:focus) .elementor-icon{fill:#95C939;color:#95C939;border-color:#95C939;}.elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-4eb6b32.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-4eb6b32 .elementor-icon{font-size:18px;padding:13px;border-radius:50px 50px 50px 50px;}.elementor-998 .elementor-element.elementor-element-4eb6b32 .elementor-icon-box-title, .elementor-998 .elementor-element.elementor-element-4eb6b32 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:500;}.elementor-998 .elementor-element.elementor-element-4eb6b32:has(:hover) .elementor-icon-box-title,
					 .elementor-998 .elementor-element.elementor-element-4eb6b32:has(:focus) .elementor-icon-box-title{color:#95C939;}.elementor-998 .elementor-element.elementor-element-4eb6b32 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#D5D5D5;}.elementor-998 .elementor-element.elementor-element-227fcef .elementor-icon-box-wrapper{gap:15px;}.elementor-998 .elementor-element.elementor-element-227fcef .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-stacked .elementor-icon{background-color:#95C939;fill:#FFFFFF;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-framed .elementor-icon, .elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-default .elementor-icon{fill:#95C939;color:#95C939;border-color:#95C939;}.elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#95C939;fill:#FFFFFF;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-default:has(:focus) .elementor-icon{fill:#95C939;color:#95C939;border-color:#95C939;}.elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-227fcef.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-227fcef .elementor-icon{font-size:18px;padding:13px;border-radius:50px 50px 50px 50px;}.elementor-998 .elementor-element.elementor-element-227fcef .elementor-icon-box-title, .elementor-998 .elementor-element.elementor-element-227fcef .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:500;}.elementor-998 .elementor-element.elementor-element-227fcef:has(:hover) .elementor-icon-box-title,
					 .elementor-998 .elementor-element.elementor-element-227fcef:has(:focus) .elementor-icon-box-title{color:#95C939;}.elementor-998 .elementor-element.elementor-element-227fcef .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#D5D5D5;}.elementor-998 .elementor-element.elementor-element-e06f415 .elementor-icon-box-wrapper{gap:15px;}.elementor-998 .elementor-element.elementor-element-e06f415 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-stacked .elementor-icon{background-color:#95C939;fill:#FFFFFF;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-framed .elementor-icon, .elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-default .elementor-icon{fill:#95C939;color:#95C939;border-color:#95C939;}.elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#95C939;fill:#FFFFFF;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-default:has(:focus) .elementor-icon{fill:#95C939;color:#95C939;border-color:#95C939;}.elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-998 .elementor-element.elementor-element-e06f415.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-e06f415 .elementor-icon{font-size:18px;padding:13px;border-radius:50px 50px 50px 50px;}.elementor-998 .elementor-element.elementor-element-e06f415 .elementor-icon-box-title, .elementor-998 .elementor-element.elementor-element-e06f415 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:500;}.elementor-998 .elementor-element.elementor-element-e06f415:has(:hover) .elementor-icon-box-title,
					 .elementor-998 .elementor-element.elementor-element-e06f415:has(:focus) .elementor-icon-box-title{color:#95C939;}.elementor-998 .elementor-element.elementor-element-e06f415 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#D5D5D5;}body.elementor-page-998:not(.elementor-motion-effects-element-type-background), body.elementor-page-998 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}@media(min-width:768px){.elementor-998 .elementor-element.elementor-element-d16675a{--content-width:1500px;}}@media(max-width:1024px) and (min-width:768px){.elementor-998 .elementor-element.elementor-element-ca90139{width:33.33%;}.elementor-998 .elementor-element.elementor-element-8aabc23{width:33.33%;}.elementor-998 .elementor-element.elementor-element-b1b6911{width:33.33%;}}@media(max-width:1366px){.elementor-998 .elementor-element.elementor-element-84d37ca{padding:50px 20px 100px 20px;}}@media(max-width:1024px){.elementor-998 .elementor-element.elementor-element-8d6a4ba{padding:0px 20px 0px 20px;}.elementor-998 .elementor-element.elementor-element-461ceed .elementor-heading-title{font-size:55px;}.elementor-998 .elementor-element.elementor-element-bc6620b .elementor-divider-separator{width:25%;}.elementor-998 .elementor-element.elementor-element-5477c03 .elementor-heading-title{font-size:50px;}}@media(max-width:767px){.elementor-998 .elementor-element.elementor-element-461ceed .elementor-heading-title{font-size:30px;}.elementor-998 .elementor-element.elementor-element-bc6620b .elementor-divider-separator{width:50%;}.elementor-998 .elementor-element.elementor-element-82c8c35 > .elementor-element-populated{padding:25px 25px 25px 25px;}.elementor-998 .elementor-element.elementor-element-5477c03 .elementor-heading-title{font-size:25px;}.elementor-998 .elementor-element.elementor-element-ecca3a3{font-size:12px;}.elementor-998 .elementor-element.elementor-element-2cd4310{padding:0px 0px 0px 0px;}.elementor-998 .elementor-element.elementor-element-ca90139{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-461ceed */* {
    font-family: 'Poppins', sans-serif;
}

body {
    background-color: #ffffff;
    color: #2d3436;
}

.container {
    max-width: 1500px;
    width: 100%;
    padding: 40px 5px;
    margin: 0 auto;
}

/* Section Title */
.section-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 20px;
    margin-top: 40px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    height: 3px;
    background-color: #95C939;
}

.section-title:first-child {
    margin-top: 0;
}

/* Card */
.course-card {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    padding: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

/* Table Wrapper for Scroll */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Table */
.custom-table {
    margin-bottom: 0;
    width: 100%;
    min-width: 600px;
}

.custom-table thead {
    background: linear-gradient(135deg, #2d3436 0%, #636e72 100%);
    color: white;
}

.custom-table thead th {
    font-weight: 600;
    padding: 16px;
    border: none;
    font-size: 0.9rem;
}

.custom-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #e9ecef;
}

.custom-table tbody tr:last-child td {
    border-bottom: none;
}

.custom-table tbody tr {
    transition: all 0.3s ease;
}

.custom-table tbody tr:hover {
    background-color: rgba(149, 201, 57, 0.08);
    transform: scale(1.01);
    box-shadow: 0 2px 8px rgba(149, 201, 57, 0.15);
}

/* Badges */
.badge-classroom {
    background-color: #95C939;
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 0.85rem;
    display: inline-block;
    white-space: nowrap;
}

.badge-elearning {
    background-color: #2d3436;
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 0.85rem;
    margin-right: 5px;
    display: inline-block;
    white-space: nowrap;
}

.badge-duration {
    background-color: #636e72;
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    display: inline-block;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .section-title {
        font-size: 1.2rem;
    }
    
    .section-title::after {
        width: 50%;
    }
    
    .custom-table {
        font-size: 0.75rem;
        min-width: 500px;
    }
    
    .custom-table thead th,
    .custom-table tbody td {
        padding: 8px;
    }
    
    /* Fix badges for mobile */
    .badge-classroom,
    .badge-elearning,
    .badge-duration {
        padding: 3px 8px;
        border-radius: 4px;
        font-size: 0.7rem;
        font-weight: 500;
    }
    
    .badge-elearning {
        margin-right: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8da6fef */* {
    font-family: 'Poppins', sans-serif;
}

body {
    background-color: #ffffff;
    color: #2d3436;
}

.container {
    max-width: 1500px;
    width: 100%;
    padding: 40px 5px;
    margin: 0 auto;
}

/* Section Title */
.section-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3436;
    margin-bottom: 20px;
    margin-top: 40px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    height: 3px;
    background-color: #95C939;
}

.section-title:first-child {
    margin-top: 0;
}

/* Card */
.course-card {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    padding: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

/* Table Wrapper for Scroll */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Table */
.custom-table {
    margin-bottom: 0;
    width: 100%;
    min-width: 600px;
}

.custom-table thead {
    background: linear-gradient(135deg, #2d3436 0%, #636e72 100%);
    color: white;
}

.custom-table thead th {
    font-weight: 600;
    padding: 16px;
    border: none;
    font-size: 0.9rem;
}

.custom-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #e9ecef;
}

.custom-table tbody tr:last-child td {
    border-bottom: none;
}

.custom-table tbody tr {
    transition: all 0.3s ease;
}

.custom-table tbody tr:hover {
    background-color: rgba(149, 201, 57, 0.08);
    transform: scale(1.01);
    box-shadow: 0 2px 8px rgba(149, 201, 57, 0.15);
}

/* Badges */
.badge-classroom {
    background-color: #95C939;
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 0.85rem;
}

.badge-elearning {
    background-color: #2d3436;
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 0.85rem;
    margin-right: 5px;
}

.badge-duration {
    background-color: #636e72;
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
}

/* Responsive */
@media (max-width: 768px) {
    .section-title {
        font-size: 1.2rem;
    }
    
    .section-title::after {
        width: 50%;
    }
    
    .custom-table {
        font-size: 0.85rem;
        min-width: 500px;
    }
    
    .custom-table thead th,
    .custom-table tbody td {
        padding: 10px;
    }
}/* End custom CSS */