@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700&family=Roboto:wght@300;400&family=Ramabhadra&display=swap');
body{
	font-size: 1rem;
	font-family: 'Roboto',sans-serif,serif,verdana,arial;
	height: 100%;
}
h1,h2,h3,h4,h5{
	font-family: 'Nunito Sans';
	font-weight: 700;
}
a{
	text-decoration: none;
}
a.learn-more-link{
	margin-top: 10px;
	display: inline-block;
}
li.nav-item a.btn-signup{
	color:#d70000 !important;
}
.znicrm-logo{
	font-size: inherit;
	display: inline-block;
	line-height: normal;
}
.znicrm-logo-fh{
	padding: 0px 2px 0px 5px;
	background-color: #2f9df7;
	color: white;
	width: auto;
	height: auto;
	display: inline-block;
}
.znicrm-logo-sh{
	margin-left: -2px;
	padding: 2px 0px 2px 0px;
	background-color: : white;
	color: #2f9df7;
	font-weight: bold;

}
/* Page-Header-Content Style */
.page-header-content{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	/*margin-bottom: 140px;*/
	padding:20px;
	padding-bottom: 60px;
	/*background-color: aliceblue;*/
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 1%, rgba(240,252,255,1) 13%, rgba(240,252,255,1) 66%, rgba(255,255,255,1) 94%);
	

  display: flex;
  align-items: center;
}
.page-header-content h1{
	/*margin-top: 40px;*/
}
.hero-text{
	margin-top: 40px;
	padding-top:20px;
}
.lead-para{
	margin-top: 20px;
	font-size: 1.4rem;
	font-weight: 500;
}
.lead-para-details{
	margin-top: 20px;
	font-size: medium;
}
/* End of Page-Header-Content Style */


/* Featuers Box Style */
.info-box{
	min-height: 250px;
}
.blank-row-sm{
display: block;
height: 10px;
}
.blank-row-lg{
display: block;
height: 30px;
}
.feature-box {
clear: both;

}
.trusted{
	font-size: 32px;
    font-weight: bold;
    text-shadow: 0px 1px 1px #d3d3d3;
}
.feature-box .feature-box-icon {
background-color: #0088cc;
}

.feature-box .feature-box-icon {
background: #0088cc;
border-radius: 35px;
color: #FFF;
display: block;
float: left;
height: 35px;
line-height: 35px;
margin-right: 10px;
position: relative;
text-align: center;
top: 5px;
width: 35px;
padding:8px;
}
.feature-box .feature-box-info {
padding-left: 50px;
}
h5.card-title{
	margin-top: 30px;
}
img.hero-image{
	box-shadow: -4px 3px 12px -1px rgba(0, 0, 0, 0.48);border: 10px solid rgb(250, 250, 250);
	max-height:400px;width:auto
}
/* End of Features_box Style */

/* Blog-Content Style */
.blog-content{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
.blog-content-header{
	padding-top:40px;
	
}
.blog-content-description{
	margin-top: 30px;
}
.blog-content-body{
	margin-bottom: 20px;
	
}
.blog-content h1,h2,h3,h4{
	text-transform: capitalize;
}
.container-blog-data{
	
}
.blog-header{
	height: auto;
}
/* End of Blog-Content Style */


/* Marketing-Content Style */
.marketing-content{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 120px;
	padding-bottom: 120px;
	
}
.marketing-content-header{
	
	
}
.marketing-content-body{
	
	
}

/* End of Marketing-Content Style */

/* Backgroun Colors Style */
.bg-color-grey{
	background-color: rgba(245, 245, 245, 1);
}
/* End of Backgroun Colors Style */

/* Content-Block Style */
.content-block{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 120px;
	padding-bottom: 120px;
	
}
.content-block-header{
	font-weight: 500;
	font-size: 1.2rem;
}
.content-block-body{
	font-size: 1rem;
	
}
/* End of Content-Block Style */

/* Features Block Style */
.fetaures-header{
	padding-top: 40px;
	padding-bottom: 40px;
	
}
.features-title{
	font-weight: 500;
	font-size: 1.2rem;
}
.features-description{
	margin-top:30px;
	font-size: 1rem;
	
}
/* End of Features Block Style */

/* Register Form */
#register-form{
	/*padding:40px 5px 40px 5px;*/
	padding: 10px;
	color: white;
} 
#register-form .special-offer{
	padding: 10px !important;
}
#register-form form .form-group{
	margin-top: 10px;
}
#register-form .special-offer .line-1 {
	/*margin-top: -20px;*/
    font-size: x-large;
    color: #eefaff;
	text-shadow: 1px 1px 1px #090909;
	font-stretch: ultra-expanded;
    font-family: 'Roboto',sans-serif,serif,verdana,arial;
    letter-spacing: 1px;
}
.special-offer .line-2{
	margin-top: -10px;
	text-transform: none;
	font-size: small !important;
}
.special-offer .line-3{
	margin-top: 30px;
	text-transform: none;
}
.special-offer .line-4{
	margin-top: 25px;
    text-transform: none;
    font-size: small;
    text-decoration: double;
    text-decoration-color: slateblue;
    text-decoration-thickness: 2px;
    letter-spacing: 1.5px;
    color: brown;
}
.price-amount{
	font-size: xx-large;
	text-transform: none;
	
}
.price-term{
	font-size: small;
	text-transform: none;
}
.input-text{
	    border: 3px dotted #5aa0ac;
color: #5aa0ac;
font-size: medium;
}
.logo-small-screen{
		display: none;		
	 }
