body {
	font-family: Montserrat, sans-serif;
}

.navbar {
    background: none !important; /* Clears Bootstrap's default background */
}
.navbar-brand img {
            max-height: 70px; /* Adjust height as needed */
            width: auto;
        }
nav.custom-skyblue {
    background: linear-gradient(to right, #87CEEB, #FFFFFF) !important;
    background-size: cover !important;
    background-position: center !important;
    border: none !important;
}
.hero { 
		background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://via.placeholder.com/1500x600') no-repeat center center/cover; 
		color: white; 
		text-align: center; 
		padding: 100px 20px; 
        }
		
.feature-img {
    width: 130px;  /* Fixed width */
    height: 130px; /* Fixed height */
    border-radius: 50%; /* Perfect circle */
    object-fit: cover; /* Ensures proper scaling without distortion */
    aspect-ratio: 1 / 1; /* Ensures true square dimensions */
    display: block; /* Removes inline spacing issues */
    margin: auto; /* Centers images */
}
.full-image {
    width: 100%; /* Ensures it spans the full width */
    height: auto; /* Maintains aspect ratio */
    object-fit: contain; /* Prevents cropping */
    display: block; /* Removes inline spacing */
}