.zeynep-opened body {
  overflow: hidden;
	max-height: 100vh;
}
.zeynep {
  right: auto;
  left: 0;
}


/* zeynepjs menu styles */
.zeynep {
	background-color: #ffffff;
  color: #404143;
  width: 295px;
  display: flex;
  flex-direction: column;
  height: auto;

	height: 100%;
	max-height: -webkit-fill-available;
}

.zeynep ul {
    list-style-type: none;
    padding: 0;
	margin: 0px;
    padding-left: 0rem;
/*     -webkit-overflow-scrolling: touch; */
}
.zeynep ul > li {
  display: block;
}

.zeynep ul > li > a {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0px;
  text-decoration: none;
  transition: all 150ms;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
	width: 100%;
    width: -webkit-fill-available;
}
.zeynep ul > li > a:hover {
  background-color: #efefef;
  border-radius: 3px;
}
.zeynep ul > li > a.link_default i {
	    color: var(--color-alt-content-faded);
    font-size: 16px;
}
.zeynep ul > li > a.small_mnav_link{
	font-size: 16px;
	font-weight: 400;
	padding: 0px 0px;
}

.zeynep ul > li.has-submenu > a {
  background-image: url("../images/submenu-arrow.svg");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 8px 14px;
}

.zeynep ul > li.has-submenu > a:hover {
  background-image: url("../images/submenu-arrow-active.svg");
}

/* zeynepjs submenu styles */
.zeynep .submenu {
  background-color: #ffffff;
  left: 100%;
}
/* oud */
/* .zeynep.opened {
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    border-radius: 10px;
	width: auto;
    width: -webkit-fill-available;
} */

.zeynep.opened {
	display: flex;
	flex-direction: column;
	position: fixed;
	inset: 10px; /* top, right, bottom, left */
	width: auto;
	max-height: calc(95vh - 20px);
	border-radius: 10px;
	background: white;
	z-index: 9999;
}

.zeynep .submenu-header {
  background-image: url("../images/menu-back.svg");
  background-position: left 20px center;
  background-repeat: no-repeat;
  background-size: 8px 14px;
  border-bottom: solid 1px #efefef;
  cursor: pointer;
  position: relative;
}

.zeynep .submenu-header > a {
  color: inherit;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 18px 20px;
  padding-left: 40px;
  text-decoration: none;
}

.zeynep .submenu-header > a:before {
  background-image: url("../images/submenu-arrow.svg");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 8px 14px;
  content: "";
  height: 100%;
  left: 26px;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
  width: 20px;
}

.zeynep .submenu > label {
  color: var(--color-header-middle-text);
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.3 !important;
  margin-bottom: 8px;
  margin-top: 19px;
  opacity: .5;
  padding-left: 40px;
  width: 100%;
}


/*!
* zeynepjs v2.2.0
* A light-weight multi-level jQuery side menu plugin.
* It's fully customizable and is compatible with modern browsers such as Google Chrome, Mozilla Firefox, Safari, Edge and Internet Explorer
* MIT License
* by Huseyin ELMAS
*/.zeynep{bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-y:auto;pointer-events:none;position:fixed;top:0;transform:translateX(-100%) translateZ(0);z-index:1011}.zeynep .submenu:not(.no-transition),.zeynep:not(.no-transition){transition:all 250ms}.zeynep-overlay{background-color:rgba(0,0,0,.42);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1010}.zeynep-opened .zeynep-overlay{display:block}.zeynep.opened{pointer-events:auto;transform:translateX(0) translateZ(0)}.zeynep.submenu-opened{overflow:hidden}.zeynep .submenu{bottom:0;min-height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-y:auto;pointer-events:none;position:fixed;top:0;width:100%}.zeynep .submenu.opened{left:0;pointer-events:auto}.zeynep .submenu.opened:not(.current){overflow:hidden}
/*# sourceMappingURL=zeynep.min.css.map */


/* Custom */
.header_zeynep {
	height: 75px; /* adjust based on your design */
	flex-shrink: 0;
	padding: 1rem;
	border-bottom: 1px solid #eee;
}
.header_zeynep img{
	width: 125px;
}
.zeynep .submenu.opened{
	top: 83.09px;
}
.zeynep .submenu .submenu_content{
	padding: 1rem;
}
.zeynep .submenu.opened .submenu_content {
	height: calc(90vh - 152px); /* header (66) + footer (86) */
	overflow-y: auto;
	padding: 1rem;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 24px;
  height: 22px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--color-alt-content-bg-alt-grad);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 9px;
}

#nav-icon1 span:nth-child(3) {
  top: 18px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.mnav_footer a.w-btn{
    font-size: 22px;
    background: var(--Background, #F7F8FF);
    border-radius: 8px;
    padding: 10px;	
}
.mnav_footer #nav-icon1.btn-close{
	margin: 0px;
}
.mnav_footer #nav-icon1.btn-close.open span:nth-child(1){
	top: 10px;
}
.mnav_footer #nav-icon1.btn-close.open span:nth-child(3){
	top: 10px;
}
.mnav_footer {
	height: 86px; /* adjust */
	flex-shrink: 0;
	padding: 1rem;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: white;
	position: sticky;
	bottom: 0;
	z-index: 2;
}

.mnav_content {
	flex: 1;
	overflow-y: auto;
	padding: 1rem;
}
.seprator_border {
    background: rgba(62, 97, 252, 0.15);
    height: 1.5px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}
.mnav_content span.vacature_count {
    background: var(--color-alt-content-secondary);
    color: var(--color-alt-content-heading-grad);
    border-radius: 50%;
    font-size: 10px;
    height: 16px;
    align-items: center;
    width: 16px;
    display: inline-flex;
    margin-right: 5px;
    justify-content: center;
    font-weight: 700;
}
.vacatures_link_mnav{
	display: flex;
    gap: 5px;
}
.fw_mnav_btn, .fw_mnav_btn a{
	width: auto;
	width: -moz-available;
	width: -webkit-fill-available;
	    z-index: 0 !important;
}
.zeynep .submenu.opened{
	z-index: 1 !important;
}

.submenu__header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid rgba(62, 97, 252, 0.15);
    margin-bottom: 20px;
}
.close_sub{
	font-size: 17px;
	display: flex;
    gap: 5px;
    align-items: anchor-center;
}
.submenu_links_box{
	padding: 15px;
    background: var(--color-alt-content-bg);
    border-radius: 8px;
}
.submenu_links_box span.label{
	margin-bottom: 0.5rem;
	color: var(--color-header-middle-text);
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.3 !important;
}
.submenu_links_box ul li{
	margin-bottom: 0px;
}
.submenu_links_box ul li a{
	padding: 2px 0px;
	font-weight: 500;
}
.submenu_links_box:not(:last-child) {
    margin-bottom: 1.5rem;
}


#nav-icon1:after {
    content: "MENU";
    position: absolute;
    left: 30px;
    font-size: 15px;
	font-weight: 500;
}

@media screen and (max-width: 600px){	
	.home .custom_mobile_header .back-button {
		display:none !important; 
	}
	.home .custom_mobile_header nav {
		justify-content: center !important;
		border-bottom:none !important;
	}
	.home #page-header_secondary .logo-link img {
		max-width:130px !important;
	}
}