body{
	
	overflow-x:hidden;
}






.custom-code {
    position: sticky !important;
    top: 20px !important;
	z-index:12
}




.education-strong {
    position: relative !important;
}










.english-temp .eael-tabs-nav ul:before {
    content: "2012-2024";
    width: 100%;
    display: block;
    background-color: #B8826C;
    color: white;
    padding-left: 20px !important;
    font-size: 23px;
    padding-top: 20px !important;
    margin-left: -10px;
    padding-bottom: 20px;
}

.english-tem .eael-tabs-nav ul:before {
    content: "Subjects Offered";
    width: 100%;
    display: block;
    background-color: #B8826C;
    color: white;
    padding-left: 20px !important;
    font-size: 23px;
    padding-top: 20px !important;
    margin-left: -10px;
    padding-bottom: 20px;
}

.english-tem ul.eael-tab-inline-icon {
    position: sticky !important;
    top: 40px !important;
}
.english-tem .eael-tabs-content {
    position: relative !important;
}

.tabs-achive button.e-filter-item {
    min-width: 170px !important;
}

.english-temp ul.eael-tab-inline-icon {
    position: sticky !important;
    top: 40px !important;
}
.english-temp .eael-tabs-content {
    position: relative !important;
}
.heading-slide {
    position: sticky !important;
   
}

ul.eael-tab-inline-icon {
    width: 70%;
}
.learning i.fas.fa-chevron-right {
    position: absolute;
    right: 23px;
}

.english-temp .eael-tabs-nav {
    min-width: 353px !important;
}

.english-tem .eael-tabs-nav {
    min-width: 353px !important;
}
.english-tem ul.eael-tab-inline-icon {
    width: 100%;
}

.english-temp ul.eael-tab-inline-icon {
    width: 100%;
}

.subject-head.elementor-widget.elementor-widget-heading {
    width: 29.4%;
    margin-bottom: -15px !important;
}

.Banner-image.elementor-section-height-default {
    background-position: 100% 105% !important;
}
.message.elementor-widget.elementor-widget-image {
    
		overflow-y:hidden; !important
}
.features-loop img.attachment-full.size-full {
    height: 191px;
   
}

.last-banner {
    background-position: 99% 27% !important;
}

.Our-world img.swiper-slide-image{
	
width: 329px !important;
	height: 212px;
	
}
ul.eael-tab-inline-icon {
    border: 10px solid #B8826C !important;
}


@media only screen and (min-width: 1360px) and (max-width: 1440px) {
  .message.elementor-widget.elementor-widget-image {
    right: -100px !important;
		overflow-y:hidden; !important
}
	.template-new.elementor-section-height-default.elementor-section-height-default {
    padding-top: 14px !important;
}
	.english-temp h2.elementor-heading-title {
    font-size: 35px !important;
}
	.english-temp .elementor-widget-container {
    font-size: 13px !important;
}
	
	.english-temp h3.elementor-heading-title {
    margin-top:-30px !important;
    font-size: 35px !important;
    width: 86%;
}
	
	.english-temp	h4.elementor-heading-title{
		
		font-size: 35px !important;
	}
	ul.eael-tab-inline-icon {
    border: 10px solid #B8826C !important;
}
	
	.subject-head.elementor-widget.elementor-widget-heading {
    width: 40.7%;
    margin-bottom: -15px !important;
}
}


/* for custom page */

.custom-code .menu-container {
    background-color: #B8826E;
    width: 370px;
    padding: 10px;
}

.custom-code li.menu-item {
    background-color: white !important;
    color: #5E1B00;
}

.custom-code h2.menu-header {
    color: white !important;
    font-size: 20px !important;
    font-family: 'Menu';
	font-weight:700
		
}

.custom-code li.menu-item:before {
    content: url(https://mcsps.edu.hk/wp-content/uploads/2024/09/1.svg);
    position: absolute;
    right: 16px;
}


.custom-code .submenu li {
    background: white;
    margin: 2px 0;
	color:#5E1B00 !important;
	font-size:16px;
	font-family:menu;
}





/* .custom-code ul.submenu {
    position: sticky;
}
 */


.custom-code li.menu-item {
    background-color: white !important;
    color: #5E1B00;
    margin: 0px !important;
    border-bottom: 1px solid #5E1B00;
}

.custom-code .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #B8826C;
    color: white;
    padding: 6px;
    margin-left: 0px;
    max-width: 250px;
}
.custom-code .submenu li {
    background: white;
    margin: 0px 0;
    color: #5E1B00;
    font-size: 16px;
    font-family: menu;
    border-bottom: 1px solid #5E1B00;
    line-height: 15px;
}

.custom-code .submenu li:hover {
    background: #B8826C;
    margin: 0px 0;
	color:#5E1B00;
	font-size:16px;
	font-family:menu;
	 border-bottom: 1px solid #5E1B00;
}


@media only screen and (min-width: 360px) and (max-width: 600px)
{
	.english-temp .eael-tabs-nav {
    min-width: 100px !important;
}
 .tabs-achive button.e-filter-item {
    min-width: 30px !important;
}
.english-tem .eael-tabs-nav {
    min-width: 100px !important;
}
	.english-temp .eael-tabs-nav ul:before {
    content: "2012-2024";
    width: 100%;
    display: block;
    background-color: #B8826C;
    color: white;
    padding-left: 16px !important;
    font-size: 19px;
    padding-top: 20px !important;
    margin-left: -10px;
    padding-bottom: 10px;
}
	
	
	.custom-code ul {
    list-style-type: none;
    padding: 0;
    width: 100%;
}
	
	.custom-code .submenu {
    display: none;
    position: unset;
    left: 100%;
    top: 0;
    background: #B8826C;
    color: white;
    padding: 6px;
    margin-left: 0px;
    max-width: 100%;
		margin-top:10px;
}
	
	.custom-code .submenu:hover {
    display: block;
/*     position: unset;
    left: 100%;
    top: 0;
    background: #B8826C;
    color: white;
    padding: 6px;
    margin-left: 0px;
    max-width: 100%;
		margin-top:10px; */
}
	.custom-code .menu-container {
    background-color: #B8826E;
    width:100%;
    padding: 10px;
}
	.custom-code {
    position:  unset!important;
    top: 20px !important;
	z-index:12
}




.education-strong {
    position: relative !important;
}

	}