/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

/*Logo in Portal*/
#tutor-page-wrap .tutor-course-single-sidebar-title {
  background: url('https://portal.kelasmaya.my/wp-content/uploads/2023/05/logo-maker-for-toy-stores-with-a-futuristic-robot-graphic-3870b-el1-2.png') no-repeat center / contain;
  padding-left: 50px; 
  height: 50px; 
  display: flex;
  align-items: center;
}

/*Hide Content Next to Logo*/
.tutor-course-single-sidebar-title > .tutor-color-secondary {
  display: none;
}

/*Green Gradient Background in Portal*/
#tutor-page-wrap .tutor-course-single-sidebar-wrapper {
    background: linear-gradient(245deg, #03175A, #74E1DE);
}

/*Hide Box in Course Page*/
.tutor-single-course-sidebar-more > .tutor-course-details-instructors {
  display: none;
}
.tutor-single-course-sidebar-more > .tutor-course-details-widget {
	  display: none;
}


/*Wishlist Hide*/
.tutor-course-details-actions .tutor-course-wishlist-btn {
	 display: none;
}

/*Logo Dashboard*/
.tutor-ratio-1x1 .tutor-avatar-text {
  background-color: #03175A;
  background-image: url('https://portal.kelasmaya.my/wp-content/uploads/2023/05/logo-maker-for-toy-stores-with-a-futuristic-robot-graphic-3870b-el1-2.png');
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px; 
}


/*Header Background Portal PKSK*/
.tutor-course-topic-274 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #16ADC8, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-277 .tutor-accordion-item-header {
   background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}


.tutor-course-topic-278 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-302 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; /* White text color */
}

.tutor-course-topic-502 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}


.tutor-course-topic-496 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-501 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-909 .tutor-accordion-item-header {
	background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-921 .tutor-accordion-item-header {
	background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-923 .tutor-accordion-item-header {
	background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-1098 .tutor-accordion-item-header {
	background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-1093 .tutor-accordion-item-header {
	background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-1093 .tutor-accordion-item-header {
	background: linear-gradient(45deg, #062A35, #062A35);
    border-radius: 5px;
    color: #fff; 
}

.tutor-course-topic-1879 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-2020 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-2176 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #6766E1, #062A35);
    border-radius: 5px;
    color: #fff;
    
}

.tutor-course-topic-2200 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-2201 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    
}

.tutor-course-topic-2202 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    
}

.tutor-course-topic-2203 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;


}
.tutor-course-topic-2204 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-2223 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #6766E1, #062A35);
    border-radius: 5px;

}
.tutor-course-topic-2320 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #28202B);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-2805 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #6766E1, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-3286 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-3057 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #2a14b7, #062A35);
    border-radius: 5px;
    color: #fff;
    
}

.tutor-course-topic-3081 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #AE1E91, #062A35);
    border-radius: 5px;
    color: #fff;

    
}

.tutor-course-topic-2983 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8264 .tutor-accordion-item-header {
	
}

.tutor-course-topic-2983 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
}
    
.tutor-course-topic-2988 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-2988 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
}
.tutor-course-topic-2996 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    
}

.tutor-course-topic-2996 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
}

.tutor-course-topic-2999 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    
}

.tutor-course-topic-2999 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
}

.tutor-course-topic-3003 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3003 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
}

.tutor-course-topic-3253 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #2A14B7, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3253 .tutor-accordion-item-header:hover {
    background: black;
    color: white;
/* Change background color to black on hover */

}

.tutor-course-topic-3254 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #DD3CBD, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3254 .tutor-accordion-item-header:hover {
    background: black;
    color: white;
/* Change background color to black on hover */

}


.tutor-course-topic-3204 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3204 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */


}

.tutor-course-topic-3211 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3211 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */


}

.tutor-course-topic-3221 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3221 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */

}

.tutor-course-topic-3230 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3230 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
    

}

.tutor-course-topic-3242 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}

.tutor-course-topic-3242 .tutor-accordion-item-header:hover {
    background: black; /* Change background color to black on hover */
    
}

.tutor-course-topic-3285 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3285 .tutor-accordion-item-header:hover {
    background: black; 
    color: #fff;
/* Change background color to black on hover */


}

