.custom-wi-fit{
	width: fit-content;
}

.btn-service{
	transform: none !important;
}

.btn-service{
	border-radius: 50px;
	gap: 12px;
	padding: 5px 5px 5px 16px;
	display: flex;
	align-items: center;
	width: fit-content;
	border: 1px solid #104041;
	background: transparent;
	color: #104041;
	font-weight: 600;
}

.btn-service .btn-secondary-icon {
	height: 40px;
	width: 40px;
	background-color: #104041;
	border-radius: 100%;
}

.btn-service:hover {
	background: #ADFF1C;
	border: 1px solid transparent;
	color: #104041;
}

.btn-service:hover svg path {
	stroke: #FFF;
}

.custom-border{
	border: 1px solid #E2E8F0;
}

.custom-grey{
	background-color: #F8FAFB;
}


.mega-parent{
position:relative;
}

header .navbar-nav .nav-link{
	font-weight: 600;
}

/* @media screen and (min-width: 1024px){
	header .services-mega-row{
		height: 490px;
		overflow: auto;
	}

	header .services-mega-row::-webkit-scrollbar {
	  width: 5px;
	}

	header .services-mega-row::-webkit-scrollbar-track {
		background: #EBEDEE; 
		border-radius: 10px;
	}
 
	header .services-mega-row::-webkit-scrollbar-thumb {
		background: #104041; 
		border-radius: 10px;
	}

	header .services-mega-row::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}
} */

/* service mega menu start */
.mega-menu-style {
/* 	border: 1px solid #E2E8F0; */
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 1024px){
	header .industries-mega-row .col-lg-2{
		width: 20%;
	}
}


.mega-top-icon{
    background-color: #ADFF1C;
    color: #104041;
    height: 22px;
    width: 22px;
    font-size: 12px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mega-menu-des{
	font-size: 12px;
}

.mega-menu-title{
	color: #104041;
	font-weight: 700;
}

.mega-menu-badge{
	background-color: #ADFF1C;
    padding: 2px 6px;
    font-size: 11px !important;
    color: #104041;
    border-radius: 4px;
	font-weight: 600;
}

.mega-menu-icon{
	background-color: #e8f4f4;
	color: #104041;
	height: 35px;
	width: 35px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mega-menu-links:hover .mega-menu-icon{
	background-color: #ADFF1C;
}

.mega-menu-bottom{
	background: linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.8)),#104041;
}

.border-r{
	border-right: 1px solid #E2E8F0;
}

.tool-bagge{
	padding: 3px 15px;
    color: #ADFF1C;
    border: 1px solid rgba(173, 255, 28, 0.3);
    background-color: rgba(173, 255, 28, 0.15);
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: 50px;
    gap: 10px;
}

.tool-circle{
	height: 7px;
	display: block;
	width: 7px;
	border-radius: 100%;
	background-color: #ADFF1C;
}

/* service mega menu end */


/* ===== NAV LINK ===== */

.mega-link-wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.mega-parent .nav-link{
	display:flex;
	align-items:center;
	padding-right: 5px !important;
	padding-left: 16px !important;
}

.main-navigation {
	gap: 15px !important;
}

/* ===== ARROW ===== */

.mega-toggle{
	cursor:pointer;
	font-size:12px;
	padding:5px;
	transition:.3s;
}

/* active nav link */
.mega-parent.active .mega-link-wrapper,
.single-menu.active{
	background-color: #e8f4f4;
}


.mega-parent .mega-link-wrapper{
	border-radius: 50px;
	padding-right: 10px;
}

.mega-parent .mega-link-wrapper:hover,
.single-menu:hover{
	background-color: #e8f4f4;
}

.mega-menu-links.active{
	background-color: #E2E8F0;
}

.single-menu{
	border-radius: 50px;
}



/* MOBILE */

@media(max-width:991px){
.mega-parent.active .mega-toggle{
	transform: rotate(180deg);
}
}

/* DESKTOP */

@media(min-width:992px){
.mega-parent:hover .mega-toggle{
	transform: rotate(180deg);
}
}

/* ===== MEGA MENU ===== */

.mega-menu{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:max-content;
	opacity:0;
	visibility:hidden;
	transition:.25s;
	z-index:999;
}

.mega-parent.full-mega{
	position:static;
}

.mega-parent.full-mega .mega-menu{
	left:0;
	transform:none;
	width:100%;
}

/* DESKTOP HOVER */

@media(min-width:992px){

	.mega-parent:hover .mega-menu{
		opacity:1;
		visibility:visible;
	}

	/* Click/keyboard open, added 2026-08-17. Deliberately NOT .active - that class
	   is set by the auto-active-menu script on whichever mega-parent contains the
	   current URL, so reusing it would leave the panel open on every service page. */
	.mega-parent.mega-open .mega-menu{
		opacity:1;
		visibility:visible;
	}

}

/* ===== GRID ===== */

.mega-title{
	font-size:15px;
	font-weight:600;
	margin-bottom:10px;
}

.mega-links{
	list-style:none;
	padding:0;
	margin:0;
}

.mega-links li{
	margin-bottom:8px;
}

.mega-links a{
	text-decoration:none;
	color: #2F2F2F;
}

.mega-links a:hover{
	color: unset !important;
}


.mega-links a:hover{
	color:#0d6efd;
}

.mega-menu-links{
	transition: all 0.35s ease-in-out;
}

.mega-menu-links:hover{
	background-color: #E2E8F0;
}

.mega-menu-heading{
	font-size: 13px !important;
	font-weight: 700;
	margin-bottom: 0 !important;
}

.service-mega-mid-col{
	border-right: 1px solid #E2E8F0;
	border-left: 1px solid #E2E8F0;
}

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

@media(max-width:991px){

	.mega-menu{
		position:relative;
		display:none;
		box-shadow:none;
		padding:15px 0;
		opacity:1;
		visibility:visible;
		left: unset;
		transform: unset;
	}

	.mega-parent.active .mega-menu{
		display:block;
	}

	header .navbar-brand img{
		width: 180px;
	}
	
	.service-mega-mid-col{
		border-top: 1px solid #E2E8F0;
		border-bottom: 1px solid #E2E8F0;
		border-right: none;
		border-left: none;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.custom-wi-fit{
		width: 100%;
	}
	
	.nav-link{
		padding-left: 10px;
	}
	
	.mega-parent .nav-link{
		padding-left: 10px !important;
	}
	
	.border-r{
		border: none;
	}
	.mega-menu-style {
		box-shadow: none;
	}
}