.m25-navbar-nav{
	display: flex;
	list-style: none;
	height: 80px;
	margin: 0 0 -3px;
	padding: 0;
}
.m25-submenu{
	position: absolute;
	left: 0;
	top: 80px;
	background: #cbe8f7;
	width: 100%;
	padding-bottom: 80px;
}
.m25-navbar-nav li{
	margin: 0;
	list-style: none;
}
.m25-navbar-nav > li > a {
	color: #096b9d;
	font-size: 16px;
	font-weight: 500;
	padding: 28px 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none!important;
	cursor: pointer;
	height: calc(100% - 2px);
}

.m25-navbar-nav > li > a:hover{
	background: #cbe8f7;
	color: #096b9d;
}
.m25-navbar-nav > li:has( > ul.active) > a{
	background: #cbe8f7;
	color: #096b9d;
}

.m25-navbar-nav > li:has(ul) > a:after {
	content: "\f078";
	font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';
	font-weight: 900;
	display: inline-block;
			margin-left: 6px;
			font-size: 12px;
			vertical-align: middle;
			color: #258340;
		}
		.m25-navbar-nav > li:has( > ul.active) > a:after{
			transform: rotate(180deg);
		}
		
		.m25-submenu.depth-0{
			display:none;
		}
		
		.m25-submenu.depth-0 .container.main{
			position: relative;
			height: auto;
		}
		
		.m25-menu-title{
			font-size: 24px;
			line-height: 32px;
			margin-top: 64px!important;
			margin-bottom: 24px!important;
			font-weight: 400;
			padding-left: 32px !important;
		}
		
		.m25-nav-item.depth-1{
			width: 33%;
			position: relative;
			margin-bottom: 10px;
			max-width: 402.5px;
		}
		.m25-nav-item.depth-1 > a{
			padding: 16px;
			color: #333333;
			font-size: 16px;
			font-weight: 600;
			line-height: 20px;
			display: block;
    		border-radius: 16px;
			text-decoration: none;
			background: #cbe8f7;
    		border: 1px solid #cbe8f7;
			outline: none!important;
			box-shadow: none!important;
			letter-spacing: 0.1px;
		}
		.m25-nav-item.depth-1 > a:hover{
			background: #DEF0FA;
    		border: 1px solid #cbe8f7;
		}
		.m25-nav-item.depth-1:has(ul.active) > a{
			background: #EBF8FF;
    		border: 1px solid #ffffff;
		}
		.m25-nav-item.depth-1 a span{
			font-size: 14px;
			font-weight: 400;
			line-height: 16px;
			cursor: pointer;
		}
		
		.m25-nav-item.depth-1 a span.m25-nav-arrow{
			position: absolute;
			z-index: 1;
			right: -22px;
			top: 50%;
			transform: translateY(-50%);
			background: #056A9D;
			border-radius: 4px;
			width: 28px;
			height: 28px;
			display: none;
			justify-content: center;
			color: #FFFFFF;
			font-size: 16px;
			align-items: center;
			font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';
		}
		.m25-nav-item.depth-1:has(ul.active) > a > span.m25-nav-arrow{
			display: flex;
		}
		
		.m25-subsubmenu.depth-1 {
			position: absolute;
			left: calc(100% + 18px);
			top: 0;
			background: #EBF8FF;
			border: 1px solid #FFFFFF;
			border-radius: 16px;
			padding: 20px;
			display: none;
		}
		.m25-subsubmenu.depth-1 > li{
			margin-bottom: 8px;
		}
		.m25-subsubmenu.depth-1 > li a{
			color: #333333;
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			text-decoration: none;
			cursor: pointer;
			display: block;
			width: 100%;			
			padding: 8px 12px;
			border-radius: 8px;
		}
		.m25-subsubmenu.depth-1 > li a:hover{
			background: #D7ECF7;
		}
		
		.m25-clientOutcomes-container{
			position: absolute;
			top: 0;
			right: 0;
			max-width: 402.5px;
    		width: 32.2%;
			padding-left: 12px;
			display: flex;
    		flex-direction: column;
    		gap: 16px;
			height: fit-content;
		}
		
		.m25-clientOutcomes{
			background: #BDE0F2;
			padding: 24px 16px 16px;
			border: 1px solid #9ECFE8;
			border-radius: 16px;
		}
		.m25-clientOutcomes h4{
			font-size: 16px; 
			line-height: 20px;
			margin-bottom: 4px;
			font-weight: 500;
			color: #333333;
			padding: 0 12px;
		}
		.m25-clientOutcomes p{
			font-size: 14px; 
			line-height: 16px;
			margin-bottom: 0px;
			font-weight: 400;
			color: #333333;
		    padding: 0 12px;
		}
		.m25-clientOutcomes ul{
			padding: 0;
			display: flex;
			flex-direction: column;
			gap: 8px;
			margin-top: 12px;
		}
		.m25-clientOutcomes ul li{
			font-size: 16px; 
			line-height: 24px;
			margin-bottom: 0px;
			font-weight: 500;
			font-family: 'Whitney';
			color: #333333;
			padding: 8px 12px;
		}
		.m25-clientOutcomes ul li:has(a){
		    padding: 0;
		}
		.m25-clientOutcomes ul li a{
			font-size: 16px; 
			line-height: 24px;
			margin-bottom: 0px;
			font-weight: 500;
			font-family: 'Whitney';
			color: #333333;
			text-decoration: none;
			cursor: pointer;
			display: block;
			padding: 8px 12px;
			width: 100%;
			border-radius: 8px;
		}
		.m25-clientOutcomes ul li a:hover{
			background: #A9D4EB;
		}
		
		.m25-integrations{
			background: #BDE0F2;
			padding: 24px;
			border: 1px solid #9ECFE8;
			border-radius: 16px;
		}
		
		.m25-integrations h4{
			font-size: 16px; 
			line-height: 20px;
			margin-bottom: 4px;
			font-weight: 500;
			color: #333333;
		}
		.m25-integrations p{
			font-size: 14px; 
			line-height: 16px;
			margin-bottom: 0px;
			font-weight: 400;
			color: #333333;
		}
		
		.m25-integrations-logos{
			display: flex;
			gap: 12px;
			width: 100%;
			position: relative;
			box-sizing: border-box;
			flex-wrap: nowrap;
			overflow: hidden;
			align-items: center;
			margin-top: 24px;
    		margin-bottom: 24px;
		}
		.m25-integrations-logos img{
			flex: 1 1 0;
			min-width: 0;
			width: 100%;
			height: auto;
			object-fit: cover;
			display: block;
		}
		.m25-integrations > a.article_link{
			color: #333333;
			font-size: 16px;
		}
		.m25-integrations > a.article_link i{
			font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';
		}
		.m25-integrations > a.article_link:hover{
			color: #056A9D;
		}
		
		.m25-g2-block{
			background: #BDE0F2;
			padding: 24px;
			border: 1px solid #9ECFE8;
			border-radius: 16px;
		}
		.m25-g2-block-container{
			display: flex;
			gap: 24px;
			align-items: center;
		}
		
		.g2_nav_star_rating_img{
			display: flex;
			align-items: center;
			align-content: center;
			flex-wrap: wrap;
			gap: 4px 16px;
			margin-bottom: 12px;
		}
		.g2nav_BLK3{
			display: flex;
			align-items: center;
			gap: 8px;
		}
		.m25-g2-block-container-right > a.article_link{
			color: #333333;
			font-size: 16px;
		}
		.m25-g2-block-container-right > a.article_link:hover{
			color: #056A9D;
		}
		
		.m25-securityCompliance{
			background: #BDE0F2;
			padding: 24px;
			border: 1px solid #9ECFE8;
			border-radius: 16px;
		}
		
		.m25-securityCompliance h4{
			font-size: 16px; 
			line-height: 20px;
			margin-bottom: 4px;
			font-weight: 500;
			color: #333333;
		}
		.m25-securityCompliance p{
			font-size: 14px; 
			line-height: 16px;
			margin-bottom: 0px;
			font-weight: 400;
			color: #333333;
		}
		.m25-securityCompliance > a.article_link{
			color: #333333;
			font-size: 16px;
		}
		.m25-securityCompliance > a.article_link:hover{
			color: #056A9D;
		}
		.m25-sc_bulllets{
			margin-top: 24px;
    		margin-bottom: 24px;
			padding: 0;
			display: flex;
			flex-direction: column;
    		gap: 9px;
		}
		
		.m25-sc_bulllets li{
		    background: url(https://www.stoneshot.com/e/stoneshot/images/icon-tick.svg) no-repeat left 3px;
			padding: 0px 0px 0px 30px;
			margin-bottom: 0px;
			list-style: none;
			color: #333333;
			text-align: left;
			font-weight: 400;
			font-size: 14px;
			line-height: 24px;
		}
		
		.nav-menu-1 .m25-integrations{
			display: block!important;
		}
		.nav-menu-2 .m25-g2-block{
			display: block!important;
		}
		.nav-menu-3 .m25-securityCompliance{
			display: block!important;
		}
		@media (max-width: 1200px) {
			.m25-menu-title {
				padding-left: 68px !important;
			}
			.m25-clientOutcomes-container{
				padding-left: 0px;
			}
		}
		
		
		
		
		/* 	Burger Menu CSS	 */
		.m25-burger-menu {
            width: 80px;
            height: 80px;
            position: relative;
            cursor: pointer;
            background: none;
            border: none;
            padding: 0;
            outline: none;
        }

        .m25-burger-menu span {
            display: block;
            position: absolute;
            height: 3px;
            width: 40%;
            background-color: #096b9d;
            border-radius: 2px;
            transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
            left: 30%;
			margin: 0 auto;
        }

        .m25-burger-menu span:nth-child(1) {
            top: 35%;
        }

        .m25-burger-menu span:nth-child(2) {
            top: 50%;
            transform: translateY(-50%);
        }

        .m25-burger-menu span:nth-child(3) {
            bottom: 35%;
        }

        /* Active state - X formation */
        .m25-burger-menu.active span:nth-child(1) {
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }

        .m25-burger-menu.active span:nth-child(2) {
            opacity: 0;
            transform: translateY(-50%) scale(0);
        }

        .m25-burger-menu.active span:nth-child(3) {
            bottom: 50%;
            transform: translateY(50%) rotate(-45deg);
        }
		
		.m25-burger-menu.active{
			background: #cbe8f7;
		}
		
		.m25-burger-menu,
		.m25-menu-back{
			display: none!important;
		}
		
		
		@media (max-width: 1199px) {
			#menu-header-nav{
				display: none;
			}
			#menu-header-nav.active{
				display: block;
			}
			.m25-navbar-nav{
				display: none;
				position: absolute;
				flex-direction: column;
				background: #cbe8f7;
				top: 80px;
				left: 0;
				width: 100%;
				height: calc(100vh - 80px);
			}
			
			.m25-burger-menu,
			.m25-menu-back{
				display: block!important;
			}
			.m25-menu-back{
				color: #056A9D;
				cursor: pointer;
				font-size: 16px;
				position: absolute;
				top: 36px;
        		left: 48px;
			}
			.m25-navbar-nav{
				display:flex;
				padding-top: 72px !important;
			}
			.m25-navbar-nav > li,
			.m25-submenu > div > li {
				border-bottom: 1px solid #9BD1EE;
			}
			.m25-navbar-nav > li:last-child,
			.m25-submenu > div > li:nth-last-child(2){
				border-bottom: 0px;
			}
			.m25-navbar-nav > li > a {
				padding: 16px 0px;
				position: relative;
				font-size: 18px;
			}
			.m25-navbar-nav > li:has(ul) > a:after{
				transform: rotate(-90deg);
				right: 0;
				position: absolute;
			}
			.m25-submenu h3.m25-menu-title,
			.m25-clientOutcomes-container,
			.m25-nav-arrow{
				display: none!important;
			}
			.m25-submenu {
    			top: 0px;
				background: #cbe8f7;
				z-index: 1;
				padding-top: 80px;
				padding-left: 48px;
        		padding-right: 48px;
			}
			.m25-submenu.depth-0 .container.main {
				position: relative;
				overflow: auto;
				padding: 0 10px 80px 0!important;
				height: calc(100vh - 180px) !important;
			}
			.m25-subsubmenu.depth-1 {
				position: initial;
				height: auto !important;
				padding: 15px 0 10px;
				background: transparent;
				border: transparent;
			}
			.m25-subsubmenu.depth-1 li{
				border: 0px;
			}
			
			.m25-navbar-nav li.m25-nav-item.depth-1{
				width: 100%;
        		max-width: unset;
				margin-bottom: 28px;
			}
			.m25-nav-item.depth-1 > a,
			.m25-nav-item.depth-1:has(ul) > a {
				background: transparent!important;
				border: 1px solid transparent!important;
				padding: 0;
				cursor: default!important;
			}
			.m25-nav-item.depth-1:has(ul) > a > span{				
				cursor: default!important;
			}
			
			.m25-subsubmenu.depth-1{
				display: block!important;
			}
			.m25-subsubmenu.depth-1 > li a{
				font-weight: 500;
				padding: 4px 0;
        		width: fit-content;
				background: transparent!important;
			}
			
			.m25-navbar-nav li.m25-nav-item.depth-1:last-child {
				border-bottom: 0px!important;
			}
			
			.m25-navbar-nav li ul div li:last-child{
				border: 0!important;
			}
			
			.m25-submenu.depth-0 .container.main::-webkit-scrollbar {
				width: 4px;
			}

			/* Scrollbar styles (optional) */
			.m25-submenu.depth-0 .container.main::-webkit-scrollbar-track {
				background: transparent;
			}

			.m25-submenu.depth-0 .container.main::-webkit-scrollbar-thumb {
				background-color: rgba(0,0,0,0);
				border-radius: 4px;
			}
			.m25-submenu.depth-0 .container.main::-webkit-scrollbar-thumb {
				background-color: rgba(0,0,0,0.1);
			}
		}
		
		@media (max-width: 991px) {
			#menu-header-nav{
				padding-top: 72px !important;
			}
			.m25-submenu {
				padding-left: 24px;
				padding-right: 24px;
			}
			.m25-menu-back{
				left: 24px;
			}
		}