/* End of Register Form */

/* Footer Style */
footer{
	padding: 20px 10px 20px 10px;
	background-color: #dbecf9; 
	font-size: small;
}
footer h6{
	text-align: left;
	
}
footer ul {
  list-style: none;
  padding: 0;
}
footer li {
  padding-left: 1.3em;
}
footer li:before {
  content: "\f061"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color: #a7a7a7;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
footer li a{
	text-decoration: none;
}
.header-image{
	display: block;
	text-align: center;
}
.subheader-image{
	display: block;
	text-align: center;
}
.header-image img{
	max-height: 600px;
	margin:auto;
}
.subheader-image img{
	max-height: 600px;
	margin:auto;
}
.subheader-image img.fit{
	max-height: 600px;
	margin:auto;
	
}
.logo-small-screen{
		display: none;		
	 }
	 .hero-text-v1 h1 {
			    color: #134598;
			    font-family: 'Poppins', sans-serif;
			    font-size: 56px;
			}
			h1 .line{
				font-weight: 400;
				display: inline-block;
				
			}
			h1 .line1{
				font-size: 42px;
				font-family: 'Poppins', sans-serif;
				font-weight: 700;
			  font-optical-sizing: auto;
			  font-style: normal;
			  font-variation-settings: "wdth" 100;
			}
			h1 .line2{
				font-size: 32px;
				color: #4a5158;
				margin-top: 10px;
			}
			.hero-text-v1 h3{
				font-family: 'Archivo+Black',sans-serif;
				font-weight: 300;
				font-size: 18px;
			}
			div .line3{
				font-family: 'Roboto', sans-serif;
				font-weight: 400;
				font-size: 36px;
				color: rgb(255 101 101);
				margin-top: -6px !important;
			}
			div .line4{
				font-size: 24px;
				color: #1d5995;
				font-family: 'Delius',serif;
				font-weight: 400;
			}
						#crm-tools .content-block-body h5{
				font-weight: 800;
				font-size: 24px;
			}
			#crm-tools .content-block-body{
				margin-top: 90px;
				margin-bottom: 90px;
			}
			#crm-tools img{
				border: 10px solid #ddd;
				-webkit-box-shadow: 3px 6px 16px -4px rgba(0,0,0,0.75);
				-moz-box-shadow: 3px 6px 16px -4px rgba(0,0,0,0.75);
				box-shadow: 3px 6px 16px -4px rgba(0,0,0,0.75);
			}
			.best-star{
				height: 150px;width:auto;
			}
			.bg-business-cta{
				margin-top: 60px !important;
				margin-bottom: 60px;
				padding: 60px;
				background: #e6fcfb;
				border-radius: 10px;
			}
			.cta-feature-row {
				margin-top: 30px;
			}
			.cta-feature-row a{
				color: black;
				text-decoration: none;
				font-weight: 200;
			}
			.email-input {
		      border: 2px solid #007bff;
		      border-radius: 5px;
		    }
		    .email-input input[type="email"] {
		      border: none;
		      outline: none;
		      box-shadow: none;
		    }
			#img-key-features{
				position: relative;
				bottom:0px;
				width: 100%;
				height: auto;
			}
			#key-features h5.card-title{
				margin-top: 0px;
			}
			#pflist-header{
				/* background-color: rgb(15, 87, 150); */
				background-color: white;
				color: white;
			}
			#pflist-header h4{
				font-size: large;
				background-color: aliceblue;
				color: black;
				padding: 10px;
				border-radius: 5px;
			}
			#pflist .col-6{
				background-color: #fafbfb;
				color: #495057;
				font-weight: 500;
			}
			.pricing-details .card-top-features{
				padding-bottom: inherit;
			}
			/*
			.table-pricing-feature{
				border: 10px solid rgb(230, 230, 230);
				box-shadow: -1px 3px 11px 3px rgb(145, 145, 145);
			}
			*/
			.card-top-features .card-body{
				text-align: center;
			}
			ul.crm-price-features-list{
			    font-size: 16px;
				color: #17356b;
				font-weight: 500;
			}
			ul.ts-price-features-list{
			    font-size: 14px;
				color: #444444;
				font-weight: 200;
			}
			#pflist .row:hover{
				background-color: rgba(237, 237, 237, 0.89);
			}
			#pflist .row.mt-1{
				margin-top: 0px !important;
			}
			.heading-container .row{
				padding: 0px;
			}
			.unlimited{
				font-size: 18px;
				color: #035276;
			}
			.training-video{
				    text-decoration: underline;
					font-size: small;
			}
			.li-fe-name{
				font-weight: 400 !important;
				background-color: rgba(249, 249, 249, 0.95);
				font-family: sans-serif;
			}
			.small{
				font-weight: normal;
				font-size: small;
			}
			.hero-img-bg{
				    background-color: antiquewhite;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(246 244 237) 100%);
    border-radius: 20px;

			}
			a.btn-lf{
				text-decoration: none;
				border: 1px solid gray;
				padding:5px 10px;
				color: gray;
				border-radius: 10px;
				font-size: small;
			}
			.hero-box{
				margin-top: 20px;
			    padding: 10px 20px;
			    background-color: #f6f4ed;
			    color: #045aa6;
			    font-weight: 600;
			    display: inline-block;
			}
			.mt-80{
				margin-top: 80px !important;
			}
			h3.card-title{
				margin-top: 20px;
			}
			
			.tool-headline-block{
				padding: 10px 40px;
			    color: black;
			    display: inline-block;
			    margin-bottom: 40px;
			    border-radius: 20px;
			    font-family: 'Delius',fantasy,serif;
				font-weight: 400;
			    
			}
			.tool-headline-block.green{
				background-color: #fff7e3;
			}
			.tool-headline-block.green .tool-headline{
				font-size: 24px;
				color: #b308a5;
				font-family:'Open Sans', sans-serif;
			}
			.tool-headline-block.green .tool-desc{
				font-size: 18px;
			}
			.tool-headline-block.blue{
				background-color: #ecf5ff;
			}
			.tool-headline-block.blue .tool-headline{
				font-size: 24px;
				color: #2d08b3;
				font-family:'Open Sans', sans-serif;
			}
			.tool-headline-block.blue .tool-desc{
				font-size: 18px;
			}
			.tool-number{
				z-index: 1;
			    position: absolute;
			    left: -20px;
			    top: -10px;
			    display: inline-block;
			    border-radius: 20px;
			    padding: 10px 30px;
			    text-align: center;
			    background-color: white;
			    color: black;
			    font-size: 32px;
			    font-weight: 800;
			    border: 1px solid #86b7fe;
			    background-color: aliceblue;
			    box-shadow: -2px 2px 11px 0px #469fbe;
			    display: none;
			}
			.left-border .tool-number{
				right: -20px;
				left: auto;
			}
			.feature-block-new{
				margin-top: 90px;
				margin-bottom: 90px;
			}
			.feature-block-new .card{
				min-height: 300px;	
				border: none;
			}
			.feature-block-new .card.blue{
				background-color: #eef6fd;
			}
			.feature-block-new .card.green{
				background-color: #e5f8f1;
			}
			.subtle-background-1{
				background-color: rgba(252, 252, 252, 0.74);
			}
			.subtle-background-1 .card{
				background-color: rgba(252, 252, 252, 0.74);
			}
			.subtle-background-2{
				background-color: #ffffff;
			}
			/*
			section#crm-features a.link-1{
				padding-left: 10px;
				padding: 5px;
			    border: 1px solid #cfe4f4;
			    background-color: aliceblue;
			    border-radius: 5px;
			}
			*/
			.p-a-1{
				text-decoration: none;
				font-weight: 800;
			    border: 1px solid #e2e2e2;
			    border-radius: 5px;
			    padding: 10px 20px;
			    text-align: center;
			    background-color: white;
			    color: #103928 !important;
			    font-size: 14px;

			}
			section#crm-features .content-block{
				padding-top: 30px;
				padding-bottom: 30px;
			}
			section#crm-features .tool-icon{
				margin-top:20px;
				margin-bottom: 20px;
			}
			section#crm-features .tool-headline{
				margin-top:40px;
				margin-bottom: 20px;
			}
			section#crm-features .tool-desc{
				margin-top:20px;
				margin-bottom: 20px;
			}
			section#crm-features .subtle-background-1  .tool-icon i.fa{
				padding: 10px;
				border: 1px solid #c4daff;
				border-radius: 10px;
				background-color: #ebf1fb;
				
			}
			section#crm-features .subtle-background-2  .tool-icon i.fa{
				padding: 10px;
				border: 1px solid green;
				border-radius: 10px;
				background-color: #ebfaf8;
				
			}
			.card.blue .tool-footer a{
				font-size: small;
				color: #005ca3;
				text-decoration: none;
			}
			.card.green .tool-footer a{
				font-size: small;
				color: #116600;
				text-decoration: none;
			}
			.card-hero .tool-footer{
				text-align: left;
				margin-top: 20px;
			}
			.card-hero .tool-footer a{
				font-size: small;
				color: #005ca3;
				text-decoration: none;
				
			}
			.card-hero .tool-icon{
				margin-top: 0px !important;
			}
			.card-hero .tool-desc{
				font-size: 24px;
				font-weight: 300;
			}
			.card-hero .tool-img{
				margin-top: 10px !important;
			}
			.card-hero h3{
				font-family: 'Open Sans', sans-serif;
				font-size: 32px !important;
			}
			 /* Side Navigation Styling */
        .side-navigation {
            position: fixed;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            padding: 10px;
            border-radius: 8px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            width: 210px;
            transition: all 0.3s ease-in-out;
            overflow: hidden;
        }

        .side-navigation a {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            margin: 5px 0;
            text-decoration: none;
            color: #333;
            border-radius: 5px;
            transition: 0.3s;
            white-space: nowrap;
            font-size: 14px;
        }

        .side-navigation a i {
            margin-right: 10px;
            font-size: 18px;
        }

        .side-navigation a:hover,
        .side-navigation a.active {
            background: #007bff;
            color: white;
            font-weight: bold;
        }

        /* Minimized Navigation */
        .side-navigation.minimized {
            width: 60px;
            padding: 10px;
			overflow: visible;
        }

        .side-navigation.minimized a {
            justify-content: center;
        }

        .side-navigation.minimized a i {
            margin-right: 0;
        }

		
        .side-navigation.minimized a span {
            display: none;
        }

        /* Tooltip on Hover in Minimized Mode 
        .side-navigation.minimized a:hover::after {
            content: attr(data-title);
            position: absolute;
            left: 70px;
            background: #007bff;
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 14px;
            white-space: nowrap;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
        }
		*/
		/* Ensure anchor is positioned relative for absolute tooltip placement */
		.side-navigation.minimized a {
			position: relative;
			overflow: visible; /* Ensure tooltips are not clipped */
		}

		/* Tooltip styling */
		.side-navigation.minimized a:hover::after {
			content: attr(data-title); /* Display the text from data-title */
			position: absolute;
			left: 55px; /* Position tooltip next to the icon */
			top: 50%;
			transform: translateY(-50%);
			background:rgb(187, 218, 252);
			color: black;
			padding: 5px 10px;
			border-radius: 5px;
			font-size: 14px;
			font-weight: 500;
			white-space: nowrap;
			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
			opacity: 1;
			visibility: visible;
			transition: opacity 0.2s ease-in-out;
			z-index: 5000; /* Ensure tooltip is above other elements */
		}

		/* Ensure tooltip is hidden by default */
		.side-navigation.minimized a::after {
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.2s ease-in-out;
		}

        /* Toggle Button (Always Visible) */
        .toggle-btn {
            position: fixed;
            left: 210px; /* Position outside the sidebar */
            top: 50%;
            transform: translateY(-50%);
            background: #007bff;
            color: white;
            width: 35px;
            height: 35px;
            text-align: center;
            border-radius: 5px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            transition: all 0.3s ease-in-out;
			z-index: 4999;
        }
        .se-feature-style-3 .feature-wrap{
				background-color: #f3f3f3;
				padding: 30px;
				text-align: center;
				min-height: 275px;
				overflow: auto;
			}
			.feature-wrap h5{
				font-weight: 500;
				
			}
			.feature-wrap p{
				font-size: 1em;
				color: rgb(78, 77, 77);
			}
			.feature-wrap a{
				font-size: 1em;
				color: rgba(5, 92, 191, 1);
			}
			.feature-wrap i{
				color: rgba(119, 182, 255, 1);
				margin-bottom: 10px;
			}

        /* Adjust button position when minimized */
        .side-navigation.minimized + .toggle-btn {
            left: 60px;
        }

	        
			@media only screen and (max-width: 767px) {
				h1 .line1{
					font-size: 36px;
				}
				div .line3{
					font-size: 30px;
				}
				#crm-tools .content-block-body{
					margin-top: 50px;
					margin-bottom: 50px;
				}
				.best-star{
					height: 90px;width:auto;
				}
				.cta-feature-row .card{
					margin-top: 5px;
				}
				.side-navigation, .toggle-btn {
					opacity: 0;
					visibility: hidden;
				}
			}
			.get-started-free-button{
				font-size: 18;
			    font-weight: 400;
			    padding: 15px;
			    background-color: #1f73ff;
			    color: #ffffff;
			    text-align: center;
			    text-transform: uppercase;
			    border-radius: 5px;
			}
			a.get-started-free-button:hover{
				background-color: #185ab7;
			    color: white;
			    text-align: center;
			    text-transform: uppercase;
			    border-radius: 5px;
			}
			header{
		margin-bottom: 10px;
	}
	
	a.text-signup{
		color:#3189fc!important;
	}
	#displayMsg{
		visibility: hidden;
		left: 50%;
	    position: fixed;
	    transform: translate(-50%, 0px);
	    z-index: 9999;
	    display: flex;
	    width: 100%;
	    height: auto;
	}
	header{
		margin-bottom: -10px;
		padding-bottom: 0px;
		/*
		background: #ebf8ff;
		background: linear-gradient(90deg,rgba(235,248,255,1) 0%,rgba(213,238,250,1) 41%,rgba(240,252,255,1) 91%,rgba(235,248,255,1) 100%);
		*/
	}
	.fixed-top.scrolled {
	  background-color: #fff !important;
	  transition: background-color 200ms linear;
	}
	.page-header-content-landing-bg {
		/*
	    border-bottom: 10px solid #ebf8ff;
	    */
    }
    a.text-signup{
	    /* padding: 5px 10px; */
	    background-color: #4faffa;
	    color: #fff!important;
	    border-right: 1px solid #4598d8;
    }
    
	.free{
		    z-index: 1;
    position: absolute;
    margin-top: -15px;
    margin-left: -20px;
    color: #d90303;
    font-size: 16px;
    font-weight: 700;
	}
	.s5{
				display: block;
				background-color: #f6fbff;
			    border: 2px solid #64ace6;
			    box-shadow: -2px 2px 1px 4px grey;
			    min-height: 450px;
			}
			.s5 .img-div{
				min-height: 200px;
			}
			.s6{
				font-size: 22px;
			    display: inline-block;
			    padding: 5px 10px;
			    border-radius: 5px;
			    color: #00769e;
			    background-color: #d2eafd;
			    margin-bottom: 10px;
			    text-shadow: 1px 1px 1px #4c5494;
			    box-shadow: 1px 1px 7px -4px #00769e;
			}
			.feature-info{
				background-color: #f3f3f3;
				padding-top: 60px;
				padding-bottom: 60px;
				padding-left:40px;
			}
			.se-btn-black{
				background-color: #066ec8;
				color:white;
			}
			.div-on-us{
				color: blue;
				font-weight: 800;
			}
