*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}

.header{
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  position:sticky;
  top:0;
  z-index:999;
}

.nav{
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 0px;
}

.logo img{height:32px}

.menu{display:flex;gap:34px;list-style:none}
.menu a{text-decoration:none;color:#333;font-weight:500}

.actions{display:flex;gap:12px;align-items:center}

.login{
  padding:8px 31px;
  border:1px solid #E0E0E0;
  background:#fff;
  border-radius:8px;
color: #333;	
}

.login:focus{
	outline: none;
	background: none;
	color: #333333;
}

.login:hover{
	background: #33A0BF;
	color: #fff;
}

.signup{
  padding:8px 24px;
  background:#093E4D;
  color:#fff;
  border:none;
  border-radius:8px;
}

.signup:hover{
	background: #33A0BF;
	color: #fff;
}

.login:focus{
	outline: none;
	background: none;
	color: #fff;
}

/* TOGGLE */

.toggle{display:none;font-size:24px;cursor:pointer}
.close-icon{display:none}

/* MEGA */

.mega{
  position:absolute;
  top:50px;
  background:#fff;
  width:520px;
  display:none;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  border-radius:10px;
}

.product.open .mega{
	display:flex
}

.left{
	width:45%;
	border-right:1px solid #eee;
}
.left .item{
	padding:14px;
	cursor:pointer;
	position: relative;
}

.left .item:after{
	content: "";
    width: 10px;
    background-image: url(https://stag.wortal.co/wp-content/uploads/2026/02/Right.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 10px;
    right: 10px;
    background-size: contain;
}

.left .item.active{
	background:#F9F8F9;
	color:#33A0BF
}

.right{
	width:55%;
	padding: 0px 0px 14px 0px;	
}
.panel{
	display:none;
	flex-direction:column;
	gap:0px;
}
.panel.active{display:flex}

.panel a{
	cursor: pointer;
	padding: 14px;
	
}

.panel a:hover{
	background: #F9F8F9;
	color: #33A0BF !important;
}

/* ===== MOBILE PANEL ===== */

.mobile{
  position:fixed;
  left:-100%;
  top:0;
  width:85%;
  height:100%;
  background:#fff;
  transition:.3s;
  z-index:9999;
  padding:20px;
  overflow:auto;
}

.mobile.active{left:0}

.m-header{
  display:flex;
  justify-content:space-between;
  margin-bottom:20px;
}

.mobile li{padding:14px 0;border-bottom:1px solid #eee}

.m-title{
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}

.m-arrow,
.sub-arrow{
  width:8px;
  height:8px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:rotate(45deg);
  transition:.25s;
}

.m-arrow{
	    position: relative;
    top: 6px;
}

.sub-arrow{
	    position: relative;
    top: 15px;
}

.m-drop.open .m-arrow{transform:rotate(-135deg)}

.sub-head{
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}

.m-sub.open .sub-arrow{transform:rotate(-135deg)}

.inner-list{
  display:none;
  flex-direction:column;
  padding-left:15px;
  gap:10px;
}


.m-sub.open .inner-list{
  display:none;
  flex-direction:column;
  padding-left:15px;
  gap:10px;
	padding-bottom: 14px;
}

.product-btn{
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}

.product-btn .arrow{
  width:7px;
  height:7px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:rotate(45deg);
  transition:.25s;
}

.product.open .product-btn .arrow{
  transform:rotate(-135deg);
}

.close{
	display: none;
}

li{
	list-style: none;
}

.m-drop > ul{
  display:none;
}

/* ACTIVE MENU COLOR */

.menu li.current-menu-item > a,
.menu li.current_page_item > a,
.menu li.current-menu-parent > a,
.menu li.active > a{
  color:#33A0BF;
  font-weight:600;
}

/* ACTIVE UNDERLINE FULL */

.menu li.current-menu-item > a::after,
.menu li.current_page_item > a::after,
.menu li.current-menu-parent > a::after,
.menu li.active > a::after{
  width:100%;
}

.m-sub{
	padding-top: 8px !important;
	padding-bottom: 0px !important;
	padding-left: 20px !important;
}

.mobile li:last-child{
	border-bottom: 0px;
}







/* BASE MENU LINK */

.menu > li > a{
  text-decoration:none;
  color:#333;
  font-weight:500;
  position:relative;
  padding-bottom:4px;
  transition:color .25s ease;
}


/* UNDERLINE BASE (HIDDEN) */

.menu > li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:3px;
  background:#33A0BF;
  transition:width .3s ease;
}


/* HOVER EFFECT */

.menu > li > a:hover{
  color:#33A0BF;
}

.menu > li > a:hover::after{
  width:100%;
}


/* ACTIVE ITEM (NO UNDERLINE) */

.menu li.active > a{
  color:#33A0BF;
  font-weight:600;
}

/* IMPORTANT — ensure underline stays hidden */

.menu li.active > a::after{
  width:0;
}

.left{
	font-size: 14px;
}

.right{
	font-size: 14px;
}



/* RESPONSIVE */

@media(max-width:1024px){
  .menu{display:none}
  .toggle{display:block}
	
	.nav{
		padding: 10px 40px;
	}
	
	
}

@media(max-width:768px){
  .actions .login,
  .actions .signup{display:none}
	
	.nav{
		padding: 10px 20px;
	}
	
	.m-actions{
		margin-top: 20px;
		    display: flex;
    gap: 12px;
	}
	
	.m-actions button{
		width: 49%
	}
	
	.sub-head h5{
		font-size: 16px;
	}
	
	.m-actions a{
		width: 50%;
	} 
	
	.m-actions button{
		width: 100%;
	}
	
	li a {
		color: #333333;
	}
}

@media (min-width:768px) and (max-width:1024px){

  .mobile .m-actions{
    display:none;
  }
	
	

}