@media (max-width: 576px) {
	.container, .container-sm {
	  	/*max-width: 540px;*/
		max-width: 100%;
	}
}
@media (max-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		/*max-width: 1140px;*/
		max-width: 100%;
	}
}

.clear, .clear-5, .clear-10, .clear-15, .clear-20, .clear-30, .clear-40, .clear-50 {
	clear: both;
}
.clear-5 {
	height: 5px;
}
.clear-10 {
	height: 10px;
}
.clear-15 {
	height: 15px;
}
.clear-20 {
	height: 20px;
}
.clear-30 {
	height: 30px;
}
.clear-40 {
	height: 40px;
}
.clear-50 {
	height: 50px;
}

.preloader-inner img{
	width: 130px;
}

.header-layout2 .header-logo {
	position: relative;
	z-index: 10;
}

.header-logo img{
	max-width: 320px;
}
.pos_relative {
    position: relative;
}
@media (min-width: 1371px) {
    .pos_relative {
        position: relative;
        margin-right: 60px;
    }
}
@media (max-width: 1370px) {
    .pos_relative {
        position: relative;
        margin-right: 30px;
    }
}
.wrap-sticky {
    position: sticky;
    top: 0;
    z-index: 42;
    -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.07));
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.07));
}
.w_header_bg_green {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: -38px;
    background-color: #35c75a;
    -webkit-clip-path: polygon(0 0, 100% 0%, 90.7% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 90.7% 100%, 0% 100%);
	z-index: 5;
}
.w_header_bg_red {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    right: -48px;
    background-color: #f74a39;
    -webkit-clip-path: polygon(0 0, 100% 0%, 90.7% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 90.7% 100%, 0% 100%);
	z-index: 1;
}
.header-layout2 .header-logo::after {
	position: absolute;
	content: "";
	width: 100%;
    height: 100%;
	bottom: 0px;
	left: -40px;
	background-color: var(--theme-color);
	z-index: -1;
}

.header-layout2 .header-logo::before {
	position: absolute;
	content: "";
	width: 100%;
    height: 100%;
	bottom: 0px;
	right: -40px;
	background-color: var(--theme-color);
	-webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
	z-index: -1;
}

.wrap_site_h_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 0;
}

.wrap_site_h_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
}

.wrap_header_c{
    position: relative;
    background-color: #fff;
    z-index: 10;
}

.th-menu-toggle i{
	color: #fff;
}

.wrap_lang{
	position: relative;
	width: 100%;
	height: 22px;
}
.wrap_lang span{
	margin-right: 5px;
}
.wrap_lang .tab_lang{
	position: relative;
	display: inline-block;
	margin: 0 8px 0 0;
	width: 22px;
	height: 22px;
	border: 0px solid #f00;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.wrap_lang .tab_lang:hover{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

@media (max-width: 1199px) {
	.align-items-center_ {
		-webkit-box-align: center !important;
		-webkit-align-items: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.justify-content-between_ {
		-webkit-box-pack: justify !important;
		-webkit-justify-content: space-between !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
} 

.main-menu > ul > li {
	margin: 0px 14px;
}
.main-menu a {
	position: relative;
	display: block;
	/*font-size: 16px;*/
	font-weight: 500;
	letter-spacing: 0.02em;
	font-family: var(--body-font);
	color: var(--title-color);
}

html:lang(en) .main-menu a {
    font-size: 16px;
}
html:lang(kh) .main-menu a {
    font-size: 18px;
}

.main-menu a:hover, .main-menu a.active{
	color: var(--a-link-color) !important;
}

@media (max-width: 1370px) {
    .header-layout2 .main-menu ul li {
        margin: 0 8px;
    }
    .header-layout2 .main-menu {
        /*margin-left: 10px;*/
    }
}

@media (max-width: 1300px) {
    .header-layout2 .main-menu ul li {
        margin: 0 8px;
    }
    .header-layout2 .main-menu {
        /*margin-left: 10px;*/
    }
    .main-menu a {
        position: relative;
        display: block;
        font-size: 13px;
    }    
}
@media (max-width: 1299px) {
    .pos_relative {
        position: relative;
        margin-right: 40px;
    }
    .main-menu > ul > li {
        margin: 0px 8px !important;
    }
}
.contact-feature .box-icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	background-color: rgb(60, 60, 148, 0.1);
	color: var(--theme-color);
	font-size: 24px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }

.footer-layout1 .copyright-wrap {
	padding: 30px 0;
}
.copyright-wrap .copyright-text a {
	color: #f01a26;
}

.copyright-wrap .copyright-text a:hover {
	color: var(--white-color);
}

.copyright-wrap.bg-title .copyright-text a:hover {
	color: #f01a26;
}
#dropdownMenuLink2 img {
	height: 20px;
}

.scroll-top::after {
	color: #f01a26;
	border: 2px solid #f01a26;
}
.scroll-top .progress-circle path {
	stroke: #f01a26;
}

.recent-post .post-title {
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	margin: -0.35em 0 8px 0;
	font-family: var(--body-font);
	text-transform: capitalize;
}

.w-campus {
	position: relative;
	display: flex;
}
.w-campus .title-area {
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	margin-top: -0.6em;
}
.w-campus .contact-feature{
	display: flex;
}
.contact-feature {
	padding: 40px 30px 40px 30px;
	border: 1px solid #D3DBE2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
}

.contact-feature .box-text a {
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.02em;
	color: var(--body-color);
}

.w-blog-content .box-text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical;
}

