body {
	padding: 0px;
	margin: 0px;
}
/*** navbar ***/

.topnav {
	background-color: #fff;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #ccc;
	box-shadow: 0px 3px 3px rgba(32, 43, 50, .5);
}


/* Style the links inside the navigation bar */

.topnav {
	background-color: #fff;
	overflow: hidden;
	margin: 0px;
    padding: 0px;
}
.topnav a {
	float: left;
	display: block;
	color: #000;
	text-align: center;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 17px;
	line-height: 40px;
	border-right:1px solid #ccc;
}
.topnav .logo {
	line-height: 10px;
	margin: 0px;
}
.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav a:hover:has(img) {
  background-color: #fff; 
}

.topnav .icon {
	display: none;
}
/* Style for the inner container div */

.topnav-inner-div {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
 @media screen and (max-width: 900px) {
.topnav a {
	border-right:none;
	border-top:1px solid #ccc;
}

.topnav .logo {
	border-right:none;
	border-top:none;
}

.topnav .icon {
	border:none;
}

.topnav li a {
	display: none;

}
.topnav a:not(:first-child) {
	display: none;
}
.topnav a.icon {
	float: right;
	display: block;
}
.topnav a.icon {
	float: right;
	display: block;
	line-height: 40px;
}
.topnav .logo {
	line-height: 10px;
	margin: 0px;
}
}
 @media screen and (max-width: 900px) {
.topnav .responsive li {
	display: block;
}
.topnav.responsive {
	position: relative;
}
.topnav.responsive a.icon {
	position: absolute;
	right: 0;
	top: 0;
}
.topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
}
.topnav .logo {
	line-height: 10px;
	margin: 0px;
}
}
/*** navbar end ***/



/*** footer ***/





.footer-top-row {
	background-color: #f2f2f2; /* Light grey background */
	padding: 10px 0;
}
.footer-container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.footer-content {
	text-align: left;
}
.footer-bottom-row {
	background-color: #333;
	color: white;
}
.footer-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-text {
	text-align: left;
}
.footer-links {
	text-align: right;
}
.footer-links ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-links li {
	display: inline;
	margin-right: 15px;
}
.footer-links a {
	color: white;
	text-decoration: underline;
}
.footer-links a:hover {
	text-decoration: underline;
}
 @media screen and (max-width: 768px) {
.footer-inner {
	flex-direction: column;
	align-items: center;
}
.footer-text, .footer-links {
	margin-bottom: 10px;
}
}
 @media screen and (max-width: 1180px) { /* Adjust breakpoint if needed */
.footer-content {
	padding: 0 10px;
	;
}
.footer-inner {
	padding: 0 10px;
	;
}
}

/*** footer end ***/