/* End of Footer Style */
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
	.page-header-content{
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.page-header-content h1{
		margin-top: 10px;
	}
	.hero-text{
		margin-top: 10px;
	}
	.fixed-top {
		  background-color: #fff !important;
		  transition: background-color 200ms linear;
		}
		a.text-signup{
		    padding-left: 5px;
		    padding-right:5px;
		    background-color: #cf0505;
		    color: white !important;
		    border: 1px solid #cf0505;
		    width: auto;
		    display: inline-block;
	    }
}
/* navigation */
:root {
      --brand-a: #667eea;
      --brand-b: #764ba2;
    }

    /* Brand + primary button */
    .navbar-brand{
      background: linear-gradient(135deg, var(--brand-a), var(--brand-b));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 700;
    }
    .navbar .btn-primary{
      background: linear-gradient(135deg, var(--brand-a), var(--brand-b));
      border: 0; border-radius: 50px; padding: .55rem 1.2rem; font-weight: 600;
      transition: transform .2s, box-shadow .2s;
    }
    .navbar .btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(118,75,162,.22); }

    /* Links underline animation */
    .nav-link { position: relative; transition: color .25s; }
    .nav-link:hover { color: var(--brand-a) !important; }
    .nav-link::after{
      content:""; position:absolute; left:50%; bottom:-6px; width:0; height:2px;
      background: var(--brand-a); transition: width .25s, left .25s; border-radius: 1px;
    }
    .nav-link:hover::after{ left: 0; width: 100%; }

    /* Keep dropdowns visible beyond navbar bounds */
    .navbar { overflow: visible; }

    /* ---------- Mega dropdown (Features) ---------- */
    .navbar .dropdown-mega.position-static { /* required for full-width */ }

    .navbar .mega-menu.dropdown-menu{
      /* full width under navbar on desktop; no transform jumps */
      left: 0; right: 0; top: 100%; transform: none !important;
      border: 0; border-radius: 0 0 16px 16px;
      padding: 0;              /* inner container will pad */
      box-shadow: 0 2rem 3rem rgba(0,0,0,.08);
      max-height: 70vh;        /* stays readable on short windows */
      overflow: auto;          /* scroll if too tall */
      z-index: 1080;
      margin-top: 0;           /* remove any gap */
    }

    .navbar .mega-wrap{ padding: 1.75rem 0; background: #fff; }

    .navbar .feature-card{
      position: relative; display: flex; flex-direction: column; height: 100%;
      border: 1px solid rgba(0,0,0,.06); border-radius: 14px; padding: 1.25rem;
      background: #fff; transition: transform .2s, box-shadow .2s, border-color .2s;
    }
    .navbar .feature-card:hover{
      transform: translateY(-4px);
      box-shadow: 0 1.25rem 2.25rem rgba(0,0,0,.08);
      border-color: rgba(102,126,234,.35);
    }
    .navbar .icon-badge{
      width: 48px; height: 48px; border-radius: 12px;
      display: inline-flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, rgba(102,126,234,.15), rgba(118,75,162,.15));
      font-size: 1.4rem; color: var(--brand-a);
    }
    .navbar .feature-title{ margin-top: .9rem; margin-bottom: .25rem; font-weight: 700; color: #222; }
    .navbar .feature-desc{ margin: 0; color: #6b7280; font-size: .98rem; line-height: 1.45; }
    .navbar .feature-cta{ margin-top: .75rem; font-weight: 600; color: var(--brand-a); text-decoration: none; }
    .navbar .feature-cta:hover{ text-decoration: underline; }

    /* Mobile/tablet: dropdown becomes a normal block inside collapsed nav */
    @media (max-width: 991.98px){
      .navbar .mega-menu.dropdown-menu{
        position: static; inset: auto; width: 100%;
        border-radius: 12px; border: 1px solid rgba(0,0,0,.08);
        margin-top: .5rem; box-shadow: 0 1rem 2rem rgba(0,0,0,.08);
      }
      .navbar .mega-wrap{ padding: 1rem; }
    }
    .zn-footer{background:#1f2c45;color:#e6eefc;border-top:1px solid #1f2740}
  .zn-footer a{color:#d1e3ff;text-decoration:none}
  .zn-footer a:hover{color:#ffffff;text-decoration:underline}
  .zn-footer .footer-title{font-weight:700;font-size:.95rem;letter-spacing:.01em;color:#9cc2ff;margin-bottom:.5rem}
  .zn-footer .footer-links li{margin:.35rem 0}
  .zn-footer .footer-logo img{filter:brightness(100%)}
  .zn-footer .contact a{color:#d1e3ff}
  .zn-footer .contact a:hover{color:#fff}
  .zn-footer .sep{opacity:.6;margin:0 .4rem}
  @media (max-width: 575.98px){
    .zn-footer .footer-title{margin-top:1rem}
  }