#cssmenu ul ul{position:absolute;left:-9999px;background: #f5f5f5;box-shadow: 2px 5px 10px 2px rgba(0, 0, 0, 0.05);display: block;top: 100%;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; padding:0px;position: relative;}
nav#cssmenu > ul {padding:0;}
nav#cssmenu ul{ padding:0;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{margin: 0;height: auto;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.2);padding:10px 12px;width:220px;font-size: 14px;text-decoration:none;color:#141414;font-weight:500;text-transform: capitalize;line-height: 1.7;}
#cssmenu ul li:hover ul li a{color: #141414;}
#cssmenu ul li:hover ul li a:hover{color: #EA681D;background-color: #f9f9f9;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
/*#cssmenu ul li.has-sub > a:before,#cssmenu ul li.menu-item-has-children > a:before{position: absolute;content: '';right: -25px;top: 50%;background-repeat: no-repeat;background-size: contain;background-image: url('../images/down-arrow.svg');width: 11px;height: 11px;transition: all .5s;-webkit-transition: all .5s;margin-top: -7px;}
#cssmenu ul li.has-sub:hover a:before,#cssmenu ul li.menu-item-has-children:hover a:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);background-image: url('../images/down-arrow-orange.svg');}*/
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

#cssmenu ul li.has-sub ul li.menu-item-has-children a:before{
	right: 12px;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	background-image: url(../images/down-arrow-orange.svg);
}
#cssmenu ul li.has-sub ul li.menu-item-has-children .submenu-button{
	top: -2px;
}
#cssmenu ul li.has-sub ul li.menu-item-has-children .submenu-button:before{
	top: 18px;
}
#cssmenu ul li.has-sub ul li.menu-item-has-children .submenu-button:after{
    right: 16px;
}

@media (max-width: 1279px){
	#cssmenu ul li.has-sub > a:before{width: 9px;right: -18px;height: 8px;margin-top: -5px;}
}
@media (max-width: 1023px){
#cssmenu ul li.has-sub > a:before{width: 9px;right: -15px;height: 8px;margin-top: -4px;}
}
@media (max-width: 767px)
{

	/* For Mobile Menu */

	#cssmenu > ul > li.has-sub{position: relative;}
	#cssmenu > ul > li:first-child{padding-left: 0px;}
	#cssmenu > ul > li:last-child{border-top: 0px solid #e5e5e5;}
	#cssmenu ul li:hover{background:transparent;}
	#cssmenu ul li ul.open{display: block !important;}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;padding: 15px 20px;display: inline-block;line-height: normal;}
	#cssmenu > ul > li{float:none}	
	#cssmenu ul li:hover ul li a{color: #ffffff;}
	#cssmenu ul li ul li a:hover{color: #f25381;}
	#cssmenu ul ul li{background:transparent!important;margin: 0px;}
	/*#cssmenu ul ul li:hover{background:#363636!important}*/
	#cssmenu ul ul ul li a{padding-left:35px}
	#cssmenu ul ul li a{color:#ffffff;background:none;padding: 12px;padding-left:35px;}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #head-mobile{display:block;padding:23px;color:#2b2a29;font-size:12px;font-weight:700}
	.button{width: 30px;height: 15px;cursor:pointer;z-index: 12399994;position: relative;top: 2px;}
	.button:after{position:absolute;top:6px; margin:auto;right:0px;display:block;height:4px;width:30px;border-top:2px solid #2b2a29;border-bottom:2px solid #2b2a29;content:''}
	.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:0px;right:0px;display:block;height:2px;width:30px;background:#2b2a29;content:''}
	.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:5px;border:0;height:2px;background:#2b2a29;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.button.menu-opened:before{top:5px;background:#2b2a29;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid transparent;height:49px;width:45px;cursor:pointer}
	#cssmenu .submenu-button.submenu-opened{background:#1f4566;}
	#cssmenu ul ul{background: #1f4566;box-shadow: none;-webkit-box-shadow: none;padding: 10px 0px}
	#cssmenu ul li:hover ul li a:hover{background-color: transparent;}
	#cssmenu ul ul .submenu-button{height:44px;width:45px}
	#cssmenu .submenu-button:after{position:absolute;top:24px;right:16px;width:10px;height:2px;display:block;background:#ffffff;content:''}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu .submenu-button.submenu-opened:after{background:#fff; }
	#cssmenu .submenu-button:before{position:absolute;top:20px;right:20px;display:block;width:2px;height:10px;background:#ffffff;content:''}
	#cssmenu ul ul .submenu-button:before{top: 19px;right: 20px;}
	#cssmenu ul ul .submenu-button:after{top: 22px;right: 17px;}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}	
	#cssmenu ul li ul.open > li > ul.open li a{padding-left: 35px;}
	#cssmenu ul li ul.open > li > ul.open li > ul.open li a{padding-left: 45px;}
	#cssmenu ul li ul.open > li > ul.open li > ul.open li > ul.open li a{padding-left: 55px;}

	#cssmenu ul ul li.menu-item-has-children ul.sub-menu{background: #1a3e5b;padding-left: 15px;}

}



/* New Case Card */

/* GRID */
.case_cards_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	align-items: stretch;
}

/* CARD */
.case_card {
	display: flex;
	flex-direction: column;
	background: #1e2d3f;
	color: #fff;
	overflow: hidden;
	position: relative;
	transition: all 0.35s ease;
	border-radius: 4px;
}

/* HOVER EFFECT */
.case_card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.25);
}

/* IMAGE */
.case_card_img {
	margin-top: 10px;
	overflow: hidden;
}

.case_card_img img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	transition: transform 0.5s ease;
}

/* IMAGE ZOOM ON HOVER */
.case_card:hover .case_card_img img {
	transform: scale(1.05);
}

/* CONTENT */
.case_card_content {
	display: flex;
	flex-direction: column;
	padding: 30px 30px 70px 30px;
	gap: 18px;
}

/* TEXT */
.case_type {
	font-size: 19px;
    font-weight: 300;
    opacity: 0.9;
}

.case_result {
	font-size: 44px;
	font-weight: 800;
	line-height: 1.2;
}

.case_desc {
	flex-grow: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

/* LINK */
.case_link {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
	position: absolute;
    bottom: 20px;
}

/* Arrow animation (if using arrow_link class) */
.case_link:hover {
	gap: 12px;
}

/* ========================= */
/* 📱 RESPONSIVE */
/* ========================= */

/* Tablet */
@media (max-width: 1024px) {
	.case_cards_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}

	.case_result {
		font-size: 36px;
	}

	.case_card_img img {
		height: 220px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.case_cards_grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.case_card_content {
		padding: 20px 20px 70px 20px;
	}

	.case_result {
		font-size: 30px;
	}

	.case_desc {
		-webkit-line-clamp: 4;
	}

	.case_card_img img {
		height: 200px;
	}
}