.sppb-addon-table-main.bt tbody td::before, .sppb-addon-table-main.bt tfoot td::before, .sppb-addon-table-main.bt tfoot th::before {
    content: none; 
}


#sp-header {
    background-image: linear-gradient(90deg, #BB133E 20%, #002664 80%) !important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { 
  font-size: 16px; 
  font-weight: bold;
}
#sp-header .logo a {
  font-size: 14px; 
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #fff;
}


#sp-footer, #sp-bottom {
    background: #002664; 
}


.burger-icon>span { 
    background-color: #BB133E; 
}

.sp-megamenu-parent>li:hover>a {
    color: #BB133E;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #BB133E;
    font-size: 16px;
    font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { 
    background-color: #002664d1;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #BB133E;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
    font-weight: 600;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #BB133E;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
    font-weight: 600;
}

a {
    transition: none;
}


.offcanvas-menu {
    background-color: #002664;
    color: #ffffff;
}


.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff;
}


.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 18px;
    padding: 10px 0px;
    position: relative;
    line-height: 18px;
    opacity: 1;
    transition: none;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #ffffff;
    font-weight: 400;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after { 
    color: white;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #BB133E;
    font-weight: bold;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgb(255 255 255 / 80%);
}

 

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgb(255 255 255);
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}


span.sp-menu-heading {
    color: #bb133e;
    font-weight: 700;
}  


.table-responsive {
            box-shadow: 0 4px 8px rgba(0,0,0,0.05);
            border-radius: 10px;
            overflow: hidden;
        }
        thead {
            background-color: #3498db;
            color: white;
        }
        tbody tr:nth-child(odd) {
            background-color: #f8f9fa;
        }
        tbody tr:nth-child(even) {
            background-color: #e9ecef;
        }
        .level-header {
            font-weight: bold;
            background-color: #ecf0f1 !important;
        }
        .proficiency-cell {
            font-weight: bold;
            text-align: center;
        }
        .level-description {
            font-style: italic;
        }
        .table th {
            text-align: center;
            vertical-align: middle;
        }
        @media (max-width: 768px) {
            .table-responsive {
                font-size: 0.9rem;
            }
        }



.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: -10px;
    display: block;
    position: absolute;
    top: inherit;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 0px 10px;
    color: #ffffff;
}


body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul {
    margin-left: 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 12px;
    padding: 4px 0px;
    line-height: 14px; 
}


@media (max-width: 576px) {
	
	#sp-header {
        height: 80px;
    }
	
    .logo-image {
        height: 60px;
    }
	
	#sp-header .logo {
        height: 80px;
    }
}