.th-pagination li.disabled a, .th-pagination li.disabled a:hover {
	color: #999;
	background-color: #eee;
	border: 1px solid var(--th-border-color);
}
.th-pagination li.active a,.th-pagination li a:hover {
	color: var(--white-color);
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}


/* Career Page  */
.main_table th{
	color: rgb(10, 52, 117) !important;
	font-weight: 700;
	font-size: 1.1rem;
}

.main_table thead tr{
	border-bottom: 2px solid var(--theme-color);
}
.main_table .job_title{
	color: var(--title-color);
	text-decoration: none;
}
.main_table .job_title span{
	font-weight: 500;
	font-size: 1rem;
}
.main_table .job_title:hover{
	color: var(--theme-color);
}
.main_table .apply_link{
	text-decoration: none;
	font-size: 16px;
}
.main_table .apply_link:hover{
	text-decoration: underline;
}
.main_table .mobile_alias{
	display: none;
	font-size: .8rem;
	font-weight: 200;
}
.main_table th {
	padding: 15px 5px;
	border: 1px solid transparent;
}
.main_table td {
	padding: 15px 5px;
	border: 1px solid transparent;
	font-size: 16px;
}
.box_job_detail {
	border: 1px solid #ddd; padding: 40px 30px;
}
.w_career_detail {
	color: #212529;
}
.w_career_detail .job_title {
	font-size: 28px;
}
.w_career_detail .job_title span {
	font-weight: 500;
	font-size: 20px;
}
.w_career_detail span i {
	font-size: 16px;
	margin-right: 5px;
}

.career_detail h1, .career_detail h2, .career_detail h3, .career_detail h4, .career_detail h5, .career_detail h6 {
	font-size: 18px;
}	
  
.career_benifit_wrap .card-header{
	background-color: var(--theme-color) !important;
}
.career_benifit_wrap .card-header .career_benifit_title{
	display: flex;
	justify-content: space-between;
	color: #ffffff;
	padding: 10px 5px;
	cursor: pointer;
	font-weight: 700;
}
.career_benifit_wrap .card-header .career_benifit_title i{
	transition: .3s;
}
.career_benifit_wrap .card-header .career_benifit_title.collapsed i{
	transform: rotate(180deg);
	transition: .3s;
}
.show.collapse{
	overflow: hidden;
}
  
.career_benifit_wrap .card{
	border: 1px solid var(--theme-color);
}
.job_label{
	padding: 5px 10px;
	font-size: .7rem;
	border-radius: 50px;
}
  
.job_label.urgent{
	background-color: rgba(250, 162, 162, 0.5);
	color: var(--warning-bg);
}
  
.job_label.new{
	background-color: rgba(162, 194, 250, 0.5);
	color: rgb(10, 52, 117) !important;
}
.job_position_wrap{
	width: 100%;
	min-height: 300px;
	background-color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;   
}
  
.job_position_wrap h1{
	font-size: 2rem;
}
.inline-wrap{
	font-size: 1.1rem;
	font-weight: 700;
}
.inline-wrap span{
	position: relative;
	text-shadow: 0px 1px 10px #ffffff;
	color: var(--title-color);
}
.inline-wrap span:not(:last-child)::after{
	content: '|';
	display: inline-block;
	padding: 0px 10px;
}
.job_deadline{
	display: inline-block;
	margin-top: 30px;
	padding: 5px 25px;
	background-color: var(--warning-bg);
	font-size: 1.1rem;
	border-radius: 50px;
	font-weight: 700;
	color: #ffff;
 }