.tutor-course-topic-3201 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #2A14B7, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3201 .tutor-accordion-item-header:hover {
    background: black; 
    color: #fff;
/* Change background color to black on hover */


}

.tutor-course-topic-3202 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #DD3CBD, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3202 .tutor-accordion-item-header:hover {
    background: black; 
    color: #fff;
/* Change background color to black on hover */


}

.tutor-course-topic-3152 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3152 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3159 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}
.tutor-course-topic-3159 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}
.tutor-course-topic-3169 .tutor-accordion-item-header {
    background: linear-gradient(45deg, ##tutor-course-details-tab-info .tutor-zoom-meeting-session, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3169 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

	
}

.tutor-course-topic-3178 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3178 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3190 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3190 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}
.tutor-course-topic-3660 .tutor-accordion-item-header {
	
}

.tutor-course-topic-3284 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3284 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3659 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3659 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3660 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3660 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3661 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3661 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3662 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3662 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3679 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-3679 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3682 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3682 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3683 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3688 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3688 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #2F4077, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3683 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3689 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #2F4077, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3689 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3690 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3690 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3696 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3696 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-3694 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #CF3745, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3694 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3706 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #CF3745, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3706 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-3700 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3700 .tutor-accordion-item-header:hover {
    background: black; 
    



}

.tutor-course-topic-4043 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to orange on hover */

}

.tutor-course-topic-4043 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4216 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to orange on hover */

}

.tutor-course-topic-4216 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #CF3745, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-3816 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}


.tutor-course-topic-3816 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}
/* Change background color to induksi on hover */

.tutor-course-topic-4219 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-4219 .tutor-accordion-item-header:hover {
    background: black; 

}

.tutor-course-topic-4204 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #7ED957, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-4204 .tutor-accordion-item-header:hover {
    background: black; 

}

.tutor-course-topic-4208 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #7ED957, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-4208 .tutor-accordion-item-header:hover {
    background: black; 

}

.tutor-course-topic-4212 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #7ED957, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-4212 .tutor-accordion-item-header:hover {
    background: black; 

}

.tutor-course-topic-4214 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #7ED957, #062A35);
    border-radius: 5px;
    color: #fff;

}

.tutor-course-topic-4214 .tutor-accordion-item-header:hover {
    background: black; 

}






/* Original Design */

.tutor-accordion > div:nth-of-type(2) > h4 {
background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-accordion > div:nth-of-type(3) > h4 {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
    
}   
    
.tutor-accordion > div:nth-of-type(4) > h4 {
	background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
}

.tutor-accordion > div:nth-of-type(5) > h4 {
	background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
}

.tutor-accordion > div:nth-of-type(6) > h4 {
	background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
}
    
.tutor-accordion > div:nth-of-type(1) > h4 {
    background: linear-gradient(45deg, #28202B, #062A35);
    border-radius: 5px;
    color: #fff;
    



}
.tutor-accordion > div:nth-of-type(7) > h4 {
    background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
	
}

.tutor-accordion > div:nth-of-type(8) > h4 {
	background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
}

.tutor-accordion > div:nth-of-type(9) > h4 {
	background: linear-gradient(45deg, #009BDE, #062A35);
    border-radius: 5px;
    color: #fff;
}



.tutor-course-topic-4042 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #CF3745, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4038 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4038 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */



}

.tutor-course-topic-4039 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4039 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-4040 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4040 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4041 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4041 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4268 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #1E1445, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4268 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4265 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9B0000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4265 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4253 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4253 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4257 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4257 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4261 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4261 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4263 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #034C01, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4263 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4245 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0A164D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4245 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */





}

.tutor-course-topic-4243 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0A164D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4243 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4241 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0A164D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4241 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}

.tutor-course-topic-4247 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0A164D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4247 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */



}
.tutor-course-topic-4250 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0A164D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4250 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}
.tutor-course-topic-4295 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0A164D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4295 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}

