/*!

=========================================================
* TMS - v1.0.0
=========================================================
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
:root {
    --primary: #777777;
    --blue: #0F2A3A;
    --pink: #F53465;
    --white: #FFF;
    --black: #000;
}
html 							{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
body			 				{ background: #fff; font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 25px; color: var(--primary); scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body::-webkit-scrollbar         { width: 5px; }
body::-webkit-scrollbar-thumb   { background-color: var(--pink); border: 0; border-radius: 0px; }
body::-webkit-scrollbar-track   { -webkit-box-shadow:0; background-color: #777; border-radius: 0px; }
::selection						{ background: var(--pink); color: var(--white); }
a								{ color: var(--primary); }
a:hover							{ color: var(--pink); }
a,button,.btn					{ text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
								transition: all 0.5s ease-in-out; }
a:active,a:focus,a:hover,button.btn:active,button.btn:focus,button.btn:hover,button:active,button:focus,button:hover
								{ outline: none; text-decoration: none; box-shadow: none; }
ul								{ margin: 0; padding: 0; }
.btn.btn-primary				{ border-color: var(--blue); background: var(--blue); color: var(--white); box-shadow: none; padding: 8px 30px; font-weight: 500; border-radius: 10px; }
.btn.btn-primary:hover			{ border-color: var(--pink); background: var(--pink); box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn.btn-primary:focus			{ box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active
								{ border-color: var(--blue); background: var(--blue); box-shadow: none; }
.btn.btn-secondary				{ border-color: var(--pink); background: var(--pink); color: var(--white); box-shadow: none; padding: 8px 30px; font-weight: 500; border-radius: 10px; }
.btn.btn-secondary:hover		{ border-color: var(--blue); background: var(--blue); box-shadow: none; }
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn.btn-secondary:focus		{ box-shadow: none; }
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active
								{ border-color: var(--pink); background: var(--pink); box-shadow: none; }
.btn.btn-pinkthird				{ border-color: var(--pink); background: var(--pink); color: var(--white); box-shadow: none; padding: 8px 30px; font-weight: 500; border-radius: 10px; }
.btn.btn-pinkthird:hover		{ color: var(--blue); border-color: var(--white); background: var(--white); box-shadow: none; }
.btn-pinkthird:not(:disabled):not(.disabled).active:focus, 
.btn-pinkthird:not(:disabled):not(.disabled):active:focus,
.btn.btn-pinkthird:focus		{ box-shadow: none; }
.btn-pinkthird:not(:disabled):not(.disabled).active,
.btn-pinkthird:not(:disabled):not(.disabled):active
								{ border-color: var(--pink); background: var(--pink); box-shadow: none; }
.card 							{ box-shadow: 0px 2px 15px rgb(22 22 22 / 8%); border-radius: 10px; border: 0px; margin-bottom: 30px; transition: all 0.5s ease-in-out; }
.card-body 						{ padding: 15px; }
.form-control 					{ color: #0F2A3A; border: 1px solid #9AA0A3; border-radius: 8px; font-size: .875rem; height: calc(1.5em + 1rem + 3px); transition: all .15s ease-in-out; }
.form-control:focus 			{ color: #8898aa; border-color: #0F2A3A; outline: 0; background-color: #fff; box-shadow: 0 3px 9px rgb(50 50 9 / 0%), 3px 4px 8px rgb(94 114 228 / 10%); }
.form-control-label 			{ font-size: 14px; font-weight: 700; color: var(--blue); }
.mh-smooth						{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
								transition: all 0.5s ease-in-out; }
								
/* Frontend */
header							{ position: relative; background: var(--white); }
.mh-topbar						{ background: var(--blue); padding: 12px 0; color: var(--white); }
.mh-topbar .d-md-block a:last-child
								{ margin-left: 30px; }
