* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none !important;
	list-style: none !important;
	outline: none !important;
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	color: #888888;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	height: 100%;
	overflow-x: hidden;
}
a {
	text-decoration: none !important;
}
	a:hover {
		color: #ab2f52 !important;
	}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
span, a {
	display: inline-block;
	color: inherit;
}
h1, h2, h3, h4, h5, h6 {
	color: #151515;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	margin: 0;
}
p {
	line-height: 1.6;
	font-weight: 400;
	margin: 0;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 26px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 13px;
}
h4 {
	font-weight: 400;
}
h6 {
	font-weight: bold;
}
.navbar {
	position: fixed;
	right: 0;
	left: 0;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	min-height: 50px;
	line-height: 50px;
	background: transparent;
	z-index: 1030;
}
	.navbar .active {
		color: #ab2f52 !important;
	}

.navbar .nav-item {
	margin: 0 5px;
	padding: 0;
}
.navbar .nav-item a {
	color: #ffffff;
	font-weight: 300;
	  color: black;
}
.navbar .nav-link {
	position: relative;
	padding: 0;
}
.navbar .navbar-toggler {
	cursor: pointer;
}
.navbar .navbar-toggler span {
	color: #fff;
}
.navbar-style2 .active:after, .navbar-style2 .nav-link:after {
	display: none;
}
.nav-scroll {
	background: #fff;
	-webkit-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.0509803922);
	box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.0509803922);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.nav-scroll .navbar-nav > li > a {
	color: #333;
}
.nav-scroll .navbar-brand img {
	-webkit-transform: scale(1.03) !important;
	transform: scale(1.03) !important;
}
.nav-scroll .navbar-toggler {
	cursor: pointer;
}
.nav-scroll .navbar-toggler span {
	color: #333;
}
.nav-scroll .nav-link:hover:after {
	background-color: #ab2f52;
}
.nav-scroll .active {
	position: relative;
}

.logo-navbar {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 3px;

}


.banner {
	padding: 100px 0;
	background-image: url("images/bk88.png");/* Set the background image */
	background-color: #c5e5e3;
	background-size: cover; /* Adjust the background size to cover the entire container */
	background-repeat: no-repeat; /* Prevent the background image from repeating */
	background-position: center;
	box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.0509803922);
}

.banner-cont {
	margin-top: 20px; /* Add some space between the navbar and the banner */
}

.banner-heading {
	font-family: "Cormorant Garamond", serif;
	font-size: 40px;
	font-weight: bold;
	color: black;
}

/* Add media query for responsiveness */
@media (max-width: 767px) {
	.banner-heading {
		font-size: 24px;
	}
}


.section-padding {
	padding: 10px;	
}
.section-title {
	margin: 20px;
}
.section-title h3 {
	position:center;
	text-align: center;
	color: #ab2f52;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 22px;
}
.section-title p {
	width: 60%;
	margin: 15px auto 15px;
}




.section-info{
	margin:20px;
}


.routine {
	text-align: center;
}



.routinetable {
	width: 800px;
	max-width: 800px;
	margin: 0 auto;
	border-collapse: collapse;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a drop shadow */
}

	.routinetable th, .routinetable td {
		padding: 10px;
		border: 1px solid #ccc;
		background-color: #f7f0d7; /* Use a lighter color for the background */
	}

/* Add media query for responsiveness */
@media (max-width: 600px) {
	
	.section-info {
		flex-basis: 100%;
		max-width: 100%;
		margin: 5px;
	}
	
	.routinetable {
		max-width: 100%;
		
	}
	.routinetable th {
		min-width: 130px;
	}
}

.about-us .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px; /* Add padding to the container */
}


.about-us .col-md-6 {
	flex-basis: 50%;
	max-width: 50%;
}

.sub-title-paragraph {
	border-collapse: collapse;
	margin: 20px;
	position: center;
}

.sub-title-paragraph2 {
	border-collapse: collapse;
	margin: 20px ;
	position: center;
	margin-bottom: 30px;
}

.sub-title-paragraph h3{
	position:center;
}


.section-title h3 {
	text-align: center;
	color: #ab2f52;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 25px;
	margin-bottom: 22px;
}