.tutor-course-topic-4250 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}
.tutor-course-topic-4294 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9B0000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4294 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}
.tutor-course-topic-4282 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4282 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}
.tutor-course-topic-4286 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4286 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}
.tutor-course-topic-4290 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4290 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */


}
.tutor-course-topic-4292 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4292 .tutor-accordion-item-header:hover {
    background: black; 
/* Change background color to black on hover */

}
.tutor-course-topic-4348 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4348 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4425 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4425 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4548 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-4548 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-4363 .tutor-accordion-item-header:hover {
background: #0A164D; 

}
.tutor-course-topic-4363 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8C52FF, #BFFF00);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4380 .tutor-accordion-item-header:hover {
background: #0A164D; 

}
.tutor-course-topic-4380 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8C52FF, #BFFF00);
    border-radius: 5px;
    color: #fff;
    	
}
.tutor-course-topic-4383 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-4383 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8C52FF, #BFFF00);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-4454 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4454 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */


}
.tutor-course-topic-4557 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-4557 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-4428 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-4428 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #00BF63, #FF66C4);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4435 .tutor-accordion-item-header:hover {
background: #0A164D; 

	
}
.tutor-course-topic-4435 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #00BF63, #FF66C4);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-4438 .tutor-accordion-item-header:hover {
background: #0A164D; 

	
}
.tutor-course-topic-4438 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #00BF63, #FF66C4);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4483 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4483 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4592 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-4592 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4457 .tutor-accordion-item-header:hover {
background: #0A164D; 

	
}
.tutor-course-topic-4457 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FF5757, #000000);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-4464 .tutor-accordion-item-header:hover {
background: #0A164D; 

	
}
.tutor-course-topic-4464 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FF5757, #000000);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-4467 .tutor-accordion-item-header:hover {
background: #0A164D; 

	
}
#sq-nav-item_metas {
	
}
.tutor-course-topic-4467 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FF5757, #000000);
    border-radius: 5px;
    color: #fff;


}
.tutor-course-topic-5005 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-5005 .tutor-accordion-item-header:hover {
background: #0A164D; 


/* Persediaan PKSK 2024 */

}
.tutor-course-topic-5008 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-5008 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4778 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #117D5D, #B4C273);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4778 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */


}
.tutor-course-topic-4787 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8C52FF, #9DC7E7);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4787 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */


}
.tutor-course-topic-4749 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8C52FF, #9DC7E7);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4749 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4771 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8C52FF, #9DC7E7);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4771 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4741 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FF66C4, #F8B9B8);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4741 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4795 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #000000);
    border-radius: 5px;
    color: #fff;
    	
}

.tutor-course-topic-4795 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4789 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9B0000, #1E1E49);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4789 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-5067 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9B0000, #1E1E49);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-5067 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-5073 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #062A35, #000000);
    border-radius: 5px;
    color: #fff;
    	
}

.tutor-course-topic-5073 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-5074 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-5074 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;


}
.tutor-course-topic-4853 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4853 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */


}
.tutor-course-topic-4810 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e42256, #062A35);
    border-radius: 5px;
    color: #fff;
    	
}

.tutor-course-topic-4810 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4821 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #621590, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4821 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */


}
.tutor-course-topic-4830 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #069390, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4830 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4842 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #a97950, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-4842 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-5951 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-5951 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-4592 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-4592 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    
    
}
.tutor-course-topic-5951 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #000000, #062A35);
    border-radius: 5px;
    color: #fff;
    	

}