.job_heading{
	background-color: var(--theme-color);
	padding: 15px 30px;
	border-radius: 50px;
	color: #ffffff;
	font-size: 1.3rem;
	display: inline-block;
}
.job_detail{
	font-size: 1.1rem;
	line-height: 33px;
}
.job_detail ul li{
	line-height: 35px !important;
}
.job_detail ul li::marker{
	color: var(--theme-color);
}
.career_form_wrap{
	background-color: #e7ecf2;
}
.career_form_title{
	font-size: 1.5rem;
	font-weight: 700;
	margin: 30px 0px;
}
.upload_attatchment_area{
	border: 2px solid var(--theme-color);
	border-radius: 7px;
	min-height: 100px;
	background-color: #ffffff;
	border-style: dashed;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
}
.upload_attatchment_area:hover{
	border-color: var(--con-main-color-ho);
	transition: .3s;
}
.upload_attatchment_area i{
	font-size: 2rem;
	margin: 0px 15px;
}
.upload_attatchment_area .text_sp, .upload_attatchment_area .text_sp span{
	display: block;
}
.upload_attatchment_area .text_sp span:first-child{
	font-size: 1rem;
}
.upload_attatchment_area .text_sp span:last-child{
	font-size: .7rem;
}
#career_attatchment{
	display: none;
}
.justify-block{
	display: flex;
	align-items: center;
	justify-content: center;
}
.career_contact_title{
	font-size: 3rem;
	font-weight: 700;
	color: var(--theme-color);
}
.file-preview{
	text-align: center;
}
.file-preview p{
	margin: 0px;
}
.contact-form input, .contact-form select {
	height: 50px;
}
.inline-wrap {
	font-size: 1.1rem;
	font-weight: 700;
}
.inline-wrap{
	font-size: 1.1rem;
	font-weight: 700;
}
.inline-wrap span{
	position: relative;
	text-shadow: 0px 1px 10px #ffffff;
}
.inline-wrap span:not(:last-child)::after{
	content: '|';
	display: inline-block;
	padding: 0px 10px;
}
.job_deadline{
	display: inline-block;
	margin-top: 30px;
	padding: 5px 25px;
	background-color: #f65151;
	font-size: 1.1rem;
	border-radius: 50px;
	font-weight: 700;
	color: #ffff;
}
  
.contact_list{
	/* display: flex; */
}
.contact_box_wrap{
	float: left;
	margin-right: 15%;
	margin-bottom: 20px;
}
.contact_box_wrap .contact_box_title{
	display: flex;
	align-items: center;
}
.contact_box_wrap .contact_box_title span{
	font-size: 1.2rem;
	color: var(--theme-color);
	font-weight:600;
	margin-left: 10px;
}
.contact_box_wrap .contact_box_title img{
	width: 20px;
}
  
.contact_box_wrap .contact_text{
	font-size: 1.2rem;
	color: var(--title-color);
	font-weight: 200;
}
  
@media (max-width:950px) {
  
	.main_table .mobile_alias{
		display: block;
	}
	.main_table .cell{
		padding: 25px 10px;
	}
	.main_table th:nth-child(2),.main_table th:nth-child(3),
	.main_table td:nth-child(2),.main_table td:nth-child(3){
		display: none;
	}
  
}

.box-title {
	font-size: 22px;
	line-height: 1.417;
	font-weight: 600;
	margin-top: -0.32em;
}
.blog-card .box-title {
	margin-top: 0px;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0;
}

.campus-card .campus-img img:hover {
	opacity: .8;
}
.img-box2 img:nth-child(1) {
	width: 85%;
}
@media (max-width: 1199px) {
	.img-box2 img:nth-child(1) {
	  width: 100%;
	}
}

.footer-widget, .footer-widget p, .copyright-wrap {
	color: #fff;
}

.footer-widget a {
	color: #fff;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.footer-widget.widget_nav_menu a {
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 16px;
    padding-right: 0px;
    margin-bottom: 24px;
    font-family: var(--body-font);
    display: block;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 0;
    background-color: transparent;
    border: none;
    position: relative;
    box-shadow: none;
    color: #fff;
}

.footer-widget.widget_meta a:hover,.footer-widget.widget_pages a:hover,.footer-widget.widget_archive a:hover,.footer-widget.widget_categories a:hover,.footer-widget.widget_nav_menu a:hover {
	background-color: transparent;
	color: #e5cb08;
}


.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 4px !important;
}
.formError .formErrorContent {
    padding: 2px 10px;
    background: #ee0101;
    position: relative;
    color: #fff;
    font-size: 11px;
    top: 4px !important;
    border-radius: .28571429rem;
    box-shadow: 0 0 3px rgba(34,36,38,.45) !important;
}

.key-feature .event-card-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: none;
    z-index: 1;
}
.modal-content {
	position: relative;
	background-color: #fff !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}