/* Top Bar */
.top-bar {
	background-color: #C07BA5;
	color: white;
	font-size: 14px;
	padding: 8px 0;
}

.top-bar a {
	color: white;
	text-decoration: none;
}

/* Logo */
.logo {
	max-height: 60px;
}

/* Navbar */
.navbar {
	background-color: #F5F5F5;
}

.navbar-nav .nav-link {
	font-weight: bold;
	color: #333;
}

.navbar-nav .nav-link:hover {
	color: #C07BA5;
}

/* Button */
.btn-round-purple {
	background-color: #C07BA5;
	color: white;
	border-radius: 20px;
	padding: 10px 20px;
	font-weight: bold;
}

.btn-round-purple:hover {
	background-color: #A06089;
	color: white;
}
.col-md-6 .img-welcome {
	width:340px;
	height:400px;	
}
.nav-item {
    position: relative;
}

#services {
    display: block !important; /* Ensure section is visible */
    padding-top: 50px; /* Add some spacing */
}
.card {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.card:hover {
    transform: scale(1.05);
}
/*background images */
.upper-main{
	background: url('../img/back-upper.png') no-repeat center center;
	background-size: cover;
	position: relative;
	padding: 60px 0;
}
.hero{
	background: url('../img/main-banner-bak.png') no-repeat center center;
	background-size: cover;
	position: relative;
	padding: 60px 0;
}
.welcomeGd{
	background: url('../img/shader.png') no-repeat center center;
	background-size: cover;
	position: relative;
	height: 300px; 
    display: flex; 
    align-items: center;     
}
.aboutUs{
	background: url('../img/appoint-non.png') no-repeat center center;
	background-size: cover;
	position: relative;
	height: 400px;  
	display: flex;
    align-items: center; 
    justify-content: center;  
	font-family: Fira Sans;font-size: 25px; font-weight: bold;
}
.contact-us{
	background: url('../img/contact-us-back.png') no-repeat center center;
	background-size: cover;
	position: relative; 
	height: 500px;   
}
.back-lower{
	background: url('../img/back-upper.png') no-repeat center center;
	background-size: cover;
	position: relative;
	padding: 60px 0;
}

.thennow{
	display: flex;
    justify-content: end; 
    flex-wrap: wrap; 
    gap: 20px; 	
}



/* testomorial cards */
.testimonial-card {
	position: relative;
	border-radius: 15px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	padding: 20px;
	text-align: center;
	transition: transform 0.3s ease-in-out;
	overflow: visible;
}

.testimonial-card:hover {
	transform: scale(1.03);
}

.profile-img-container {
	position: absolute;
	bottom: -20px; 
	left: 20px; 
	z-index: 10;
}

.profile-img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 3px solid white;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.card-body {
	padding-bottom: 30px;
}

.card-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.card-text {
	font-size: 0.95rem;
	color: #555;
}
.visitus p{
	font-size: 25px;
	font-family: Fira Sans;
}

/* footer */

.map-overlay-container {
	position: relative;
	z-index: 10;
	margin-bottom: -500px;
}

.map-overlay {
	width: 390px; 
	height: 390px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -60px; 
	background: #fff;
	border-radius: 50%;
	padding: 5px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Footer styling */
.footer {
	background-color: #502A50; 
	color: #fff;
	padding: 40px 0;
	position: relative;
}

.footer a {
	color: #fff;
	text-decoration: none;
	margin: 0 15px;
}

.footer a:hover {
	text-decoration: underline;
}

	/* image gallery */
	.container {
		text-align: center;
	}
	
	.feature {
		margin-bottom: 20px;
	}
	
	.featured-item {
		width: 100%;
		max-width: 370px; 
		margin: auto;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.featured-item img {
		width: 100%;
		display: block;
		transition: transform 0.3s ease-in-out;
	}
	
	.gallery-wrapper {
		display: flex;
		justify-content: center;
	}
	
	.gallery {
		display: flex;
		gap: 15px;
	}
	
	.item-wrapper {
		width: 100px;
		cursor: pointer;
	}
	
	.gallery-item {
		border-radius: 8px;
		overflow: hidden;
	}
	
	.gallery-img {
		width: 100%;
		display: block;
		transition: transform 0.3s ease-in-out;
	}
	
	.gallery-img:hover {
		transform: scale(1.1);
	}
	
	.controls {
		margin-top: 20px;
	}
	
	.move-btn {
		background: #333;
		color: #fff;
		border: none;
		padding: 10px 20px;
		cursor: pointer;
		margin: 5px;
	}
	
	.move-btn:hover {
		background: #555;
		font-family: Jost;
	}
	.table-transparent {
        background-color: transparent !important;
    }
    .table-transparent th, 
    .table-transparent td {
        background-color: transparent !important;
    }
.footerNav{
	padding-top: 50px;
}
	.left{
		float:left;
	}
	.small-text{
		font-size:11px;
	}
	.font-12{
		font-size:12px;
	}
	.about-text-width{
		width:50%;
	}

	@media (max-width: 576px) {
		.mobile-padding-top {
			padding-top: 100px; 
		}
		.mobile-padding-bottom {
			padding-bottom: 100px; 
		}
		.mobile-margin-bottom-sm {
			margin-bottom: 10px; 
		}
		.about-text-width{
			width:100%;
		}
		.map-overlay{
			width: 190px;
    		height: 190px;
		}
		.map-overlay-container {
			margin-bottom: -600px;			
		}
		.footerNav{
			padding-top: 125px;
		}
		.aboutUs{
			height:450px; 
		}
	}