.tutor-course-topic-5951 .tutor-accordion-item-header:hover {
background: #0A164D; 
/* Change background color to black on hover */

}
.tutor-course-topic-5954 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-5954 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FFA500, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-5957 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-5957 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #066c4e, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-5964 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-5964 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8c52ff, #062A35);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-5970 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-5970 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #101820, #1fcae9);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-7271 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-7271 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e95c1f, #069390);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-7272 .tutor-accordion-item-header:hover {
background: #0A164D; 	
}
.tutor-course-topic-7272 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e42256, #069390);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4922 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-4922 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #7B3F00, #069390);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4903 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-4903 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8000FF, #069390);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-4953 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-4953 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #20e91f, #069390);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8248 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-8248 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff3131, #069390);
    border-radius: 5px;
    color: #fff;
    

}
.tutor-course-topic-4906 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-4906 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #39FF14, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-4906 .tutor-accordion-item-header:hover {
background: #0A164D; 	

}
.tutor-course-topic-4886 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #FF00FF, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-4886 .tutor-accordion-item-header:hover {
background: #0A164D; 

}
.tutor-course-topic-4893 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #DAA520, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-4893 .tutor-accordion-item-header:hover {
background: #0A164D;
}
.tutor-course-topic-4893 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #DAA520, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-4893 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8192 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e95c1f, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8192 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-4948 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #252627, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-4948 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8310 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff3131, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8310 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8408 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #a97950, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8408 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8406 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff3131, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8406 .tutor-accordion-item-header:hover {
background: #0A164D;  


}
.tutor-course-topic-8402 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #3d035a, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8402 .tutor-accordion-item-header:hover {
background: #0A164D;  


}
.tutor-course-topic-8398 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #035a20, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8398 .tutor-accordion-item-header:hover {
background: #0A164D;  


}
.tutor-course-topic-8414 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8414 .tutor-accordion-item-header:hover {
background: #0A164D;  


}
.tutor-course-topic-8410 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #252627, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8410 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8479 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #252627, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8479 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8513 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #252627, #069390);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8513 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8595 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b, #000000);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8595 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8825 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000, #000000);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8825 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8575 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #035a20, #b4c273);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8575 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8583 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #03175a, #9dc7e7);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8583 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8546 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #03175a, #9dc7e7);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8546 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8568 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #03175a, #9dc7e7);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8568 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-10646 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #03175a, #9dc7e7);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-10646 .tutor-accordion-item-header:hover {
background: #0A164D; 



	
}
.tutor-course-topic-8542 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e91fb5, #f8b9b8);
    border-radius: 5px;
    color: #fff;
}
.tutor-course-topic-8542 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8585 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e95c1f, #000000);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-8585 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8591 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #676767, #000000);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-8591 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8628 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;
	
}
.tutor-course-topic-8628 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8832 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8832 .tutor-accordion-item-header:hover {
background: #0A164D;  

}
.tutor-course-topic-8606 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #069390 , #069390);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8606 .tutor-accordion-item-header:hover {
background: #0A164D; 

}
.tutor-course-topic-8609 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #3d035a , #3d035a);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8609 .tutor-accordion-item-header:hover {
background: #0A164D; 

}
.tutor-course-topic-8611 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e42256 , #e42256);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8611 .tutor-accordion-item-header:hover {
background: #0A164D; 

}
.tutor-course-topic-8648 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e42256 , #e42256);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8648 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8658 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e42256 , #e42256);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8658 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8624 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #a97950 , #a97950);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8624 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8631 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #e95c1f , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8631 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8637 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #676767 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8637 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8779 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28ce0d , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8779 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8817 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8817 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8786 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #0d26ce , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8786 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8796 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ce0d87 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8796 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8799 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ce3b0d , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8799 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8803 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #7f0dce , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8803 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8837 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8837 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8708 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8708 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8709 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8709 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8670 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #34586e , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8670 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8677 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #dfb160 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8677 .tutor-accordion-item-header:hover {
background: #0A164D;

	

}
.tutor-course-topic-8687 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #6e3562 , #000000);
    border-radius: 5px;
    color: #fff;
	
	
}
.tutor-course-topic-8687 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8690 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #3cacae , #000000);
    border-radius: 5px;
    color: #fff;

	
}
.tutor-course-topic-8690 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8694 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #d18d96 , #000000);
    border-radius: 5px;
    color: #fff;

	
}
.tutor-course-topic-8694 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8727 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;

	
}
.tutor-course-topic-8727 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8730 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8c52ff , #00bf63);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8730 .tutor-accordion-item-header:hover {
background: #0A164D;


	
}
.tutor-course-topic-8712 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8712 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8c52ff , #00bf63);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8717 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8717 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8c52ff , #00bf63);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8721 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8721 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8c52ff , #00bf63);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8839 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8839 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #8c52ff , #00bf63);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8838 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8838 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8748 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8748 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8751 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8751 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8736 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8736 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff66c4 , #5170ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8739 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8739 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff66c4 , #5170ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8743 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8743 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff66c4 , #5170ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8840 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8840 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff66c4 , #5170ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8841 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8841 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff66c4 , #5170ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8770 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8770 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8773 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8773 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8757 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8757 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff914d , #8c52ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8760 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8760 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff914d , #8c52ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8765 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8765 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff914d , #8c52ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8842 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8842 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff914d , #8c52ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8843 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8843 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #ff914d , #8c52ff);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8922 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8922 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #28202b , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-8910 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8910 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #c89116 , #000000);
    border-radius: 5px;
    color: #fff;

}
.tutor-course-topic-8933 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-8933 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-9713 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-9713 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #9b0000 , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-9715 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-9715 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #a97950 , #000000);
    border-radius: 5px;
    color: #fff;
    
}
.tutor-course-topic-10071 .tutor-accordion-item-header:hover {
background: #0A164D;

}
.tutor-course-topic-10071 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #4B006E  , #000000);
    border-radius: 5px;
    color: #fff;
 
	





	





    











   
    
    
    

    
    
    
    
    
   
    
    
    
    
    
    
    
    
    

    

    
    
  
    
    
    
    
  




   
    
   
    
    
    
    
    
    
    
    


    






	






























































 
 



   











    
    
    
    




    

























    










































    


























































	



























    
    
    
    
    
    
    
    
    
