nav {
    background-color: white;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #cccccc 100%); 
	/* background-color: #003388; */
	/* background: linear-gradient(180deg, #003388 0%, #003388 0%, #001166 100%); */
	border-bottom: 2px solid #333;
}

.navbar-brand {
    color: darkblue;
}

.navbar-toggler {
    border-color: white; /* Make the border of the button white */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* Change icon color to white */
}

.nav-link {
    border-radius: 10px; 
    color: black; !important;
}

.nav-link:hover {
    color: #587fe3; 
}

.nav-link.active {
    border-radius: 10px;
    color: #ffffff !important;
  	background-color: #587fe3 !important; 
}

.nav-item a {
    border-radius: 8px;
}

.section-key-features {
    border-top: 3px solid black;
	background: linear-gradient(180deg, rgba(35,66,76,1) 0%, rgba(73,135,230,0.8) 15%, rgba(0,221,255,0.2) 70%, rgba(255,255,255,0.2) 100%);
	color: #fff;
}

.section-key-features .card {
    box-shadow: 1px 1px 0px 0px;
}

.section-cta-callback {


}

.section-cta-plans {
	
	background: rgb(40,150,40);
	color: #fff; 
	border-bottom: 2px solid darkgreen;
	border-top: 2px solid darkgreen;
}

.section-cta-plans .card {
    background-color: #ffffff; /* Keep the cards white for contrast */
    border: 0px solid darkgreen; /* Add a border that matches the section for consistency */
    box-shadow: 2px 2px 0px 0px;
}

.section-cta-plans a {
    color: white;
}

.section-cta-testimonial {
	/* background: linear-gradient(180deg, rgba(4,122,4,0.2) 0%, rgba(17,152,17,0.2) 100%); */
	color: #333;
}

.section-cta-testimonial .card {
	border: 1px solid green;
}

.section-cta-signup {

}

.section-calc {
    background: rgb(40,150,40);
        color: #fff;    
}

.section-footer {
    background-color: #333;
    background: linear-gradient(180deg, #555, #222);    
    color: #ccc;
}


.btn, .card, .card-header {
    border-radius: 10px;
}

.btn {

}

.card {
    background: linear-gradient(145deg, #fafafa, #fff);
}

.table-container {
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Drop shadow */
    overflow: hidden; /* Ensure rounding applies */
}

.carousel-caption p, .carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
  color: white;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}