@media screen and (max-width: 767px) {

	.sub-title-paragraph h4 {
		text-align: center;
	}
}


	.section-title-line {
		background: #ececec;
		content: "";
		height: 1px;
		position: absolute;
		left: calc(50% - 87px);
		width: 175px;
	}

		.section-title-line:after {
			background: #ab2f52;
			bottom: -1px;
			content: "";
			height: 2px;
			left: calc(50% - 22px);
			position: absolute;
			width: 45px;
		}



	.section-info2 {
		margin-top: 10px;
	}

	.mb-30 {
		margin-bottom: 30px !important;
	}

	.mb-50 {
		margin-bottom: 50px !important;
	}

	.mb-100 {
		margin-bottom: 100px !important;
	}

	.mt-50 {
		margin-top: 50px !important;
	}

	.mt-100 {
		margin-bottom: 100px !important;
	}

	.pd-lt-10 {
		padding-left: 10px;
	}

	.no-padding {
		padding: 0px !important;
	}

	.sub-title-paragraph2 {
	}

	.sub-title-paragraph h4 {
		position: center;
		margin-bottom: 5px;
	}

	.sub-title-paragraph h5 {
		color: #ffaf53;
	}

	.sub-title-paragraph p {
		padding-top: 20px;
		font-weight: 300;
		font-size: 14px;
		line-height: 25px;
	}



	.container3 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px;
	}


	.two-columns {
		justify-content: center;
		gap: 50px; /* Add spacing between the two columns */
	}

	.column {
		flex-basis: 50%;
		margin-bottom: 20px;
		text-align: center; /* Center the table within the column */
	}


		.column table {
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		}

	.two-columns h4 {
		margin: 20px;
	}



	@media screen and (max-width: 767px) {
		.about-us .container {
			display: block; /* Change to block layout on smaller devices */
			padding: 0 15px; /* Add left and right padding for spacing */
		}

		.about-us .col-md-6 {
			flex-basis: 100%; /* Take full width on smaller devices */
			max-width: 100%;
			margin-bottom: 10px; /* Reduce the margin between the sections */
		}

		.section-info3 {
			text-align: center; /* Center the text within the section */
			margin: 10px 0; /* Add some vertical spacing between the sections */
		}
	}





	table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 10px;
	}

	th, td {
		padding: 8px;
		border: 1px solid #ccc;
		text-align: left;
	}

	th {
		background-color: #f2f2f2;
	}




	.column3 {
		text-align: left;
		margin-bottom: 20px;
		background-color: whitesmoke;
		border-radius: 15px;
		padding: 20px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}


	.centered-section {
		text-align: left;
		margin-top: 40px;
	}

		.centered-section h3 {
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 20px;
		}

		.centered-section ul {
			padding-left: 20px; /* Add some indentation for the list items */
		}

		.centered-section li {
			font-weight: bold;
			font-style: normal; /* Use italic font style */
			margin-bottom: 10px;
			line-height: 1.6;
		}

	.row {
		justify-content: center;
	}

	/* Responsive Styles */
	@media screen and (max-width: 600px) {
		.column {
			margin: 0;
			padding: 0 10px;
		}

		.centered-section h3 {
			font-size: 20px;
		}
	}



	.zavelejki {
	}

	.zabelejki p {
		text-align: center;
		padding: 50px;
	}


	@media screen and (max-width: 600px) {
		.column {
			flex-basis: 100%;
		}
	}

	.anchor-btn {
		background: #ffaf53;
		padding: 10px 20px;
		color: #ffffff !important;
		border-radius: 3px;
		margin-top: 30px;
	}

	.bg-grey {
		background-color: #fafafa;
	}

	.bg-white {
		background: #ffffff;
	}

	.service-box {
		padding: 50px;
		border-radius: 4px;
		-webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
		box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
	}

		.service-box .icon {
		}

			.service-box .icon i {
				font-size: 40px;
				color: #ffaf53;
			}

	.icon-text {
	}

		.icon-text h4 {
			font-size: 16px;
			font-weight: 600;
			margin: 10px 0px;
			position: relative;
			padding-bottom: 14px;
		}

			.icon-text h4:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 60px;
				height: 2px;
				background-color: #bcbcbc;
				-webkit-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
				left: calc(50% - 30px);
			}

		.icon-text p {
			line-height: 25px;
			font-weight: 300;
		}

	.portfolio .filtering {
		border-radius: 28px;
		margin: 0 auto;
		border: 1px dotted #e1e1e1;
	}

		.portfolio .filtering button {
			position: relative;
			top: -1px;
			font-size: 14px;
			font-weight: 400;
			padding: 10px 30px;
			letter-spacing: 2px;
			color: #777;
			cursor: pointer;
			-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			background: none;
			border: 0;
		}

		.portfolio .filtering .active {
			background-color: #ab2f52;
			color: #fff;
			border-radius: 28px;
			-webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.2);
		}

	.portfolio .gallery {
		padding: 0;
		overflow: hidden;
		overflow: hidden !important;
		position: relative;
	}

		.portfolio .gallery .item-img {
			position: relative;
			overflow: hidden;
			width: 100%; /* Set width to 100% for responsiveness */
			max-width: 500px; /* Set a maximum width if needed */
			height: auto; /* Let the height adjust automatically */
			padding-left: 20px;
			padding-right: 20px;
		}

			.portfolio .gallery .item-img .part-img {
				position: relative;
			}

				.portfolio .gallery .item-img .part-img img {
					width: 100%;
					-webkit-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
				}

				.portfolio .gallery .item-img .part-img .overlay-img {
					position: absolute;
					top: 0;
					width: 100%;
					height: 100%;
					overflow: hidden;
				}

					.portfolio .gallery .item-img .part-img .overlay-img:after {
						content: '';
						position: absolute;
						left: -100%;
						top: 0;
						width: 100%;
						height: 50%;
						background: rgba(0, 0, 0, 0.8);
						-webkit-transition: all 150ms ease-in-out 200ms;
						transition: all 150ms ease-in-out 200ms;
					}

					.portfolio .gallery .item-img .part-img .overlay-img:before {
						content: '';
						position: absolute;
						right: -100%;
						bottom: 0;
						width: 100%;
						height: 50%;
						background: rgba(0, 0, 0, 0.8);
						-webkit-transition: all 150ms ease-in-out 200ms;
						transition: all 150ms ease-in-out 200ms;
					}

					.portfolio .gallery .item-img .part-img .overlay-img a {
						width: 100%;
						height: 100%;
					}

					.portfolio .gallery .item-img .part-img .overlay-img h4 {
						color: transparent;
						overflow: hidden;
						position: absolute;
						top: 54px;
						right: 25px;
						z-index: 2;
						font-size: 18px;
						-webkit-transition: color 150ms ease-in-out 200ms;
						transition: color 150ms ease-in-out 200ms;
						text-align: center;
						padding: 0 10px;
					}

						.portfolio .gallery .item-img .part-img .overlay-img h4:before {
							content: '';
							background: #fff;
							bottom: 0;
							position: absolute;
							right: 100%;
							top: 0;
							width: 100%;
							-webkit-transition: right 600ms ease-in-out 0s;
							transition: right 600ms ease-in-out 0s;
						}

					.portfolio .gallery .item-img .part-img .overlay-img h6 {
						color: transparent;
						overflow: hidden;
						position: absolute;
						top: 30px;
						right: 25px;
						z-index: 2;
						font-size: 18px;
						-webkit-transition: color 150ms ease-in-out 200ms;
						transition: color 150ms ease-in-out 200ms;
						text-align: center;
						padding: 0 10px;
					}

						.portfolio .gallery .item-img .part-img .overlay-img h6::before {
							content: '';
							background: #fff;
							bottom: 0;
							right: auto;
							position: absolute;
							left: 100%;
							top: 0;
							width: 100%;
							-webkit-transition: left 600ms ease-in-out 0s;
							transition: left 600ms ease-in-out 0s;
						}

			.portfolio .gallery .item-img:hover img {
				-webkit-transform: scale(1.04);
				transform: scale(1.04);
			}

			.portfolio .gallery .item-img:hover .overlay-img:after {
				left: 0;
				-webkit-transition: all .8s;
				transition: all .8s;
				opacity: 1;
			}

			.portfolio .gallery .item-img:hover .overlay-img:before {
				right: 0;
				width: 100%;
				height: 50%;
				-webkit-transition: all .8s;
				transition: all .8s;
				opacity: 1;
			}

			.portfolio .gallery .item-img:hover .overlay-img h4 {
				color: white;
			}

				.portfolio .gallery .item-img:hover .overlay-img h4:before {
					right: -100%;
				}

			.portfolio .gallery .item-img:hover .overlay-img h6 {
				color: white;
			}

				.portfolio .gallery .item-img:hover .overlay-img h6:before {
					left: -100%;
				}

	.portfolio-style2 .filtering {
		border: 1px solid #e1e1e1;
	}

		.portfolio-style2 .filtering .active {
			background-color: #1c1c1c;
		}


	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #ab2f52 !important;
	}




	.part-info {
		margin: 42px;
	}

	.info-box {
		display: flex;
		align-items: center;
		padding-bottom: 30px;
	}

		.info-box .icon {
			flex: 0 0 30px;
			margin-right: 10px;
			display: flex;
			align-items: center;
		}

			.info-box .icon i {
				font-size: 25px;
				color: #ab2f52;
			}

		.info-box .content {
			flex: 1;
		}

			.info-box .content h4 {
				font-size: 20px;
				margin-bottom: 10px;
				margin-left: 40px;
			}

			.info-box .content2 h4 {
				font-size: 20px;
				margin-bottom: 10px;
			
			}

			.info-box .content .address {
				display: flex;
				align-items: center;
			
			
			}

				.info-box .content .address .icon {
				
				}

			.info-box .content a {
				color: blue;
				margin: 5px;
				display: inline-block;
			}




	.bttn {
		position: relative;
		cursor: pointer;
		color: #fff;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: #ab2f52;
		padding: 12px 45px;
		font-size: 15px;
		border-radius: 30px;
		margin-top: 30px;
		border: none;
	}

	.footer-copy {
		background: #242424;
		color: #ffffff;
		font-size: 13px;
		text-align: center;
		padding: 7px 0px;
	}



	.rejim-table {
		border-collapse: collapse;
		margin: 25px 0;
		font-size: 0.9em;
		font-family: sans-serif;
		min-width: 400px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}



	@media all and (max-width:991px) {
		.navbar .navbar-collapse {
			overflow: auto;
			background: rgba(0, 0, 0, 0.72);
			color: #fff !important;
			text-align: center;
			padding: 10px 0;
		}

		.nav-scroll .navbar-collapse {
			background: #fff !important;
		}
	}

	@media all and (max-width:768px) {
		.nav-scroll .navbar-brand img, .navbar-brand img {
			transform: scale(0.75) !important;
			-webkit-transform: scale(0.75) !important;
		}

		.banner h1 {
			font-size: 30px;
		}

		.section-title p {
			width: 100%;
		}

		.section-title h3 {
			margin-bottom: 12px;
			font-size: 25px;
		}



		.section-padding {
			padding: 60px 0px;
		}


		.portfolio .filtering {
			border: none;
		}

			.portfolio .filtering .active {
				border-radius: 0px;
			}

			.portfolio .filtering button {
				font-size: 10px;
				padding: 10px 15px;
			}

		.banner-overlay {
			padding: 150px 0px 100px;
		}
	}

	#map-container {
		position: relative;
		width: 800px;
		height: 500px;
		padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
		margin-bottom: 50px;
		margin-top: 20px;
		overflow: hidden;
		border-radius: 15px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}

	#map {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	@media screen and (max-width: 767px) {
		#map-container {
			width: 100%;
			height: 400px; /* Adjust the height as needed for smaller devices */
		}
	}

	.zab2 {
		padding-bottom: 20px;
	}

.bold-text {
	font-weight: bold;
}



#scroll-to-top {
	position: fixed;
	width: 60px;
	bottom: 30px;
	right: 20px;
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s;
}

	#scroll-to-top.show {
		opacity: 0.8;
	}

@media (max-width: 767px) {
	#scroll-to-top {
		width: 50px;
	}
}