/*BEGIN:Tak ingat untuk apa*/





.tutor-accordion > div:nth-of-type(0) > h4 {
    background: linear-gradient(45deg, #009BDf, #009BDf);
    border-radius: 5px;







/*Kuasai Sains: Tahun 6: Manusia &
Mikroorganisma:Portal*/
.tutor-course-topic-35 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #16ADC8, #16ADC8);
    border-radius: 5px;
    color: #fff; /* White text color */
}

.tutor-course-topic-36 .tutor-accordion-item-header {
    background: linear-gradient(45deg, #16ADC8, #16ADC8);
    border-radius: 5px;
    color: #fff; /* White text color */
}

/*Time: PKSK: Portal*/
.is-active .tutor-course-topic-item-duration {
	display: none;
}

.tutor-display-none > div:nth-of-type(1) > a:nth-of-type(1) > div:nth-of-type(2) > span {
	display: none;
}

.tutor-accordion-item-body > div:nth-of-type(2) > a:nth-of-type(1) > div:nth-of-type(2) > span {
	display: none;
}

/*Hide Elementor in Toolbar*/
#wp-admin-bar-elementor_edit_page > a:nth-of-type(1) > span {
	display: none;
	pointer-events: none;
}
#wp-admin-bar-elementor_edit_page > a::before {
	display: none;
	pointer-events: none;
}
#wp-admin-bar-elementor_edit_page > a {
	display: none;
	pointer-events: none;
}

.ab-empty-item .elementor-edit-link-title {
    display: none;
    pointer-events: none;
	
}
#wp-admin-bar-elementor_edit_page .ab-empty-item::before {
	display: none;
	pointer-events: none; /* Disable interactions like clicks */

}
#wp-admin-bar-elementor_edit_page-default {
	display: none;
	pointer-events: none;
}
#main .page-title {
    	display: none;
    	
}

/*Remove similar type in dashboard*/

[id^="tutor_qna_row_"] button[type="button"] {
    display: none;
    pointer-events: none;
}

.tutor-qna-badges .tutor-btn {
    display: none;
    pointer-events: none;
}

.tutor-qa-chatlist > div > div > div > .tutor-fs-7 {
    display: none;
    pointer-events: none;
}


/*Hide Analytics*/
.tutor-dashboard-menu-analytics .tutor-dashboard-menu-item-text {
    display: none;
    pointer-events: none;
	
}

#main .tutor-icon-chart-pie {
	display: none;
    pointer-events: none;
}

.tutor-dashboard-menu-analytics .tutor-dashboard-menu-item-link {
	display: none;
    pointer-events: none;
}

/*Hide Star on Dashboard*/
#main .tutor-ratings-stars {
    display: none;
	
}

/*Hide Course before name of the course in Tanya Cikgu*/
[id^="tutor_qna_row_"] .tutor-fw-medium:nth-of-type(1) {
    display: none;
}

/*Hide Time in Portal*/
.tutor-accordion-item-body > div > a:nth-of-type(1) > div:nth-of-type(2) > span {
    display: none;
}

/*Hide Time Single Page*/

}
span.tutor-course-content-list-item-duration.tutor-fs-7.tutor-color-muted {
    display: none;

}