.mh-topbar a					{ color: var(--white); font-weight: 300; } 
.mh-topbar a:hover,
.mh-topbar a:active,
.mh-topbar a:focus				{ color: var(--pink); }
.mh-topbar a i					{ color: var(--white) !important; font-weight: 900; margin-right: 5px; }
.mh-topbar .mh-topDivider		{ margin: 0 10px; color: #fff; font-size: 14px; }
header .navbar					{ padding: 0; }
header .navbar-brand img		{ width: 220px; }
header .navbar-nav li 			{ padding: 35px 0; }
header .navbar-expand-lg .navbar-nav .nav-link
								{ font-size: 14px; font-weight: 600; padding: 5px 15px; color: var(--blue); }
header .navbar-expand-lg .navbar-nav li:last-child .nav-link
								{ color: #fff; margin-left: 15px; padding-top: 10px; padding-bottom: 10px; line-height: 1; font-weight: 500; } 
header.is-sticky .mh-mainNav    { top: 0; left: 0; width: 100%; z-index: 100; position: fixed; background-color: #fff; -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%); border: 0px;
								box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; 
								animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; }
header.is-sticky .navbar-nav li { padding: 15px 0; }
header.is-sticky .navbar-brand img
								{ width: 180px; }
@-webkit-keyframes fadeInDown	{ 0%	{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
								  100%	{ opacity: 1; -webkit-transform: none; transform: none }
								}
@keyframes fadeInDown			{ 0%	{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
								  100%	{ opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
								}

.mh-section						{ padding: 8% 0; }
.mh-home-banner					{ background-color: #E7F1F8; }
#hero_banner 					{ background-image: url(../img/frontend/motion_vec.png); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.mh-homeBannerTxt				{ padding: 35px 50px 35px 0; }
.mh-homeBannerTitle 			{ margin-bottom: 30px; }
.mh-homeBannerTitle h2 			{ font-size: 42px; font-weight: 600; color: var(--blue); }
.mh-homeBannerTitle h2 span		{ font-weight: 800; }
.mh-homeBannerTxt p				{ font-size: 16px; font-weight: 400; line-height: 1.7; color: #555; margin-bottom: 35px; }								
.mh-secImg img					{ width: 100%; }
.mh-about-banner				{ background: url(../img/frontend/circle_vector.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
h2.mh-sec-title					{ font-family: 'DM Serif Display', serif; font-size: 36px; color: var(--blue); margin-bottom: 35px; }
.mh-text-section p				{ line-height: 1.8; }
.mh-text-section ul 			{ padding-left: 18px; }
.mh-text-section li 			{ margin-bottom: 15px; line-height: 1.8; }
.mh-work-cycle					{ background: #F5FAFC url(../img/frontend/zgzag_vector.png); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; 
								background-position: 50% 50%;}
.mh-circle-container 			{ position: relative; width: 40em; height: 40em; border-radius: 50%; padding: 0; list-style: none; margin: 0 auto; border: 2px dashed #7CB9DD; }
.mh-circle-container > .mh-circle-element
								{ display: block; position: absolute; top: 50%; left: 50%; }
.mh-circle-container > .mh-circle-element div
								{ position: absolute; top: -44px; background: #fff; padding: 20px 15px; box-shadow: 0px 2px 15px rgb(22 22 22 / 8%); width: 260px; 
								border-radius: 4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
								-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.mh-circle-container h1 		{ font-size: 28px; font-weight: 600; text-align: center; color: var(--blue); padding: 0; position: absolute; top: 50%; left: 50%; 
								transform: translate(-50%,-50%); width: 65%; line-height: 1.5; }
.mh-circle-container h2 		{ font-size: 16px; font-weight: 600; color: #000; margin: 0; }
.mh-circle-container i 			{ background: rgba(242,242,242,0.5); width: 100%; max-width: 48px; height: 48px; border-radius: 50%; text-align: center; line-height: 48px; 
								color: var(--pink); font-size: 24px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
								-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.mh-circle-container .mh-circle-element > *:nth-of-type(1)
								{ transform: rotate(0deg) translate(20em) rotate(0deg); left: -25px; }
.mh-circle-container .mh-circle-element > *:nth-of-type(2)
								{ transform: rotate(45deg) translate(20em) rotate(-45deg); }
.mh-circle-container .mh-circle-element > *:nth-of-type(3)
								{ transform: rotate(135deg) translate(20em) rotate(-135deg); right: 0; }
.mh-circle-container .mh-circle-element > *:nth-of-type(4)
								{ transform: rotate(180deg) translate(20em) rotate(-180deg); right: -25px; }
.mh-circle-container .mh-circle-element > *:nth-of-type(5)
								{ transform: rotate(225deg) translate(20em) rotate(-225deg); right: 0; }
.mh-circle-container .mh-circle-element > *:nth-of-type(6)
								{ transform: rotate(315deg) translate(20em) rotate(-315deg); } 
.mh-circle-container .mh-circle-element .mh-left-label
								{ border-top-left-radius: 32px; }
.mh-circle-container .mh-circle-element .mh-right-label
								{ border-top-right-radius: 32px; flex-direction: row-reverse; }
.mh-circle-container .mh-circle-element .mh-right-label i
								{ margin-right: 15px; }
.mh-circle-container .mh-circle-element .mh-left-label i
								{ margin-left: 15px; }
.mh-circle-container > .mh-circle-element div:hover
								{ background: #F8F8F8; }
.mh-circle-container > .mh-circle-element div:hover i
								{ background: var(--pink); color: #fff; }
.mh-start-today 				{ background: url(../img/frontend/two_circle_vector.png); background-position: left center; background-repeat: no-repeat; background-attachment: fixed; }
.mh-start-today h6              { color: var(--blue); font-weight: 600; line-height: 25px;}
.mh-why-do 						{ position: relative; display: inline-block; width: 100%; padding:2% 0; }
.mh-why-do::before 				{ content: ""; position: absolute; top: 0px; right: 0px; height: 100%; width: 70%; background: var(--blue); background-size: cover; 
								border-radius: 20px 0 0 20px; z-index: 0; }
.mh-why-do::after 				{ content: ""; position: absolute; top: 0; right: 0; height: 112px; width: 112px; background: url(../img/frontend/ellipse_vector.png); 
								background-repeat: no-repeat; z-index: 0; }
.mh-why-do .mh-sec-title,
.mh-why-do .mh-text-section p	{ color: var(--white); }

.mh-people-say 					{ background-color: #F5FAFC;  }
.mh-mhu-services                { background: url(../img/frontend/cross-vector.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed;}
.services-box .mh-icon img      { width: 60px; margin-right: 20px; }
.services-box .mh-text h2       { font-size: 20px; font-weight: 600; color: var(--blue); }
.services-box .mh-text p        { margin-bottom:0px; }
.services-box                   { border: 1px solid #0f2a3a38; border-radius: 20px;  padding: 18px; margin-bottom: 30px; }
.mh-people-say .owl-stage		{ display: flex; }
.mh-people-say .item 			{ display: flex; flex: 1 0 auto; height: 100%; width: inherit; }							
.mh-tesstimonialSlide 			{ background: var(--white); padding: 15px; border-radius: 10px; margin: 5px 5px 5px 5px; box-shadow: 1px 1px 5px rgb(22 22 22 / 15%); }
.mh-tesstimonialImg 			{ display: flex; align-items: center; margin-bottom: 20px; position: relative; }		
.mh-tesstimonialImg:before		{ content: ''; width: 3px; height: 100%; background: var(--pink);  position: absolute; left: -15px; }	
.mh-tesstimonialSlide .mh-tesstimonialImg img
								{ width: 64px; height: 64px; margin-right: 15px; border: 1px solid var(--pink); padding: 3px; }			
.mh-tesstimonialImg	h2			{ font-size: 16px; font-weight: 600; color: var(--blue); margin: 0;}
.mh-tesstimonialImg	p			{ font-size: 13px; margin: 0; }
.mh-tesstimonialContent p:last-child
								{ margin: 0; }
								
.mh-come-from 					{ position: relative; display: inline-block; width: 100%; padding:2% 0; }
.mh-come-from::before 			{ content: ""; position: absolute; top: 0px; height: 100%; width: 70%; background: var(--blue); background-size: cover; z-index: 0; }
.mh-come-from::after 			{ content: ""; position: absolute; height: 112px; width: 112px; background-repeat: no-repeat; z-index: 0; }
.mh-come-from .mh-sec-title,
.mh-come-from .mh-text-section p
								{ color: var(--white); }
.mh-come-from::before 			{ border-radius: 0px 20px 20px 0px; }							
.mh-come-from::after 			{ background: url(../img/frontend/ellipse_vector.png); bottom:0; transform: scale(-1, -1); }

.mh-client-logo 				{ background: url(../img/frontend/half-circle.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.mh-client-img 					{ background: var(--white); padding: 20px; border-radius: 10px; margin: 5px; box-shadow: 1px 1px 5px rgb(22 22 22 / 15%); }
							
/* Page Header */						
.mh-page-title					{ background: #F5FAFC; padding: 40px 0; }
.mh-page-title-inner			{ text-align: center; }
.mh-page-title-inner h2			{ color: var(--blue); font-weight: 600; }
ol.mh-breadcrumb	 			{ background: transparent; justify-content: center; padding: 0; margin: 0; }
ol.mh-breadcrumb .breadcrumb-item.active
								{ color: var(--blue); }
.mh-about-page 					{ background: #F5FAFC url(../img/frontend/two_circle_vector.png); background-repeat: no-repeat;	background-attachment: fixed; background-position: left center; }
.mh-our-mivi					{ background: url(../img/frontend/cross-vector.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; 
								padding-top: 5%; padding-bottom: 8%; }
.mh-our-mivi h2.mh-sec-title	{ margin-bottom: 15px; }

.mh-body-overlay				{ opacity: 0; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; } 
body.active-overlay				{ overflow: hidden; }
body.active-overlay .mh-body-overlay
								{ z-index: 100; opacity: 0.6; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: fixed; background: #000; }
.mh-filter-card					{ margin-bottom: 30px; }
.mh-filter-card	h2				{ font-size: 16px; font-weight: 600; color: var(--black); margin-bottom: 15px; }
.mh-textIconField				{ position: relative; }
.mh-textIconField i				{ position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
.mh-textIconField .form-control	{ padding-right: 25px; }
ul.mh-fliter-list				{ list-style: none; }
ul.mh-fliter-list li			{ display: flex; align-items: start; margin: 10px 0; }
ul.mh-fliter-list li:first-child{ margin-top: 0px; }
ul.mh-fliter-list li:last-child	{ margin-bottom: 0px; }
ul.mh-fliter-list li input[type="checkbox"]
								{ position: relative; cursor: pointer; margin-right: 12px; font-weight: 100; }
ul.mh-fliter-list li input[type="checkbox"]:before
								{ content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; border: 1px solid var(--primary); border-radius: 2px; 
								background-color: white; }
ul.mh-fliter-list li input[type="checkbox"]:checked:before
								{ border: 1px solid var(--pink); background: var(--pink); }
ul.mh-fliter-list li input[type="checkbox"]:checked + label
								{ font-weight: 500; } 
ul.mh-fliter-list li input[type="checkbox"]:checked:after
								{ content: ""; display: block; width: 6px; height: 9px; border: 1px solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); 
								-ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; left: 9px; margin-top: -3px; margin-left: -4px; }
ul.mh-fliter-list li label		{ display: inline-block; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; font-size: 13px; color: var(--blue); font-weight: 500;
								position: relative; top: -1px; }
.mh-price-range-field			{ position: relative; width: 100%; height: 5px; margin-top: 6px; box-sizing: border-box; }
.mh-price-range-field input[type=range]
								{ position: absolute; width: 100%; height: 2px; border: 0; outline: 0; box-sizing: border-box; border-radius: 5px; pointer-events: none; 
								-webkit-appearance: none; }
.mh-price-range-field input[type=range]::-webkit-slider-thumb
								{ -webkit-appearance: none; }
.mh-price-range-field input[type=range]:active,
.mh-price-range-field input[type=range]:focus
								{ outline: 0; }
.mh-price-range-field input[type=range]::-ms-track
								{ width: 100%; height: 2px;  border: 0; outline: 0; box-sizing: border-box;  border-radius: 5px; pointer-events: none; background: var(--blue);
								border-color: transparent; color: transparent; border-radius: 5px; }
.mh-price-range-field input[type=range]::-webkit-slider-thumb
								{ position: relative; -webkit-appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -4px;
								background-color: var(--pink); cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; }
.mh-price-range-field input[type=range]::-moz-range-thumb
								{ position: relative; appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -5px; 
								background-color: var(--pink);; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; }
.mh-price-range-field input[type=range]::-ms-thumb
								{ position: relative; appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -5px; 
								background-color: var(--pink);; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; }
.mh-price-range-field input[type=range]::-webkit-slider-runnable-track
								{ width: 100%; height: 2px; cursor: pointer; background: var(--blue); border-radius: 5px; }
.mh-price-range-field input[type=range]::-moz-range-track
								{ width: 100%; height: 2px; cursor: pointer; background: var(--blue); border-radius: 5px; }
.mh-price-range-field input[type=range]::-ms-track
								{ width: 100%; height: 2px; cursor: pointer; background: var(--blue); border-radius: 5px; }
.mh-price-range-field input[type=range]:hover::-webkit-slider-thumb
								{ box-shadow: 0 0 0 0.5px var(--pink); transition-duration: 0.3s; }
.mh-price-range-field input[type=range]:active::-webkit-slider-thumb
								{ box-shadow: 0 0 0 0.5px var(--pink); transition-duration: 0.3s; }
.mh-price-wrap					{ display: flex; justify-content: end; align-items: center; margin-top: 10px; }
.mh-price-wrap div				{ margin: 0 5px; font-weight: 600; font-size: 14px; line-height: 1; color: var(--blue); }
.mh-price-wrap div:last-child	{ margin-right: 0px }
.mh-price-range-btn				{ margin-top: 5px; }
.mh-price-range-btn .btn		{ border-radius: 20px; padding: 2px 15px; font-weight: 400; font-size: 13px; letter-spacing: 0.5px; }
.mh-sorting-card h2				{ font-size: 16px; color: #000; font-weight: 600; margin: 0; }
.mh-shift-card					{ background: #fff; }
.mh-shift-card:hover			{ background: #F5FAFC; box-shadow: none; }
.mh-shift-card img.rounded-circle
								{ width: 100px; height: 100px; border: 2px solid var(--pink); padding: 3px; background: #fff; object-fit: cover; }
.mh-shift-card .mh-shift-content{ width: 100%; margin-left: 20px; }
.mh-shift-card .mh-org-title h2	{ font-size: 16px; font-weight: 600; color: var(--blue); margin: 0; }
.mh-shift-card .mh-org-title h2	span.mh-shift-duration
								{ margin-left: 10px; position: relative; top: -2px; }
.mh-shift-card .mh-org-title p	{ font-size: 13px; font-weight: 500; margin: 0; }
.mh-shift-card .mh-shift-time 	{ text-align: right; }
.mh-shift-card .mh-shift-time h2{ font-size: 14px; font-weight: 500; color: var(--blue); margin-bottom: 5px; }
.mh-shift-card .mh-shift-time p	{ font-size: 13px; font-weight: 500; margin: 0; position: relative; }
.mh-shift-card .mh-shift-time p .mh-shift-type
								{ font-weight: 600; margin-left: 10px; }
.mh-shift-card .mh-shift-time p .mh-shift-type:before
								{ content: ''; width: 5px; height: 5px; background: var(--primary); display: inline-block; border-radius: 50%; margin-right: 10px; position: relative;
								top: -2px; }
.mh-shift-card .mh-shift-title h2
								{ font-size: 14px; font-weight: 600; color: var(--blue); margin-bottom: 5px; }
.mh-shift-card .mh-shift-title p{ font-size: 13px; font-weight: 500; margin: 0; }
.mh-shift-card .mh-shift-title p i
								{ color: var(--blue); width: 16px; }
.mh-shift-card .mh-shift-price	{ font-size: 20px; font-weight: 700; color: var(--pink); }
span.mh-shift-duration			{ width: 80px; text-align: center; font-size: 12px; line-height: 1.2; font-weight: 500; background: #ddd; color: #000; padding: 4px 10px; border-radius: 4px;
								display: inline-block; }
span.mh-shift-duration.fulltime	{ background: #FFF6F8; color: var(--pink); }
span.mh-shift-duration.parttime	{ background: #F5FAFC; color: #0F2A3A; }
span.mh-shift-duration.perdiem	{ background: #FFF6DC; color: #F79009; }
span.mh-shift-duration.contract { background: #ECFDF3; color: #039855; }
nav.mh-pagination				{ margin-top: 50px; }
nav.mh-pagination li.page-item	{ margin: 0 5px; }
nav.mh-pagination a.page-link	{ font-size: 18px; border: 0px; background: transparent; width: 42px; height: 42px; line-height: 42px; padding: 0; text-align: center; 
								border-radius: 50%; font-weight: 600; color: var(--blue); box-shadow: none; }
nav.mh-pagination a.page-link:hover
								{ background: var(--pink); color: #fff; }
nav.mh-pagination li.page-item.active a.page-link
								{ background: var(--blue); color: #fff; }
nav.mh-pagination li.page-item.disabled a.page-link
								{ background: transparent; color: var(--primary); }
nav.mh-pagination li.page-item:first-child a,
nav.mh-pagination li.page-item:last-child a
								{ border-radius: 50%; }
nav.mh-pagination li.page-item:first-child
								{ margin-left: 0px; }
nav.mh-pagination li.page-item:last-child
								{ margin-right: 0px; }
.mh-iconBlock .mh-icon img      { width: 60px; }
#candidate_heroBanner           { background-image: linear-gradient(#0f2a3aed, #0f2a3aed), url(../img/frontend/about_heroBanner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 65vh; display: flex; align-items: center;}
.mh-candidateBannerTitle h1     { font-size: 20px; font-weight: 700; color: var(--pink); margin-bottom: 25px; text-transform: uppercase; line-height: 30px;}
h2.hero-title                   { text-transform: uppercase; font-size: 28px; color: var(--white); font-weight: 700; margin-bottom: 36px; line-height: 38px; }
.mh-candidateBannerTxt h5       { font-size: 18px; text-transform: uppercase; color: var(--white); line-height: 25px; font-weight: 700; margin-bottom: 15px; }
.mh-candidateBannerTxt p        { font-size: 20px; margin-bottom: 16px; line-height: 28px; color:var(--white); margin-bottom: 26px; }
.mh-iconBlock h2 				{ font-size: 20px; font-weight: 600; color: var(--blue); margin-bottom: 18px; }
.mh-iconBlock 					{   margin-bottom: 30px; }
.mh-why-join .col-md-4:not(:last-child) .mh-iconBlock
                                {padding-right: 20px;}
.mh-iconBlock .mh-icon          { margin-bottom: 20px; }
.mh-why-join-box .col-md-4:not(:last-child) .mh-iconBlock
								{ border-right: 1px solid #dee2e6; }
#facilities_heroBanner          { background-image: linear-gradient(#0f2a3aed, #0f2a3aed), url(../img/frontend/facilities_heroBanner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 65vh; display: flex;     align-items: center;}								
.mh-about-action-btn 			{ text-align: end; }
.mh-about-action-btn  .btn.btn-secondary:hover        
                                { border-color: var(--white); background: var(--white); color:var(--pink); }
.mh-about-action 				{ padding: 30px;  border-radius: 20px; background: var(--blue); }
.mh-about-action h4 			{ font-size: 22px; color: var(--white); line-height: 36px; font-weight: 700; }
.mh-our-principles              { background:var(--blue); }
.mh-our-principles .mh-sec-title    
							    { color:var(--white); }
.mh-our-principles-block .mh-text h2 
                                { font-size: 20px; font-weight: 600; color: var(--white); margin-bottom: 18px; }
.mh-our-principles-block .mh-text p 
                                { color: var(--white); margin-bottom: 0; }
.mh-our-principles-block .mh-icon img
                                { width:60px; margin-right:20px; }
.mh-our-principles-block        { border: 1px solid var(--white); border-radius: 20px; padding: 30px; margin-bottom:30px; }
.mh-our-identity                { background: url(../img/frontend/half-circle.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.mh-our-mivi                    { background:#F5FAFC;  }
.mh-benefit						{ background:#F5FAFC; }
.mh-benefit ul li 				{ line-height: 30px; }
.mh-benefit ul  				{ padding-left:18px; }
h2.mh-sec-title.mh-benefit-title			{ font-size:30px;}
.mh-tab .nav-tabs				{ display: flex; justify-content: space-between; margin-top: 30px; }
.mh-tab .nav-tabs .nav-link 	{ background: #E7F1F8; border-radius: 5px 20px 0 0; padding: 12px 12px; color: var(--blue); }
.mh-tab .nav-tabs .nav-link.active 
								{ color: var(--white); background-color: var(--blue); border-color: #dee2e6 #dee2e6 #fff; }
.mh-tab .nav-tabs .nav-link:hover	
								{ color: var(--white); background-color: var(--blue); }
								
								
.progressbar 					{ counter-reset: step; display: flex; margin-top: 40px;}
.progressbar li 				{ position: relative; list-style: none; display: inline-block; width: 100%; padding: 10px;}
.progressbar li:before 			{ content: counter(step); counter-increment: step; width: 35px; height: 35px;display: block;
									text-align: center; border-radius: 50%; color: var(--white); border: 1px solid; line-height: 35px; margin-bottom: 15px; }
.progressbar li:after 			{ content: ""; position: absolute; width: 85%; height: 2px; background: #E7F1F8 ;
									top: 25px;  left: -80%; z-index: 0; }
.progressbar li:first-child:after 
                                { content: none; }
ul.progressbar i                { font-size: 35px !important; color:var(--pink); margin-bottom: 22px; }
ul.progressbar li h4	        { font-size:18px; color:var(--white); font-weight:700; line-height: 26px; margin-bottom: 20px; }
ul.progressbar p                { color:var(--white); }
.mh-how-it-works                { background:var(--blue); }
.mh-how-it-works h2.mh-sec-title, .mh-how-it-works p 
                                { color: var(--white); margin-bottom:10px; }
.mh-faq ul                      { padding-left: 20px; }
.mh-faq-row 					{ border: 1px solid #dce0e8; border-radius: 10px; margin-bottom: 15px; -webkit-transition: all 0.5s ease-in-out; 
								-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.mh-faq-row h2 					{ color: var(--blue); font-size: 16px; line-height: 25px; font-weight: 600; padding: 15px 50px 15px 15px; margin-bottom: 0; position: relative; display: flex; 
								align-items: center; cursor: pointer; }
.mh-faq-row:hover				{ background: #F5FAFC; }
.mh-faq-row h2::after 			{ content: "\f067"; font-family: "Font Awesome 5 Pro"; font-size: 20px; font-weight: 300; position: absolute; right: 15px; 
								-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
								-ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: var(--blue); }
.mh-faq-row h2.active::after 	{ content: "\f068"; color: var(--pink); }
.mh-faq-row h2.active 			{ color: var(--pink); }
.mh-faq-ans-row 				{ max-height: 0; overflow: hidden; transition: 0.3s; }
.mh-faq-answer 					{ padding: 0 15px 15px; line-height: 1.5rem; }
.mh-for-candidate				{ background: url(../img/frontend/bg-for-candidate.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; 
								padding-bottom: 2%; }	
.mh-for-candidate .mh-secImg 	{ margin-top: -60px; }


.mh-who-we-are					{ background: #F5FAFC url(../img/frontend/bg-service-vector.svg); background-repeat: no-repeat; background-attachment: fixed;  background-position: left center; }
.mh-who-we-are h6               { color: var(--blue); font-weight: 600; line-height: 26px; }
.mh-who-we-provide h6           { font-size: 20px; font-weight: 600; color: var(--blue); margin-bottom: 10px; }
.mh-who-we-icon img             { width: 45px; margin-right: 16px; }
.mh-who-we-provide              { background:#F5FAFC; }
.mh-benefits                    { background:var(--blue); }
ul.mh-benefits-list li          { font-size: 20px; line-height: 45px; color: var(--white); font-weight: 300; }
.mh-benefits .mh-sec-title      { color:var(--white);}
.mh-service-block				{ margin: 15px 0; text-align: center; }
.mh-service-block .mh-service-img
								{ margin-bottom: 30px; text-align: center; }
.mh-service-block .mh-service-img img 
                                { width: 100px; }
.mh-process-icon img            { width: 50px; }
.mh-service-block h2			{ font-size: 20px; color: var(--blue); font-weight: 600; margin-bottom: 15px; -webkit-transition: all 0.5s ease-in-out; 
								-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  }
.mh-service-block:hover h2		{ color: var(--pink); }
.mh-service-block p				{ line-height: 1.8; margin-bottom: 30px; }
.mh-easy-proc					{ background: url(../img/frontend/cross-vector.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.mh-process-icon				{ text-align: center; } 
.mh-process-icon .mh-icon 		{ font-size: 48px; color: var(--pink); background: #fff; width: 100px; height: 100px; line-height: 100px; margin: 30px auto; border-radius: 50%;
								box-shadow: 1px 1px 5px rgb(22 22 22 / 15%); transition: all 0.5s ease-in-out; }
.mh-process-icon .mh-text h2	{ font-size: 20px; color: var(--blue); font-weight: 600; margin-bottom: 15px; }
.mh-process-icon .mh-text p 	{ line-height: 1.8; }
.mh-progress-icon-cnt			{ position: relative; }
.mh-process-line				{ background: url(../img/frontend/line-vector.png); background-repeat: no-repeat; width: 800px; height: 85px; position: absolute; left: 50%; 
								transform: translateX(-50%); top: 50px; }
.mh-progress-icon-cnt .col-md-4:nth-child(2) .mh-process-icon
								{ margin-top: 65px; }

.mh-contact						{ background: url(../img/frontend/circle_vector.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.mh-contact-icon				{ display: flex; margin: 20px 0; }
.mh-contact-icon i				{ font-size: 18px; color: var(--pink); width: 30px; }
.mh-contact-icon .mh-contact-text h2
								{ font-size: 16px; font-weight: 600; color: var(--blue); margin-bottom: 3px; }
.mh-contact-icon .mh-contact-text p,
.mh-contact-icon .mh-contact-text a
								{ margin: 0; font-weight: 500; }
.mh-contact .form-group			{ margin-bottom: 2rem; }
.mh-contact-map					{ padding-top: 8%; }
.mh-contact-map	iframe			{ border-radius: 10px; background: var(--pink); box-shadow: 0px 2px 15px rgb(22 22 22 / 8%); }
.mh-privacy-page h2             { font-size: 22px; font-weight: 700; color: var(--blue); margin-bottom: 15px; }
.mh-privacy-page strong         { font-size: 16px; font-weight: 600; color: var(--blue); margin-bottom: 15px; }
.mh-privacy-page ul             { padding: 8px 18px; }
.mh-privacy-page table td       { padding: 10px; }
.mh-privacy-page a              { color:var(--pink) !important; }
.mh-privacy-page p              { text-align: justify; }
.mh-privacy-page a:hover        { color:var(--blue) !important; }
.mh-privacy-page [data-custom-class='link'], .mh-privacy-page [data-custom-class='link'] *
                                { color:var(--pink) !important; }
.mh-privacy-page [data-custom-class='link']:hover, .mh-privacy-page [data-custom-class='link']:hover *
                                { color:var(--blue) !important; }
.mh-privacy-page [data-custom-class='body_text'], .mh-privacy-page [data-custom-class='body_text'] * 
                                { font-family: 'Noto Sans', sans-serif !important; font-size: 16px !important; line-height: 25px !important; color: var(--primary) !important; text-align: justify !important; }
.mh-mhu-banner                  { background-color: #E7F1F8; }
.mh-mhu-about                   { background: url(../img/frontend/img-circle-right.png); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.mh-mhu-categories              { background-color: #F5FAFC;}
.category-box                   { width: 100%; text-align: center; padding: 20px 10px; border-radius: 10px; font-size: 18px; font-weight: 500; margin-bottom: 30px; }
.mh-mhu-categories .box-blue    { background:#E7F1F8; color:var(--blue); }
.mh-mhu-categories .box-pink    { background:#FEE6EC; color:var(--pink); }
.mh-mhu-categories .box-green   { background:#ECFDF3; color:#039855; }
.mh-mhu-categories .box-red     { background:#FEE4E2; color:#F04438; }
.mh-mhu-categories .box-yellow  { background:#FFF6DC; color:#FDB022; }
.mh-mhu-categories .box-gray    { background:#F2F2F2; color:#5D5D5D }
.benefits-box .mh-icon          {  max-width: 58px; width: 100%; height: 58px; line-height: 55px; border-radius: 50%; color: #fff; text-align: center; font-size: 28px; margin-right: 15px; position: relative; top: 0px; }
.benefits-box .mh-text h2       { font-size: 20px; font-weight: 600; color: var(--blue); }
.benefits-box                   { margin-bottom: 30px; }
.benefits-box .icon-blue        { background: #E7F1F8; border:1px solid #0F2A3A; color:#0F2A3A; }
.benefits-box .icon-pink        { background: #FEE6EC; border:1px solid var(--pink);  color:var(--pink);}
.benefits-box .icon-green       { background: #ECFDF3; border:1px solid #039855; color:#039855;}
.benefits-box .icon-red         { background: #FEE4E2; border:1px solid #F04438; color:#F04438; }
.mh-mhu-courses                 { background: url(../img/frontend/img-arrow-left.png); background-position: left center; background-repeat: no-repeat; background-attachment: fixed; }
.mhu-course-imgbox figure       { margin: 0; position: relative; overflow: hidden; border-bottom-left-radius: 50px; border-top-right-radius: 50px; }
.mhu-course-imgbox figure img   { width: 100%; height: 285px; object-fit: cover; transform: scale(1.0); transition: transform 1.25s cubic-bezier(.165,.84,.44,1),-webkit-transform 1.25s cubic-bezier(.165,.84,.44,1); }
.mhu-course-price               { background: #12B76A; width: 85px; font-weight: 600; color: var(--white); line-height: 25px; padding: 3px 5px;  text-align: center; position: absolute; border-radius: 5px; top: 10px; left: 30px; }
.mhu-category h4                { color: var(--blue); font-weight: 700; font-size: 14px; line-height: 20px; }
.mhu-category i                 { color: var(--pink); margin-right: 8px; line-height: 20px; }
h2.mhu-title                    { font-size: 20px; font-weight: 700; color: var(--blue); margin-top: 10px; margin-bottom: 20px; }
.mhu-course-info-bottom              { font-size:14px; }
.mhu-course-info-bottom i       { color:var(--pink); margin-right: 5px; }
a.btn.btn-secondary.mhu-btn     { padding: 3px 20px; font-size: 12px; }
.mhu-course-box                 { background: var(--white); border-bottom-left-radius: 50px; border-top-right-radius: 50px; box-shadow: 1px 1px 15px #00000017; margin-bottom: 30px; }
.mhu-course-info                { padding: 20px; }
.mhu-course-info-bottom         { padding-top: 15px; border-top: 1px solid #E1E1E1; }
section.mhu-coming-soon h2      { font-size: 40px; font-weight: 800; color: var(--blue); }
.mhu-coming-soon .mh-secImg img { width: 300px; }
.mhu-enroll-bg                  { background: var(--blue); border-radius: 20px;}             
.mhu-enroll                     { padding: 45px 20px;   }
.mhu-enroll h3                  { color:var(--white); font-size:30px; line-height: 40px; font-weight:700; margin-bottom: 20px;} 
.mhu-enroll p                   { color:var(--white); font-style:italic; margin-bottom: 20px;} 
.mhu-enroll .btn.btn-secondary:hover        
                                { border-color: var(--white); background: var(--white); color:var(--pink); }
.mh-mhu-faq                     { background-color: #F5FAFC;}
.mh-mhu-contact .mh-contact-icon{ margin: 15px 0; }
.mhu-contact-detail             { background: var(--pink); padding: 15px; border-radius:10px; }
.mh-mhu-contact .mhu-contact-detail i,
.mhu-contact-detail h2.mh-sec-title,
.mh-mhu-contact .mh-contact-icon .mh-contact-text h2,
.mh-mhu-contact .mh-contact-icon .mh-contact-text p, 
.mh-mhu-contact .mh-contact-icon .mh-contact-text a
                                { color: var(--white); }
.mh-mhu-contact .mh-contact-icon .mh-contact-text p, 
.mh-mhu-contact .mh-contact-icon .mh-contact-text a
                                { font-weight: 300; }
.mh-mhu-contact .card           { margin-bottom:0px; }

.mh-course .mh-faq-answer h3    { font-size:16px; font-weight:600; color:var(--pink); margin-top: 15px; }    
.mh-course .mh-faq-answer h4    { font-size:16px; font-weight:600; color:var(--blue); }
.mh-faq-paragraph p             { margin-bottom: 5px; }
.mh-faq-paragraph               { margin-bottom: 20px; }




.mh-footer-top					{ background: #F2F2F2; padding: 60px 0; }
.mh-footer-top h2				{ font-family: 'DM Serif Display', serif; font-size: 36px; color: var(--blue);}
.mh-footer-top p				{ margin: 0; line-height: 2; font-weight: 400; }
.mh-footer-top .mh-footer-action{ text-align: right; }
.mh-footer-bottom				{ background: var(--blue); color: var(--white); padding-top: 120px; }
.mh-footer-bottom .mh-footer-logo img
								{ width: 220px; }
.mh-footer-bottom h2.mh-footer-title
								{ font-size: 16px; font-weight: 600; margin-bottom: 50px; }
.mh-footer-bottom p				{ font-size: 13px; margin: 0; }
.mh-footer-bottom ul.mh-social-menu
								{ display: flex; align-items: center; list-style: none; }
.mh-footer-bottom ul.mh-social-menu li
								{  margin-right: 8px; }
.mh-footer-bottom ul.mh-social-menu li a
								{ width: 28px; height: 28px; background: var(--white); color: var(--blue); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.mh-footer-bottom ul.mh-social-menu li a:hover
								{ background: var(--pink); color: #fff; }
.mh-footer-bottom .mh-app-btn 	{ display: flex; flex-direction: column; align-items: end; }
.mh-footer-bottom .mh-app-btn a	{ background: #fff;  color: var(--blue); padding: 12px 16px; border-radius: 10px; font-size: 16px; font-weight: 600; width: 175px; display: flex; 
								align-items: center; margin-bottom: 15px; border: 2px solid #fff; }
.mh-footer-bottom .mh-app-btn a i.fa-apple
								{ font-size: 24px; }
.mh-footer-bottom .mh-app-btn a i
								{ width: 30px; margin-right: 5px; font-size: 20px; }
.mh-footer-bottom .mh-app-btn a:hover
								{ background: var(--blue); color: #fff; }
.mh-footer-bottom ul.mh-footer-nav
								{ margin-top: 60px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; list-style: none; }
.mh-footer-bottom ul.mh-footer-nav li a
								{ font-size: 13px; color: #fff; }
.mh-footer-bottom ul.mh-footer-nav li a:hover
								{ color: var(--pink); }
.mh-footer-copyright			{ border-top: 1px solid rgba(255,255,255,0.1); margin-top: 10px; padding: 20px 0; color: rgba(255,255,255,0.8); } 
.mh-footer-copyright a			{ font-size: 13px; color: rgba(255,255,255,0.8); margin-left: 30px; }
.mh-footer-copyright a:hover	{ color: #fff; }

@media (max-width: 1200px)		{
	header .navbar-expand-lg .navbar-nav .nav-link
								{ padding: 5px 10px; }
	header .navbar-expand-lg .navbar-nav li:last-child .nav-link
								{ margin-left: 10px; }
}
@media (max-width: 1024px)		{
	.mh-homeBannerTxt			{ padding-right: 0; }
	.mh-homeBannerTitle h2		{ font-size: 32px; }
	h2.mh-sec-title				{ font-size: 32px; }
	.mh-circle-container		{ width: 32em; height: 32em; }
	.mh-circle-container h1 	{ font-size: 20px; }
	.mh-circle-container > .mh-circle-element div
								{ top: -35px; padding: 10px; width: 200px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(1)
								{ transform: rotate(0deg) translate(15em) rotate(0deg); }
	.mh-circle-container .mh-circle-element > *:nth-of-type(2)
								{ transform: rotate(45deg) translate(15em) rotate(-45deg); }
	.mh-circle-container .mh-circle-element > *:nth-of-type(3)
								{ transform: rotate(135deg) translate(15em) rotate(-135deg); }
	.mh-circle-container .mh-circle-element > *:nth-of-type(4)
								{ transform: rotate(180deg) translate(15em) rotate(-180deg); }
	.mh-circle-container .mh-circle-element > *:nth-of-type(5)
								{ transform: rotate(225deg) translate(15em) rotate(-225deg); }
	.mh-circle-container .mh-circle-element > *:nth-of-type(6)
								{ transform: rotate(315deg) translate(15em) rotate(-315deg); }
	.mh-circle-container h2		{ font-size: 14px; }
	.mh-circle-container .mh-circle-element .mh-left-label i 
								{ margin-left: 10px; }
	.mh-circle-container .mh-circle-element .mh-right-label i
								{ margin-right: 10px; }
	.mh-shift-card .mh-org-title h2 span.mh-shift-duration
								{ margin: 5px 0; display: block; }
    .mh-footer-top h2			{ font-size: 32px; }
                                }

@media (max-width: 991px)		{
	body						{ font-size: 13px; }
	.btn						{ font-size: 14px; }
	header .navbar 				{ padding: 15px 0; }
	header.is-sticky .navbar 	{ padding: 5px 0; }
	header.is-sticky .navbar-brand
								{ padding-top: 0px; }
	header .navbar-brand img	{ width: 180px; }
	header.is-sticky .navbar-brand img
								{ width: 150px; }
	.navbar-expand-lg>.container{ padding-left: 15px; padding-right: 15px; }
	header .navbar ul.navbar-nav{ border-top: 1px solid rgba(0,0,0,0.04); }
	.mh-navBrand				{ display: flex; justify-content: space-between; width: 100%; }
	.navbar-toggler 			{ padding: 0; border:0; }
	.navbar-toggler:focus 		{ outline: none; -webkit-box-shadow: none; box-shadow: none }
	.navbar-toggler .toggler-icon
								{ width: 30px; height: 2px; background-color: var(--blue); display: block; margin: 8px 0; position: relative; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }
	.navbar-toggler .toggler-icon:nth-of-type(2)
								{ width: 24px; background-color: var(--pink); }
	.navbar-toggler .toggler-icon:nth-of-type(3)
								{ width: 34px; }
	.navbar-toggler.active .toggler-icon:nth-of-type(1)
								{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 12px }
	.navbar-toggler.active .toggler-icon:nth-of-type(2)
								{ opacity: 0 }
	.navbar-toggler.active .toggler-icon:nth-of-type(3)
								{ width: 30px; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: -8px }
	header .navbar .navbar-collapse
								{ background: var(--white); position: absolute; top: 100%; left: 0; right: 0; z-index: 10; }
	header .navbar-expand-lg .navbar-nav li
								{ padding: 0; border-bottom: 1px solid rgba(0,0,0,0.04); }
	header .navbar-expand-lg .navbar-nav .nav-link
								{ padding: 10px 15px; }
	header .navbar-expand-lg .navbar-nav li:last-child .nav-link
								{ background: transparent; color: var(--pink); font-weight: 600; border: 0px; padding: 10px 0px; text-align: left; line-height: inherit; margin-left: 15px; }
	.mh-homeBannerTitle h2 		{ font-size: 24px; }
	.mh-homeBannerTxt p			{ font-size: 14px; }
	h2.mh-sec-title				{ font-size: 24px; margin-bottom: 20px; }
	.mh-section 				{ padding: 10% 0; }
	.mh-page-title-inner h2		{ font-size: 28px; }
	
	.mh-filter-collapse			{ text-align: right; }
	.mh-sideFilter				{ position: fixed; transform: translateX(-100%); transition: transform .5s ease; top: 0; left: 0; width: 290px; height: 100vh; overflow-y: auto; 
								z-index: 999; background: #F5FAFC; padding: 10px 10px 0 10px; -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
								box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); }
	.mh-sideFilter::-webkit-scrollbar
								{ width: 2px; }
	.mh-sideFilter::-webkit-scrollbar-thumb
								{ background-color: var(--pink); border: 0; border-radius: 6px; }
	.mh-sideFilter::-webkit-scrollbar-track
								{ -webkit-box-shadow:0; background-color: transparent; border-radius: 10px; }
	.mh-sideFilter.active		{ transform: translateX(0%); }
	.mh-iconBlock 				{ flex-direction: column; }
	.mh-iconBlock .mh-icon 		{ margin-bottom: 15px; }
	.mh-process-line 			{ background-size: contain; width: 465px; height: 59px; top: 65px; }
	.mh-contact-icon 			{ flex-direction: column; }
	.mh-contact-icon i 			{ margin-bottom: 10px; }
	.benefits-box .mh-text h2   { font-size: 16px; }
	.mh-footer-top h2 			{ font-size: 24px; margin-bottom: 10px; }
	.mh-footer-top p 			{ line-height: 1.5; }
	
	.mh-footer-bottom			{ padding-top: 60px; }
	.mh-footer-logo				{ margin-bottom: 50px; }
	.mh-footer-bottom h2.mh-footer-title
								{ margin-bottom: 20px; }
    .mhu-enroll h3              { font-size: 25px; }								
}

@media (max-width: 767px)		{
	.mh-secImg					{ margin: 30px 0; text-align: center; }
	.mh-work-cycle 				{ padding-top: 200px; padding-bottom: 100px; }
	.mh-circle-container h1 	{ top: -35%; left: inherit; transform: none; width: 100%; }
	.mh-circle-container i		{ max-width: 36px; height: 36px; line-height: 36px; font-size: 20px; }
	.mh-circle-container > .mh-circle-element
								{ width: 100%; height: 100%; transform: translate(-50%, -50%); }
	.mh-circle-container > .mh-circle-element div
								{ transform: none !important; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(1)
								{ right: -25px; left: auto !important; top: 50%; transform: translateY(-50%) !important; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(2)
								{ right: 0px; top: 90%; } 
	.mh-circle-container .mh-circle-element > *:nth-of-type(3)
								{ top: 90%; left: 0; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(4)
								{ left: -25px; right: auto !important; top: 50%; transform: translateY(-50%) !important; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(5)
								{ top: -5%; left: 0; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(6)
								{ top: -5%; right: 0; }
    ul.progressbar              { display: block; text-align: center; }	
    .progressbar li:before      { margin: 0 auto; margin-bottom: 20px; }
    .progressbar li:after       { display:none; }
    ul.progressbar li           { margin-bottom: 22px; }
    .mh-footer-top a.btn.btn-secondary 
                                { margin-bottom: 20px; }
    h2.hero-title               { font-size: 18px; line-height: 25px; }
    .mh-candidateBannerTxt p    { font-size: 16px; }
	.mh-why-do,
	.mh-come-from				{ padding: 30px 0 35px; }
	.mh-why-do::before,
	.mh-come-from::before		{ width: calc(100% - 30px); border-radius: 40px 0 0 40px; }
	.mh-why-do::after,
	.mh-come-from::after		{ display: none; }
	.mh-page-title 				{ padding: 20px 0; }
	.mh-page-title-inner h2		{ font-size: 24px; margin: 0; }
	.mh-shift-card .card-body>.d-flex
								{ flex-direction: column; }
	.mh-shift-card .mh-shift-content
								{ margin-left: 0; }
	.mh-shift-card img.rounded-circle
								{ width: 75px; height: 75px; margin-bottom: 15px; }
	.mh-for-candidate			{ padding: 60px 0; }							
	.mh-for-candidate .mh-secImg{ margin-top: 60px; }						
	.mh-iconBlock				{ align-items: center; }	
	.mh-iconBlock .mh-icon		{ margin-right: 0px; }
	.mh-iconBlock .mh-text h2,

	.mh-iconBlock 				{ margin-bottom: 0px; }
	.mh-why-join-box .col-md-4:not(:last-child) .mh-iconBlock 
								{ border-right: none; }
	.mh-about-action h4 		{ text-align:center }
	.mh-about-action-btn 		{ text-align: center; }
	.mh-who-we-provide h6       { font-size: 16px; }
	.mh-who-we-provide .mh-secImg img 
	                            { width: 50%; }
	.mh-faq-row h2				{ font-size: 14px; }
	.mh-service-block h2,
	.mh-process-icon .mh-text h2{ font-size: 16px; }
	.mh-process-line			{ display: none; }
	.mh-contact					{ text-align: center; }
	.mh-contact	form			{ text-align: left; }
	.mh-contact-icon			{ align-items: center; }
	.mh-contact-text			{ text-align: center; }
	.mh-contact-icon .mh-contact-text h2
								{ font-size: 14px; }
	.mh-contact-icon i 			{ width: auto; }
	.mh-tab						{ border: 1px solid #dee2e6; padding: 15px; border-radius: 10px; }
	.mh-tab .nav-tabs 			{ flex-direction: column; border-bottom: 0px; margin-top: 0px; }
	.mh-tab .nav-tabs .nav-link { border-radius: 10px; margin-bottom: 10px; }
	
	.mh-footer-top 				{ padding: 35px 0; }
	.mh-footer-top .mh-footer-action
								{ text-align: left; margin-top: 20px; }
	.mh-footer-title.text-right	{ text-align: left !important; margin-top: 30px; }
	.mh-footer-bottom .mh-app-btn
								{ flex-direction: row; align-items: start; }
	.mh-footer-bottom .mh-app-btn a
								{ width: 140px; font-size: 14px; padding: 8px; border-radius: 8px; margin-right: 15px; margin-bottom: 0; }
	.mh-footer-bottom .mh-app-btn a:last-child
								{ margin-right: 0px; }
	.mh-footer-bottom .mh-app-btn a i
								{ width: 20px; margin-right: 5px; font-size: 16px; }
	.mh-footer-bottom .mh-app-btn a i.fa-apple
								{ font-size: 20px; }
                                }

@media (max-width: 576px)		{
	.mh-why-do .mh-sec-title,
	.mh-why-do .mh-text-section
								{ margin-left: 45px; }
	.mh-come-from .mh-sec-title,
	.mh-come-from .mh-text-section
								{ margin-right: 45px; }
	.mh-sorting-card h2 		{ font-size: 14px; margin-bottom: 10px; }
	.mh-shift-card .mh-shift-content>.d-flex
								{ flex-direction: column; justify-content: unset !important; align-items: start !important; }							
	.mh-shift-card .mh-shift-time
								{ text-align: left; margin-top: 10px; }							
	.mh-shift-card .mh-shift-price
								{ width: 100%; text-align: right; }
	.mh-footer-logo 			{ margin-bottom: 15px; }
	.mh-footer-bottom h2.mh-footer-title
								{ margin-bottom: 15px; margin-top: 30px; }
	.mh-footer-bottom ul.mh-footer-nav
								{ margin-top: 30px; margin-bottom: 30px; flex-direction: column; align-items: start; }
	.mh-footer-bottom ul.mh-footer-nav li
								{ margin: 3px 0; }
	.mh-footer-copyright		{ padding-top: 10px; padding-bottom: 15px; }
	.mh-footer-copyright .d-flex{ flex-direction: column-reverse; }
	.mh-footer-copyright .d-flex div
								{ display: flex; justify-content: space-around; width: 100%; margin-bottom: 20px; }
	.mh-footer-copyright a		{ margin: 0; }
}

@media (max-width: 480px)		{
	.mh-circle-container h1 	{ top: -50%; font-size: 18px; }
	.mh-circle-container 		{ width: 25em; height: 25em; }
	.mh-circle-container h2 	{ font-size: 13px; font-weight: 500; }
	.mh-circle-container i		{ max-width: 32px; height: 32px; line-height: 32px; font-size: 16px; }
	.mh-circle-container .mh-circle-element .mh-right-label i
								{ margin-right: 5px; }
	.mh-circle-container .mh-circle-element .mh-right-label i
								{ margin-left: 5px; }
	.mh-circle-container > .mh-circle-element div
								{ width: 150px; padding: 5px 8px; }
	.mh-circle-container .mh-circle-element .mh-right-label
								{ border-top-right-radius: 20px; }
	.mh-circle-container .mh-circle-element .mh-left-label
								{ border-top-left-radius: 20px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(1)
								{ right: -20px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(2)
								{ right: 0; } 
	.mh-circle-container .mh-circle-element > *:nth-of-type(3)
								{ left: 0; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(4)
								{ left: -20px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(5)
								{ left: 0; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(6)
								{ right: 0; }
}

@media (max-width: 380px)		{
	.mh-circle-container 		{ width: 275px; height: 275px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(2)
								{ right: -18px; } 
	.mh-circle-container .mh-circle-element > *:nth-of-type(3)
								{ left: -18px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(5)
								{ left: -18px; }
	.mh-circle-container .mh-circle-element > *:nth-of-type(6)
								{ right: -18px; }
}