.sub-menu{
    background: rgba(0, 0, 0, 0.2) !important;
}
.ast-primary-header-bar{
    background: rgba(0, 0, 0, 0.1) !important;
}
.container-new{
    width: 100%;
}
.prog-list{
  width: 100%;
  a{
    padding: 15px 10px;
    width: 100%;
	background-color: white;
	display: block;
	border-bottom: 1px solid #f2f2f2;
  }
  a:hover{
	background-color: #183030ff;
	color: #ebd35bff;
  }
}
.split-content{
	display: flex;
}
.sidepic{
	width: 30%;
	background-color: #d2d2d2;
	overflow-y: auto;
	background: url('http://ndsacademy.co.za/wp-content/uploads/2025/07/Picture-3-1.jpeg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	border-radius: 15px;
}
.sidepic-overlay{
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	border-radius: 15px;
}
.programs{
	width: 70%;
	padding: 10px 20px;
}

.sidebar{
	width: 30%;
	padding: 10px;
	background-color: #f2f2f2;
	overflow-y: auto;
}
.content{
	width: 70%;
	padding: 10px 20px;
}

.coursee{
	background-color: white;
	padding: 20px;
	box-shadow: 2px 2px 8px #888;
	border-radius: 15px;
	margin-bottom: 20px;
	width: 100%;
}
.cus-btn{
	padding: 10px 20px;
	background-color: #ebd35bff;
	margin: 10px 0;
	border-radius: 50px;
}
.prog-prices{
    background: #f3f9f5;
    padding: 10px;
    a{
        color: #6aa4ca;
    }
}

@media only screen and (max-width: 768px) {
    .split-content{
    	display: block;
    }
    	.sidepic{
    	width: 100%;
    }
    .programs{
    	width: 100%;
    }
    .sidebar{
    	width: 100%;
    }
    .content{
    	width: 100%;
    }
	
}