/*Hide Image on Template for PKSK*/
img[src="https://portal.kelasmaya.my/wp-content/uploads/2023/08/course-15-1.jpg"] {
    display: none;
}


/*Make the continue learning invisible and change the word to mula kelas: pksk but login*/

.tutor-btn.start-continue-retake-button[data-course_id="254"] {
    font-size: 0; 
    position: relative;
}
.tutor-btn.start-continue-retake-button[data-course_id="254"]::before {
    content: 'Mula Kelas';
    font-size: 16px; 
}

/*Make the continue learning invisible and change the word to mula kelas: pksk but logout*/
a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block[href="https://portal.kelasmaya.my/register/"] {
    font-size: 0; 
    position: relative;
}

a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block[href="https://portal.kelasmaya.my/register/"]::before {
    content: 'DAFTAR';
    font-size: 16px;
}

/*Disable Available on : Single Page*/
.tutor-fs-6.tutor-color-muted {
    display: none;
    
}

/* Hide Tarikh Enrolled: Single Page  */
.tutor-enrolled-info-text {
    display: none;

}
/* Hide Icon Tarikh Enrolled: Single Page  */
.tutor-fs-5.tutor-color-success.tutor-icon-purchase-mark.tutor-mr-8 {
    display: none;
}

/* Delete footer at the box: Single Page  */
.tutor-card-footer {
    display: none;
}

/* Kelas diselesaikan in the box: Single Page */
span.etlms-course-progress-title.tutor-fs-6.tutor-fw-medium.tutor-color-black {
    font-size: 0;
    position: relative;
}

span.etlms-course-progress-title.tutor-fs-6.tutor-fw-medium.tutor-color-black::before {
    content: "Kelas diselesaikan:";
    font-size: 1rem;
  
}

/* Kelas diselesaikan in the box: Single Page */
.etlms-course-progress-percent {
    font-size: 0;
    visibility: hidden;
}


/* Kelas diselesaikan in the box: Single Page */
.etlms-course-progress-steps::after {
    content: "sesi pembelajaran telah selesai"; 

}

/* Share to Kongsi Maklumat Kelas Maya */
span.etlms-course-share-label.tutor-ml-8 {
    font-size: 0; 
    position: relative; 
}


span.etlms-course-share-label.tutor-ml-8::before {
    content: "Kongsi maklumat Kelas Maya"; 
    font-size: 1rem;
}



/* Change to IP Pelajar words in Dashboard */
a.tutor-nav-link[href="https://portal.kelasmaya.my/dashboard/settings/manage-login-sessions"] {
    font-size: 0; 
    position: relative; 
}


a.tutor-nav-link[href="https://portal.kelasmaya.my/dashboard/settings/manage-login-sessions"]::before {
    content: "IP Pelajar"; 
    font-size: 16px; 
}

/* Kongsi Maklumat Kelas Maya - Share */
div.etlms-course-share-modal-title.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-16 {
    font-size: 0;  
    position: relative;
}

div.etlms-course-share-modal-title.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-16::before {
    content: "Kongsi maklumat Kelas Maya"; 
    font-size: 1.25rem;
}

/* Kongsikan di Media Sosial - Share */
div.etlms-course-share-modal-link.tutor-color-black.tutor-fs-6.tutor-fw-medium.tutor-mb-16 {
    font-size: 0; 
    position: relative;
}

div.etlms-course-share-modal-link.tutor-color-black.tutor-fs-6.tutor-fw-medium.tutor-mb-16::before {
    content: "Kongsikan di Media Sosial:"; 
    font-size: 1rem;
}

/* Hide Page Link word - Share */
div.etlms-course-share-modal-sub-title.tutor-fs-7.tutor-color-secondary.tutor-mb-12 {
    display: none;
}

a.tutor-nav-link[href="#"][data-tutor-nav-target="tutor-course-details-tab-info"] {
    font-size: 0 !important;
    position: relative;
}

/* Course Info - Info Kelas */
a.tutor-nav-link[href="#"][data-tutor-nav-target="tutor-course-details-tab-info"]::before {
    content: "Info Kelas";
    font-size: 16px; 
}


/* Disable Register */
div.tutor-text-center.tutor-fs-6.tutor-color-secondary.tutor-mt-20 {
    display: none;
    
}

/* Change Logout to Log Keluar */
.tutor-dashboard-menu-logout .tutor-dashboard-menu-item-text {
    font-size: 0; 
    visibility: visible; 
}

.tutor-dashboard-menu-logout .tutor-dashboard-menu-item-text::before {
    content: 'Log Keluar';
    font-size: initial; 
    visibility: visible; 
}


/* Change "Sign Out" to Log Keluar - IP */
button.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-device-sign-out {
    font-size: 0; 
    visibility: visible; 
}


button.tutor-btn.tutor-btn-outline-primary.tutor-btn-md.tutor-device-sign-out::before {
    content: 'Log Keluar';
    font-size: initial; 
    visibility: visible; 
}


/* Change wording for Log Masuk Log Out from sistem*/
div.tutor-alert.tutor-mb-12.tutor-success {
    font-size: 0;
    visibility: visible; 
}



div.tutor-alert.tutor-mb-12.tutor-success::before {
    content: 'Anda boleh Log Masuk ke Portal Kelas Maya sekarang dengan mengisi Email dan Kata Laluan di bawah.';
    font-size: 14px; 
}

/* Change background for header Tanya Cikgu*/
th[style*="width: 40%;"] {
    background-color: #16ADC8 !important;
    color: #ffffff !important;
}

th[style=""] {
    background-color: #16ADC8 !important;
    color: #ffffff !important;
}

/* Remove Complete Courses in Single Page*/
button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block[name="complete_course_btn"][value="complete_course"] {
    display: none;
}

/* Remove Icon Video in Single Page*/
span.tutor-course-content-list-item-icon.tutor-icon-brand-youtube-bold.tutor-mr-12 {
    display: none;
	
}
/* Remove Icon Document in Single Page*/
span.tutor-course-content-list-item-icon.tutor-icon-document-text.tutor-mr-12 {
    display: none;
}

/* Remove ALL Icon in Portal*/
.tutor-course-topic-item-icon {
    display: none;
}

/* Change Announcement to Pengumuman in Announcement Tab*/
span.tutor-fs-7.tutor-fw-medium.tutor-color-black.element-primary {
    visibility: hidden;
    position: relative;
}

span.tutor-fs-7.tutor-fw-medium.tutor-color-black.element-primary::before {
    content: "Pengumuman";
    visibility: visible;

}
/* Move Berjaya Selesaikan for Mobile to the bottom */
@media only screen and (max-width: 767px) {
    button.tutor-topbar-mark-btn[type="submit"][name="complete_lesson_btn"] {
        position: fixed;    /* Keeps it at the bottom regardless of scroll position */
        bottom: 0;          /* Aligns to the bottom */
        left: 0;            /* Aligns to the left edge */
        right: 0;           /* Ensures the button spans across the entire width */
        width: 100%;        /* Spans across the screen */
        z-index: 1000;      /* Ensures it appears on top of other elements */
        margin: 0;          /* Removes any margin that may cause shifting */
        text-align: center; /* Centers the text within the button */
    }

}    

/* Content Drip*/
div.content-drip-message-wrap.tutor-alert {
    visibility: hidden;
    position: relative;
    background: #ffffff;
    border: 1px solid #cdcfd5;
    border-radius: 6px;
    box-sizing: border-box;
    display: grid;
    font-size: 16px;
    gap: 24px;
    margin: 120px;
    margin-bottom: 16px;
    padding: 13px 16px;
}



/* Remove image when not login PKSK*/
body img[src="https://portal.kelasmaya.my/wp-content/uploads/2023/08/course-15-1.jpg.webp"] {
    display: none !important;
}

/* Customise Wording for DRIP Content*/
div.content-drip-message-wrap.tutor-alert::before {
    content: "\ASet Simulasi PKSK: Akses mulai 29 Sept\AStrategi Menjawab: Akses mulai 6 Okt ";
    white-space: pre; /* this allows the \A to create a new line */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
#sqtab1679091c5a880faf6fb5e6087eb1b2dc6 .sq-text-dark {
	
}

/* Smaller in mobile for customise wording */
@media screen and (max-width: 768px) {
    div.content-drip-message-wrap.tutor-alert::before {
        font-size: 14px; /* Adjust the font size as needed */
    }
}