html {
	overflow-x: hidden;
}

body {
	font-family: 'AvenirLight', Times, serif;
	overflow-x: hidden;
}

@font-face {
	font-family: 'AvenirLight';
	src: url('../fonts/AvenirLight.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

@font-face {
	font-family: 'AvenirMedium';
	src: url('../fonts/AvenirMedium.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

@font-face {
	font-family: 'AvenirBlack';
	src: url('../fonts/AvenirBlack.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

@font-face {
	font-family: 'Rockybilly';
	src: url('../fonts/Rockybilly.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

a {
	text-decoration: none;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover {
	text-decoration: none;
}

.container {
	max-width: 1200px;
}

.navbar-brand {
	display: none;
}

.header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	background-image: linear-gradient(rgba(22, 30, 43, 1), rgba(22, 30, 43, 0));
	width: 100%;
}

.header .navbar-collapse {
	justify-content: center;
}

.header .nav-item .nav-link {
	padding: 0;
	color: #fff;
	font-size: 16px;
}

.header .navbar-nav {
	gap: 30px;
	align-items: center;
}

.header .nav-item .nav-link:hover {
	color: #ffb911;
}

.desktoplogo {
	margin: 0 30px 0 30px;
}

.bannerbg-content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.bannerbg-content h1 {
	font-family: 'AvenirMedium', Times, serif;
	color: #fff;
	font-size: 90px;
	text-transform: uppercase;
	margin: 0 0 35px 0;
	position: relative;
}

.bannerbg-content h1::before {
	content: "";
	position: absolute;
	left: 100px;
	top: -120px;
	background: url(../images/textborder.png) no-repeat;
	width: 185px;
	height: 358px;
}

.bannerbg-content p {
	color: #fff;
	font-size: 25px;
	font-family: 'AvenirMedium', Times, serif;
	line-height: 30px;
	padding-left: 15%;
}



/* banner inner pages */
.banner-section-st {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	/* background-color: #3b589a;  */
	background-image: url(../images/banner-inner.jpg);
	height: 550px;
	padding-top: 120px;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-section-st-content h1 {
	font-size: 4.5rem;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}


.banner-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	gap: 50px;
}

.banner-title-wrapper {
	display: flex;
	align-items: center;
}

.yellow-border {
	width: 5px;
	height: 80px;
	background-color: #ffb911;
}

.banner-title {
	font-size: 2rem;
	margin-left: 10px;
}

.banner-description {
	flex: 1;
	font-size: 1rem;
	color: #fff;
	margin-left: 20px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.banner-text {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.banner-title-wrapper {
		justify-content: center;
	}

	.banner-description {
		margin-top: 10px;
	}
}




.about-section {
	padding-top: 130px;
}

.about-section-inner {
	background: url(../images/aboutbg.jpg) no-repeat top center #ebf6ff;
	background-size: 100% auto;
}

.about-section-img {
	margin-top: -100px;
}

.about-section-img img {
	max-width: 100%;
}

.about-section-content {
	padding: 45px;
}

.about-section-content h2 {
	color: #10141d;
	margin: 0 0 25px 0;
}

.about-section-content p {
	color: #10141d;
	font-size: 17px;
	line-height: 26px;
}

.readmore {
	display: inline-block;
	padding: 13px 35px;
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	background-color: #3b589a;
}

.readmore:hover {
	background-color: #1f3f89;
}

.midboxbg {
	padding: 100px 0;
}

.midbox {
	position: relative;
}

.midbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.midbox-content {
	background-image: linear-gradient(0deg, rgba(22, 30, 43, 1), rgba(22, 30, 43, 1), rgba(22, 30, 43, 0));
	padding: 45px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.midbox-content h1 {
	color: #fff;
	font-size: 35px;
	margin: 0 0 25px 0;
}

.midbox-content p {
	color: #fff;
	font-size: 17px;
	line-height: 26px;
}

.requestform-bg {
	background: #f4f4f4;
	padding-top: 25px;
	position: relative;
}

.requestform-img img {
	max-width: 100%;
}

.requestform h2 {
	font-family: 'Rockybilly', Times, serif;
	color: #3b589a;
	font-size: 24px;
}

.requestform h1 {
	color: #10141d;
}

.requestform p {
	color: #10141d;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 20px;
}

.requestform .form-control {
	color: #10141d;
	height: 50px;
	background-color: #e7e7e7;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.requestform .form-check .form-check-input {
	width: 30px;
	background-color: #3b589a;
	border-radius: 0 !important;
	height: 30px;
}

.requestform .form-check-label {
	margin: 7px;
}

.testimonialbg {
	padding: 130px 0 200px 0;
	background: url(../images/testimonialbg.jpg) no-repeat;
	background-size: cover;
	position: relative;
}

.testimonialbox {
	background-color: #f6f6f5;
	padding: 45px;
	display: flex;
	gap: 45px;
	align-items: center;
}

.testimonialbox-img {
	position: relative;
}

.testimonialbox-img .userimg {
	width: 305px !important;
	height: 305px;
	object-fit: cover;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.testimonialbox-img span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.testimonialbox-content p {
	color: #818893;
	font-size: 22px;
	line-height: 28px;
}

.testimonialbox-content h2 {
	color: #3b589a;
	font-size: 25px;
	margin: 0;
}

.testimonialbg .owl-prev {
	position: absolute;
	left: 10px;
	top: 32%;
	font-size: 26px !important;
	color: #3b589a !important;
}

.testimonialbg .owl-next {
	position: absolute;
	right: 10px;
	top: 32%;
	font-size: 26px !important;
	color: #3b589a !important;
}

.testimonialbg .owl-prev:hover,
.testimonialbg .owl-next:hover {
	background: none !important;
}

.footerbg {
	background-color: #161e2b;
}

.footer-newsletter {
	padding: 45px 60px;
	background-color: #3b589a;
	margin-top: -100px;
	position: relative;
	z-index: 99;
}

.footer-newsletter h1 {
	color: #fff;
	font-size: 35px;
	margin: 0 0 20px 0;
}

.footer-newsletter p {
	color: #fff;
	font-size: 17px;
	line-height: 26px;
	margin: 0;
}

.newsletter-from {
	display: flex;
	background-color: #fff;
	padding: 13px;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}

.newsletter-from .form-control {
	border: none;
	font-size: 17px;
	box-shadow: none;
	outline: none;
}

.footer-mid {
	padding: 45px 0;
	gap: 20px;
	display: flex;
	justify-content: space-between;
}

.footer-mid h3 {
	font-size: 16px;
	color: #fff;
	margin: 0 0 20px 0;
}

.footeraddress h3:first-of-type {
	color: #12a5de!important;
	text-transform: uppercase;
	font-size: 20px !important;
}
.quicklinks h3:first-of-type {
	color: #12a5de!important;
	text-transform: uppercase;
	font-size: 20px !important;
}

.footer-mid p {
	font-size: 17px;
	color: #fff;
	margin: 0;
}

.quicklinks-inner {
	display: flex;
	gap: 15px;
}

.quicklinks-inner ul {
	padding: 0;
	margin: 0;
}

.quicklinks-inner li {
	list-style: none;
}

.quicklinks-inner li a {
	font-size: 17px;
	color: #fff;
}

.quicklinks-inner li a:hover {
	color: #ffb911;
}

.footer-bottom {
	/* padding-bottom: 45px; */
	padding: 20px ;
	display: flex;
	gap: 20px;
	font-size: 17px;
	color: #161e2b;
	align-items: center;
	justify-content: center;
}

.footer-bottom a {
	color: #161e2b;
}

.footer-bottom a:hover {
	color: #ffb911;
}
.footer-bottom .whatsapp-icon img{
	width: 60px;
	height: 60px;
}
@media (min-width: 768px) {
	.footer-bottom .whatsapp-icon {
	  display: none;
	}
  }

@media only screen and (min-width: 1141px) and (max-width: 1339px) {
	.desktoplogo img {
		width: 100px;
	}

	.header .navbar-nav {
		gap: 10px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
	.bannerbg-content {
		bottom: 10%;
	}

	.desktoplogo img {
		width: 100px;
	}

	.header .navbar-nav {
		gap: 10px;
	}

	.header .nav-item .nav-link {
		font-size: 12px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header {
		position: inherit;
		/* background: #3b589a; */
		background: #1D2939;
		background: linear-gradient(180deg, rgba(29, 41, 57, 0) 0%, rgba(0, 0, 0, 0.86) 0%, rgba(30, 42, 58, 1) 100%);
		padding: 15px 0;
	}

	.bannerbg-content {
		bottom: 10%;
	}

	.navbar-brand {
		display: block;
	}

	.navbar-brand img {
		width: 70px;
	}

	.header .navbar-toggler {
		background-color: #fff;
	}

	.desktoplogo {
		display: none;
	}

	.bannerbg-content p {
		padding-left: 25%;
	}

	.midbox-content {
		padding: 15px;
	}

	.midbox-content h1 {
		margin: 0 0 10px 0;
	}

	.midbox-content p {
		font-size: 14px;
		line-height: 20px;
	}

	.requestform {
		padding: 25px 0;
		margin-top: 30px;
	}

	.requestform .form-check .form-check-input {
		width: 20px;
		height: 20px;
	}

	.requestform .form-check-label {
		margin: 0 7px;
	}

	.newsletter-from {
		display: block;
	}

	.newsletter-from .form-control {
		border-bottom: solid 1px #3b589a;
		border-radius: 0;
		margin-bottom: 20px;
		height: 50px;
		padding: 0;
	}

	.footer-mid {
		flex-direction: column;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.header {
		position: inherit;
		/* background: #3b589a; */
		background: #1D2939;
		background: linear-gradient(180deg, rgba(29, 41, 57, 0) 0%, rgba(0, 0, 0, 0.86) 0%, rgba(30, 42, 58, 1) 100%);
		padding: 15px 0;
	}

	.bannerbg-content p {
		font-size: 14px;
		padding: 0;
	}

	.bannerbg-content h1::before {
		display: none;
	}

	.bannerbg-content {
		bottom: 5%;
	}

	.bannerbg-content h1 {
		font-size: 40px;
		margin: 0 0 15px 0;
	}

	.navbar-brand {
		display: block;
	}

	.navbar-brand img {
		width: 70px;
	}

	.header .navbar-toggler {
		background-color: #fff;
	}

	.desktoplogo {
		display: none;
	}

	.midbox-content {
		padding: 15px;
	}

	.midbox-content h1 {
		margin: 0 0 10px 0;
	}

	.midbox-content p {
		font-size: 14px;
		line-height: 20px;
	}

	.requestform {
		padding: 25px 0;
		margin-top: 30px;
	}

	.requestform .form-check .form-check-input {
		width: 20px;
		height: 20px;
	}

	.requestform .form-check-label {
		margin: 0 7px;
	}

	.testimonialbox {
		display: block;
		text-align: center;
	}

	.testimonialbox-img {
		margin-bottom: 25px;
	}

	.testimonialbox-img .userimg {
		width: 185px !important;
		height: 185px;
	}

	.footer-newsletter {
		padding: 20px;
	}

	.newsletter-from {
		display: block;
	}

	.newsletter-from .form-control {
		border-bottom: solid 1px #3b589a;
		border-radius: 0;
		margin-bottom: 20px;
		height: 50px;
		padding: 0;
	}

	.footer-mid {
		flex-direction: column;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}
}




/* about-us-section-caard */

.vision-values-mission .card-container {
	height: 450px;
	perspective: 1000px;
	border-radius: 0px;
	overflow: hidden;
}

.vision-values-mission .card {
	height: 100%;
	width: 100%;
	position: relative;
	border-radius: 0px;
	overflow: hidden;
	border: none;
	/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); */
	transition: transform 0.3s ease-in-out;
}

.vision-values-mission .card:hover {
	transform: translateY(-10px);
}

.vision-values-mission .card::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(-180deg, rgba(22, 30, 43, 0) 0%, rgba(22, 30, 43, 0.86) 50%, rgba(22, 30, 43, 1) 100%);
	z-index: 1;
}

.vision-values-mission .card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 16px;
	z-index: 2;
	transform: translateY(calc(100% - 4.5rem));
	transition: transform 0.3s ease;
	opacity: 1;
}

.vision-values-mission .card:hover .card-content {
	transform: translateY(0);
}

.vision-values-mission .card-title {
	color: white;
	font-size: 35px;
	margin-bottom: 1rem;
}

.vision-values-mission .card-description {
	color: rgba(255, 255, 255, 0.9);
	font-size: 17px;
	line-height: 26px;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.vision-values-mission .card:hover .card-description {
	opacity: 1;
	transform: translateY(0);
}

.vision-values-mission .vision-card {
	background: url('../images/vision-background.jpg') center/cover no-repeat;
}

.vision-values-mission .values-card {
	background: url('../images/values-background.jpg') center/cover no-repeat;
}

.vision-values-mission .mission-card {
	background: url('../images/mission-background.jpg') center/cover no-repeat;
}

@media (max-width: 767px) {
	.vision-values-mission .card-container {
		height: 350px;
	}

	.vision-values-mission .card-title {
		font-size: 30px;
	}

	.vision-values-mission .card-description {
		font-size: 15px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.vision-values-mission .card-container {
		height: 450px;
	}

	.vision-values-mission .card-description {
		font-size: 13px;
		line-height: 20px;
	}
}



/* about-us-section-content */
/* About Us Section */
.about-us-section {
	/* background-color: #f9f9f9; */
}

.about-us-img img {
	max-width: 100%;
	border-radius: 8px;
}

.about-us-content {
	padding: 20px;
}

/* .about-us-content p{
	font-size: 17px;
  } */

.about-us-heading {
	font-size: 2rem;
	margin-bottom: 20px;
}

/* Blue Section */
.blue-section {
	background-color: #3b589a;
	color: #fff;
	padding: 50px 80px;
}

.blue-section-heading {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.blue-section-content {
	font-size: 1rem;
	line-height: 1.8;
}

/* Locations Section */
.locations-section {
	background-color: #f9f9f9;
}

.location-card {
	background-color: #161E2B;
	/* Dark background */
	color: #fff;
	/* White text */
	padding: 20px;
}

.location-card h3 {
	font-size: 2.5rem;
	margin-bottom: 10px;
}

.location-card p {
	font-size: 1rem;
	line-height: 1.6;
}


/* Testimonial Section Styles */
/* Testimonial Section Styles */
.testimonial-section {

	padding: 3rem 0;
}

.testimonial-section .section-title {
	font-size: 2rem;
	color: #10141d;
	margin-bottom: 20px;
	/* font-weight: bold; */
}

.testimonial-item {
	max-width: 800px;
	/* Reduce the width */
	margin: 0 auto;
	/* Center the testimonial */
	padding: 2rem;
	background: #fff;
	/* Keep the card background */
	border-radius: 10px;
}

.client-image {
	width: 100px;
	height: 100px;
	margin: 0 auto -50px;
	border: 5px solid #ffb911;
	/* Yellow border */
	border-radius: 50%;
	overflow: hidden;
}

.client-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial-text {
	margin-top: 60px;
	font-size: 1rem;
	color: #555;
}

.client-name {
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
}

.testimonial-stars {
	color: #ffb911;
	/* Yellow stars */
	margin-top: 0.5rem;
}

/* Owl Carousel Navigation Styles */
.owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}


.owl-nav button {
	background-color: #ffb911 !important;
	/* Yellow background for arrows */
	border: none !important;
	color: #fff !important;
	font-size: 1.5rem !important;
	padding: 0.5rem 1rem !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	height: 40px;
	width: 40px;
}

.owl-nav button:hover {
	background-color: #ffb911;
}

.owl-nav .owl-prev {
	position: absolute;
	left: -50px;
	/* Adjust position to the left */
}

.owl-nav .owl-next {
	position: absolute;
	right: -50px;
	/* Adjust position to the right */
}



/* Maintenance Form Section Styles */
.maintenance-form-section {
	/* background: linear-gradient(135deg, #f8f9fa, #e9ecef); */
	/* Subtle gradient background */
	padding: 4rem 0;
	position: relative;
}

.maintenance-form-section .container {
	margin-bottom: 50px;

}

.section-title {
	font-size: 2rem;
	/* font-weight: bold; */
	color: #10141d;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.section-subtitle {
	font-size: 1.1rem;
	color: #555;
	margin-bottom: 2rem;
}

.form-container {
	/* background: linear-gradient(135deg, #3b589a, #1f3f89); */
	border: none;
	border-radius: 0px;
	padding: 2rem;
	border: 1px solid #ddd;
}



.form-label {
	font-weight: bold;
	color: #3b589a;
	/* White text for labels */
}

.form-control,
.form-select {
	border-radius: 0px;
	border: 1px solid #3b589a !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus,
.form-select:focus {
	border-color: #3b589a;
	/* Yellow border on focus */
	box-shadow: 0 0 5px rgba(1, 57, 132, 0.5);
	/* Yellow glow */
}

textarea.form-control {
	resize: none;
}

.btn-primary {
	background-color: #3b589a;
	/* Yellow button */
	border: none;
	border-radius: 0px;
	font-size: 15px;
	transition: background-color 0.3s ease, transform 0.3s ease;
	color: #fff;
	text-transform: uppercase;
	padding-top: 12px;
	padding-bottom: 12px;
	/* Dark text for contrast */
}

.btn-primary:hover {
	background-color: #1f3f89;

}


.bannerbg img {
	height: 851px;
	object-fit: cover;
	width: 100%;
	background-position: center;
}


/* Tenant Information Section */
/* .tenant-info-section {
	padding: 50px 0;
}

.tenant-info-section .section-title {
	font-size: 2.5rem;
	color: #10141d;
	margin-bottom: 10px;
	font-weight: bold;
}

.tenant-info-section .section-subtitle {
	font-size: 1.2rem;
	color: #555;
	margin-bottom: 30px;
}

.tenant-info-section .info-title {
	font-size: 1.5rem;
	color: #3b589a;
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: bold;
}

.tenant-info-section p {
	font-size: 1rem;
	color: #555;
	line-height: 1.8;
}

.tenant-info-section .info-list {
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 20px;
}

.tenant-info-section .info-list ul {
	list-style-type: circle;
	padding-left: 20px;
}

.tenant-info-section img {
	max-width: 100%;
	border-radius: 0px;
}

.tenant-info-section .row+.row {
	margin-top: 50px;
} */



/* Certificate Section Styles */
.certificate-section .certificate-image {
	height: 710px;
	margin-bottom: 10px;
}

.certificate-title {
	font-size: 28px;
	font-weight: bold;
	color: #3b589a;
}

/* .certificate-image {
	width: 300px;
	height: auto;
	border: 5px solid #3b589a;
	border-radius: 0px;
} */

.certificate-button {
	padding: 10px 20px;
	font-size: 15px;
	background-color: #3b589a;
	border: none;
	border-radius: 0px;
	color: #fff;
}

.certificate-button:hover {
	background-color: #1f3f89;
}



/* Contact Section */
.contact-section {
	padding: 60px 0;
}

.section-title {
	font-size: 2rem;
	/* font-weight: bold; */
	color: #10141d;
	margin-bottom: 40px;
	text-transform: capitalize;
}

.contact-form .form-label {
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 5px;
	display: block;
}

.contact-form .form-control {
	border: 1px solid #3b589a;
	border-radius: 0px;
	padding: 10px;
	font-size: 1rem;
}

.contact-form .form-control:focus {
	border-color: #3b589a;
	outline: none;
}

.contact-form .btn {
	background-color: #3b589a;
	color: #fff;
	font-size: 15px;
	padding: 15px 20px;
	border-radius: 0px;
	transition: all 0.3s ease;
	text-transform: uppercase;
}

.contact-form .btn:hover {
	background-color: #1f3f89;
}

.contact-info {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.office-title {
	color: #3b589a;
}

.office-address,
.office-contact {
	font-size: 1rem;
	color: #10141d;
	line-height: 1.8;
}

.office-contact a {
	color: #3b589a;
	text-decoration: none;
	font-weight: bold;
}

.office-contact a:hover {
	text-decoration: underline;
}



/* Property Misdescriptions Section */
.property-misdescriptions {
	padding: 50px 0;
	border-top: 1px solid #ddd;
	position: relative;
}

.property-misdescriptions .section-title {
	font-size: 2rem;
	/* font-weight: bold; */
	color: #10141d;
	margin-bottom: 20px;
}

.property-misdescriptions p,
.property-misdescriptions li {
	font-size: 17px;
	line-height: 26px;
	color: #555;
	margin-bottom: 20px;
}

.property-misdescriptions ol {
	padding-left: 20px;
}






/* Introduction Section */
.introduction-section .container {
	padding: 50px 0;
}

.main-content-section {
	padding: 50px;
}

.custom-list {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

.custom-list li {
	margin-bottom: 10px;
	font-size: 16px;
}

.custom-check-icon {
	color: #007bff;
	margin-right: 10px;
}

.intro-image img {
	max-width: 100%;
	/* Ensures the image doesn't exceed its container width */
	height: auto;
	/* Maintains aspect ratio */
}

@media (max-width: 768px) {
	.intro-image {
		text-align: center;
		/* Centers the image on smaller screens */
		margin-bottom: 20px;
		/* Adds spacing below the image */
		margin-top: 20px;
	}

	.intro-image img {
		width: 100%;
		height: auto;
		/* Ensures the image maintains its aspect ratio */
	}
}




/* Services and Fees Section */
.services-fees-section {
	padding: 50px 0;
}

.services-fees-section .section-title {
	font-size: 2rem;
	color: #10141d;
	margin-bottom: 30px;
}

.services-fees-section .service-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3b589a;
	margin-top: 20px;
	margin-bottom: 10px;
}

.services-fees-section .service-list {
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 20px;
}

.services-fees-section .service-list li {
	font-size: 1rem;
	color: #555;
	line-height: 1.8;
}

.services-fees-section .service-fee {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
}


/* Custom Services Section */
.custom-services-section {
	padding: 50px 0;
}

.map-container iframe {
	border: 1px solid #ddd;
	border-radius: 0px;
}

.custom-services-text {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 20px;
	font-size: 20px;
	color: #555;
	line-height: 1.8;
	font-weight: bold;
}


/* Additional Services Section */
.additional-services-section {
	padding: 50px 0;
}

.additional-services-section .section-title {
	font-size: 2rem;
	color: #10141d;
	margin-bottom: 30px;
}

.additional-services-section .service-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3b589a;
	margin-top: 20px;
	margin-bottom: 10px;
}

.additional-services-section .service-list {
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 20px;
}

.additional-services-section .service-list li {
	font-size: 1rem;
	color: #555;
	line-height: 1.8;
}

.additional-services-section .service-fee {
	font-size: 1rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
}




/* Landlord Form Section */
.landlord-form-section {
	padding: 60px 0;
}

.landlord-form-wrapper {
	border: 1px solid #ddd;
	border-radius: 0px;
	background-color: #fff;
}

.landlord-form-wrapper h2 {
	/* font-size: 28px; */
	color: #10141d;
	margin-bottom: 20px;
}

.landlord-form .form-label {
	font-weight: 600;
	color: #3b589a;
	margin-bottom: 5px;
	display: block;
}

.landlord-form .form-control {
	border: 1px solid #3b589a;
	border-radius: 0px;
	padding: 12px;
	font-size: 14px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.landlord-form .form-control:focus {
	border-color: #3b589a;
	outline: none;
}

.landlord-form textarea.form-control {
	resize: none;
}

.landlord-form .form-check-label a {
	text-decoration: underline;
	color: #3b589a;
}

.landlord-form .form-check-label a:hover {
	color: #1f3f89;
}

.landlord-form .btn-primary {
	background-color: #3b589a;
	color: #fff;
	border: none;
	padding: 15px 20px;
	font-size: 15px;
	border-radius: 0px;
	cursor: pointer;
	text-transform: uppercase;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.landlord-form .btn-primary:hover {
	background-color: #1f3f89;
}

.landlord-form .form-check .form-check-input {
	width: 15px;
	height: 15px;
	background-color: #3b589a;
	border-radius: 0 !important;
}

.last-btn .btn-outline-primary {
	border: 1px solid #3b589a;
	color: #3b589a;
	padding: 15px 20px;
	font-size: 15px;
	border-radius: 0px !important;
	text-decoration: none;
	text-transform: uppercase;
}

.last-btn .btn-outline-primary:hover {
	background-color: #1f3f89;
	color: #fff;
}

@media screen and (max-width:991px) {
	.certificate-section {
		text-align: center;
	}

	.certificate-section .certificate-image {
		height: auto;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:567px) {
	.landlord-form-wrapper .last-btn a {
		padding: 10px !important;
		font-size: 12px !important;
	}

}

/* Property Card Section */
.property-card {
	background-color: #fff;
	/* Card background color */
	border: 1px solid #ddd;
	/* Card border */
	border-radius: 0px;
	/* Rounded corners */
	overflow: hidden;
	/* Prevent content overflow */
	transition: transform 0.3s, box-shadow 0.3s;
	/* Smooth hover effect */
}

.property-card:hover {
	transform: translateY(-5px);
	/* Lift effect on hover */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	/* Shadow on hover */
}

/* Property Image */
.property-image img {
	width: 100%;
	/* Full width */
	height: 300px !important;
	/* Maintain aspect ratio */

}

.property-status {
	font-size: 14px;
	/* Font size for "TO LET" */
	font-weight: bold;
	/* Bold text */
	background-color: #3b589a !important;
	/* Default background color */
	color: #fff;
	/* Text color */
	padding: 5px 10px;
	/* Padding for the label */
	border-radius: 0 8px 8px 0;
	/* Rounded corners */
}

/* Property Details */
.property-details {
	padding: 15px;
	/* Inner padding */
}

.property-title a {
	font-size: 20px;
	/* Title font size */
	font-weight: 600;
	/* Semi-bold font */
	color: #3b589a !important;
	/* Default text color */
	text-decoration: none;
	/* Remove underline */
}

.property-title a:hover {
	color: #3b589a;
	/* Change color on hover */
}

.property-details p {
	font-size: 14px;
	/* Paragraph font size */
	color: #666;
	/* Muted text color */
}

.property-details ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/* Remove bullet points */
	display: flex;
	justify-content: space-between;
	/* Space between items */
}

.property-details ul li {
	font-size: 14px;
	/* List item font size */
	color: #333;
	/* Default text color */
}

.property-details ul li i {
	margin-right: 5px;
	/* Space between icon and text */
	color: #3b589a;
	/* Icon color */
}

/* Price and Button */
.property-details .text-primary {
	font-size: 20px;
	/* Price font size */
	font-weight: bold;
	/* Bold price */
}

.property-details span strong {
	font-size: 20px;
	/* Currency symbol font size */
	font-weight: 600;
	/* Normal weight for currency */
	color: #3b589a;
}

.property-details .btn-outline-primary {
	font-size: 14px;
	/* Button font size */
	border: 1px solid #3b589a;
	/* Button border */
	border-radius: 0px;
	/* No rounded corners */
	color: #fff;
	/* Button text color */
	background-color: #3b589a;
	transition: background-color 0.3s ease, transform 0.3s ease;

}

.property-details .btn-outline-primary:hover {
	background-color: #1f3f89;
	/* Background color on hover */
	color: #fff;
	/* Text color on hover */
}

/* Inline Location and Map Links */
.property-details p {
	display: inline-block;
	/* Keep links inline */
	margin-right: 15px;
	/* Add spacing between links */
	font-size: 14px;
	/* Adjust font size */
	color: #666;
}

.property-details p a {
	color: #3b589a;
	text-decoration: none;
	font-weight: 500;
	margin-right: 10px;
}

.property-details p a:hover {
	color: #1f3f89;
}

/* Heart Button on Image */
.property-image .heart-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.property-image .heart-btn i {
	color: #ff6b6b !important;
	font-size: 18px;
}

.property-image .heart-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}


/* property-details-section  */

.property-details-section {
	background-color: #f9f9f9;
	border-bottom: 1px solid #555;
	padding: 60px 0;
}

.tabs-container .nav-tabs {
	border-bottom: none;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	text-align: center;
}

.tabs-container .nav-link {
	border: 1px solid #ddd;
	margin-right: 5px;
	color: #333;
}

.tabs-container .nav-link.active {
	background-color: #3b589a;
	color: #fff;
}

.info-box {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.sticky-top {
	position: sticky;
	top: 20px;
}

.tabs-container .nav-tabs .nav-link {
	background-color: #333;
	color: #fff;
	border: none;
	margin-right: 1px;
	padding: 12px 5px;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 0px;
	transition: all 0.3s ease;
}

.tabs-container .nav-tabs .nav-link:hover {
	background-color: #555;
	color: #ffb911;
	transform: translateY(-2px);
}

.tabs-container .nav-tabs .nav-link.active {
	background-color: #3b589a;
	color: #fff;
	border: none;
	transform: translateY(0);
}

.tabs-container .tab-content {
	margin-top: 20px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
}



.tab-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 20px;
}

.tab-table .table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.tab-table .table th,
.table td {
	padding: 10px;
	text-align: left;
	border: 1px solid #ddd;
}

.tab-table .table th {
	background-color: #f9f9f9;
	font-weight: bold;
	color: #333;
}

.property-description {
	font-size: 1rem;
	color: #555;
	line-height: 1.8;
}

.property-description ul {
	list-style: disc;
	padding-left: 20px;
	margin-top: 10px;
}

.property-description ul li {
	margin-bottom: 5px;
	color: #333;
}


.photo-gallery {
	margin-top: 20px;
}

.photo-gallery img {
	width: 100%;
	height: auto;
}



.email-link {
	color: #3b589a;
	text-decoration: underline;
	font-size: 1rem;
	margin-bottom: 15px;
	display: inline-block;
}

.email-link:hover {
	color: #1f3f89;
}

.email-brochure-form .form-group label {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	display: block;
}

.email-brochure-form .form-control {
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 10px;
	font-size: 1rem;
}

.email-brochure-form .form-control:focus {
	border-color: #3b589a;
}

.email-brochure-form .btn {
	background-color: #3b589a;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
	border: none;
	border-radius: 0px;
	text-transform: uppercase;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.email-brochure-form .btn:hover {
	background-color: #1f3f89;
	color: #fff;
}


/* .tab-pane a  {
    background-color: #3b589a;
    color: #fff;
    padding: 10px 20px;
    font-size: 1rem;
    border: none;
    border-radius: 0px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.tab-pane a:hover {
    background-color: #007acc;
    transform: scale(1.05);
} */



.listing-enquiry-section {
	background-color: #f9f9f9;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.section-title {
	font-size: 2rem;
	/* font-weight: bold; */
	color: #10141d;
	margin-bottom: 20px;
}

.listing-enquiry-form .form-label {
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 5px;
	display: block;
}

.listing-enquiry-form .form-control {
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 10px;
	font-size: 1rem;
}

.listing-enquiry-form .form-control:focus {
	border-color: #3b589a;
}

.listing-enquiry-form .btn {
	background-color: #3b589a;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
	border: none;
	border-radius: 0px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.listing-enquiry-form .btn:hover {
	background-color: #1f3f89;
}


.property-search-bar {
	background-color: #f4f4f4;
	/* border-bottom: 1px solid #3b589a;  */
	padding: 20px;

}

.property-search-bar .form-select {
	border: 1px solid #ddd !important;
	padding: 12px;
}

.property-search {
	background-color: #f9f9f9;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.property-search h3 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.property-search .form-group label {
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 5px;
	display: block;
}

.property-search .form-control {
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 10px;
	font-size: 1rem;
}

.property-search .form-control:focus {
	border-color: #3b589a;
}

.property-search .btn {
	background-color: #3b589a;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
	border: none;
	border-radius: 0px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.property-search .btn:hover {
	background-color: #1f3f89;
}



.property-of-the-week {
	background-color: #f9f9f9;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.property-of-the-week .section-title {
	font-size: 2rem;
	/* font-weight: bold; */
	color: #10141d;
	margin-bottom: 15px;
}

/* .property-card {
    text-align: center;
} */

.property-card img {
	/* border-radius: 5px; */
	width: 100%;
	height: auto;
}



.property-details {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	color: #3b589a;
}

.property-details li {
	margin-bottom: 5px;
}

.property-card .btn-primary {
	background-color: #3b589a;
	color: #fff;
	border: none;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 0px;
	text-transform: uppercase;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.property-card .btn-primary:hover {
	background-color: #1f3f89;
}



.call-to-action {
	background-color: #f9f9f9;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.call-to-action p {
	font-size: 1.2rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

.call-to-action .btn-primary {
	background-color: #3b589a;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
	border: none;
	border-radius: 0px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.call-to-action .btn-primary:hover {
	background-color: #1f3f89;
}

.property-price-info {
	font-size: 1rem;
	color: #333;
	margin-bottom: 20px;
}

.property-price-info .price {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}

.property-price-info .tenant-info-link {
	color: #3b589a;
	text-decoration: underline;
}

.property-price-info .tenant-info-link:hover {
	color: #1f3f89;
	text-decoration: none;
}





/* blog section  */
.blog-section {
	position: relative;
}

.blog-section .container {
	margin-bottom: 70px !important;
}

/* Sidebar Styling */
.sidebar {
	padding: 1.5rem;
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 0px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.sidebar h3 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.sidebar ul {
	padding: 0;
	list-style: none;
}

.sidebar ul li {
	margin-bottom: 0.8rem;
}

.sidebar ul li a {
	text-decoration: none;
	color: #555;
	font-size: 1rem;
	font-weight: 500;
	transition: color 0.3s ease;
}

.sidebar ul li a:hover {
	color: #1f3f89;
	text-decoration: underline;
}

/* Blog Post Styling */
.blog-post {
	margin-bottom: 2rem;
	padding: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 0px;
	background-color: #fff;
}



.blog-post .blog-title a {
	font-size: 1.8rem;
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 0.5rem;
}

.blog-meta {
	font-size: 0.9rem;
	color: #777;
	margin-bottom: 1rem;
}

.blog-excerpt {
	font-size: 1rem;
	color: #555;
	line-height: 1.6;
	margin-bottom: 1rem;
}

.blog-post .btn {
	background-color: #3b589a;
	color: #fff;
	font-size: 15;
	font-weight: bold;
	padding: 15px 20px;
	border-radius: 0px;
	text-transform: uppercase;
}

.blog-post .btn:hover {
	background-color: #1f3f89;
}

/* Pagination Styling */
.pagination {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.pagination .page-item {
	margin: 0;
}

.pagination .page-link {
	color: #3b589a;
	font-size: 1rem;
	font-weight: bold;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 0px;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .page-link:hover {
	background-color: #1f3f89;
	color: #fff;
	text-decoration: none;
}

.pagination .page-item.active .page-link {
	background-color: #3b589a;
	color: #fff;
	border-color: #3b589a;
}

/* General Layout Enhancements */
.blog-section {
	padding: 3rem 0;
	background-color: #f9f9f9;
}








/* Blog Content Section */
.blog-content-section {
	padding: 3rem 0;
	background-color: #f9f9f9;
	position: relative;
}

.blog-content-section .container {
	margin-bottom: 80px !important;
	overflow: visible !important;
}

.blog-post-content {
	background-color: #fff;
	padding: 2rem;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.blog-title {
	font-size: 2.5rem;
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 1rem;
}

.blog-meta {
	font-size: 0.9rem;
	color: #777;
	margin-bottom: 1.5rem;
}

.blog-post-content h2 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #333;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.blog-post-content p {
	font-size: 1rem;
	color: #555;
	line-height: 1.8;
	margin-bottom: 1rem;
}

/* Sidebar Styling */
.search-section,
.recent-posts {
	background-color: #fff;
	padding: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 0px;
	margin-bottom: 2rem;
}

.sidebar-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3b589a;
	margin-bottom: 1rem;
}

.search-section .form-control {
	border-radius: 0px;
	border: 1px solid #ddd;
	padding: 10px;
}

.search-section .btn {
	background-color: #3b589a;
	color: #fff;
	font-size: 15px;
	border-radius: 0px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: background-color 0.3s ease;
}

.search-section .btn:hover {
	background-color: #1f3f89;
}

.recent-posts ul {
	padding: 0;
	list-style: none;
}

.recent-posts ul li {
	margin-bottom: 0.8rem;
}

.recent-posts ul li a {
	text-decoration: none;
	color: #555;
	font-size: 1rem;
	transition: color 0.3s ease;
}

.recent-posts ul li a:hover {
	color: #1f3f89;
	text-decoration: underline;
}


/* Custom List Styling */
.custom-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.custom-list li {
	margin-bottom: 5px;
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.custom-list li i {
	color: #3b589a;
	font-size: 14px;
	margin-top: 0.2rem;
	line-height: 20px;
}

.custom-list li strong {
	font-weight: bold;
	color: #333;
}

.custom-list li p {
	margin: 0;
}


/* Sticky Sidebar */
/* .right-slide-bar {
    position: sticky; 
    top: 20px; 
    z-index: 10; 
} */


/* Related Posts Section */
.related-posts {
	border-top: 1px solid #ddd;
	padding-top: 2rem;
	margin-top: 2rem;
}

.related-posts-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	color: #333;
}

.related-post-item h4 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.related-post-item h4 a {
	text-decoration: none;
	color: #3b589a;
	transition: color 0.3s ease;
}

.related-post-item h4 a:hover {
	color: #1f3f89;
	text-decoration: underline;
}

.related-post-meta {
	font-size: 0.9rem;
	color: #777;
}




/* Tenant Find Card */
.tenant-find-card {
	border: 1px solid #ddd;
	border-radius: 0px !important;
}



/* Rent Collection Card */
.rent-collection-card {
	border: 1px solid #ccc;
	border-radius: 0px !important;
}



/* Full Management Card */
.full-management-card {
	border: 1px solid #bbb;
	border-radius: 0px !important;
}



/* Full Management Plus Card */
.full-management-plus-card {
	border: 1px solid #aaa;
	border-radius: 0px !important;
}




/* Custom class for the check icon */
.custom-check-icon {
	color: #3b589a;
	font-size: 16px;
	margin-right: 5px;
}

/* Custom class for card titles */
.custom-card-title {
	/* font-size: 28px; */
	color: #3b589a;
	margin-bottom: 15px;
}



.tenant-find-card .card-body p li {
	list-style: none !important;
	margin-bottom: 10px;
}



.tanants-register-form .form-check .form-check-input {
	width: 15px;
	height: 15px;
	background-color: #3b589a;
	border-radius: 0 !important;
}

.contact-section .form-check .form-check-input {
	width: 15px;
	height: 15px;
	background-color: #3b589a;
	border-radius: 0 !important;
}

/* CAPTCHA Section Styling */
.captcha-section {
	margin-top: 20px;
}

#captchaText {
	font-size: 20px;
	letter-spacing: 3px;
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
	width: auto;
}

#captchaInput {
	height: 45px;
	font-size: 16px;
}








/* Tenant Info Section */
.bg-gray {
	background-color: #f1f0ec;
	/* Light gray background */
	padding: 30px;
	border-radius: 0;
	/* No border radius */
	background-image: url('../images/tenant-info.png');
	/* Background image */
	background-repeat: no-repeat;
	/* Prevent repeating the background image */
	background-size: cover;
	/* Cover the entire section */
	background-position: center;
	/* Center the background image */
}

.text-content {
	text-align: left;
}

.info-title {
	font-size: 1.8rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.info-description {
	font-size: 20px;
	color: #3b589a;
	margin-bottom: 15px;
}

.info-list {
	list-style: none;
	padding: 0;
}

.info-list li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 17px;
}

.info-list li i {
	color: #3b589a !important;
	font-size: 20px;
	margin-right: 10px;
}

.text-primary {
	color: #3b589a;
}








/* .early-release-section {
	background-color: #f9f9f9; 
	padding: 50px 0;
  } */

/* .info-title {
	font-size: 2rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
	text-align: center; 
  } */





.payment-details-section-bg {
	background-color: #f1f0ec;
	padding: 30px;
	border-radius: 0;
}

.info-list {
	list-style: none;
	padding: 0;
}

.info-list li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 17px;
}

.info-list li i {
	color: #007bff;
	/* Blue color for icons */
	font-size: 20px;
	margin-right: 10px;
}

.image-tenant-protection {
	position: absolute;
	right: 0;
	top: -117px;
	max-width: 100%;
	height: auto;
}

.payment-details-section-content {
	position: relative;
}




.electronic-contracting-section {

	padding: 50px 0;
}

.electronic-contracting-title {
	font-size: 2rem;
	font-weight: bold;
	/* color: #333; */
	margin-bottom: 20px;
}

.electronic-contracting-description {
	color: #10141d;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 15px;
}

.tenant-protection-title,
.complaints-procedure-title {
	font-size: 1.5rem;
	font-weight: bold;
	/* color: #333; */
	margin-bottom: 15px;
}

.tenant-protection-description,
.complaints-procedure-description {
	color: #10141d;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 15px;
}


@media screen and (max-width: 768px) {
	.image-tenant-protection {
		display: none;
		/* Hide the image on smaller screens */
	}

	.banner-section-st-content h1 {
		font-size: 2.5rem;
	}

	.banner-section-st {
		padding-top: 10px;
		height: 300px;
	}


}




/* 13-06-2025 */

@media screen and (max-width: 767px) {
	.midboxbg {
		padding-top: 60px !important;
		padding-bottom: 0px !important;
		top: 100px !important;
	}

	.testimonialbg {
		margin: 20px 10px 250px 10px !important;
		padding: 20px 10px;
	}

	.footer-newsletter {
		top: -120px !important;
	}

	.footer-mid {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		padding: 20px 20px !important;
	}

	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next {
		display: none !important;
	}

	.about-section-content-col {
		background-color: #ECF6FF;
	}

	.about-section-inner {
		background: none !important;
	}
	.quicklinks-inner{
		gap: 25px !important;
	}

}




@media (max-width: 576px) {
	.bannerbg {
		position: relative !important;
		text-align: center;
	}

	.header {
		padding: 10px 0;
		/* position: absolute; */
		top: 0;
		left: 0;
		/* background-image: linear-gradient(rgba(22, 30, 43, 1), rgba(22, 30, 43, 0)); */
		background: #1b2330 !important;
	}


	.bannerbg img {
		height: 500px;
		max-height: unset;
		object-position: top;
		/* max-height: 300px; */
		object-fit: cover;
	}

	.bannerbg-content {
		position: absolute !important;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 10px;
	}

	.bannerbg-content h1 {
		font-size: 50px;
	}

	.bannerbg-content p {
		font-size: 14px;
	}

	.bannerbg-content h1::before {
		display: block;
		content: "";
		position: absolute;
		left: 215px;
		top: -18px;
		background: url(../images/textborder2.png) no-repeat;
		width: 50px;
		height: 100px;
	}
}



@media (max-width: 320px) {
	.bannerbg {
		position: relative;
		text-align: center;
	}

	.header {
		padding: 10px 0;
		/* position: absolute !important; */
		top: 0;
		left: 0;
		/* background-image: linear-gradient(rgba(22, 30, 43, 1), rgba(22, 30, 43, 0)); */
		background: #1b2330 !important;
	}

	.bannerbg img {
		height: 500px;
		max-height: unset;
		object-position: top;
		object-fit: cover;
	}

	.bannerbg-content {
		position: absolute !important;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 5px;
	}

	.bannerbg-content h1 {
		font-size: 30px;
	}

	.bannerbg-content p {
		font-size: 12px;
	}

	.bannerbg-content h1::before {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.bannerbg {
		position: relative !important;
		text-align: center !important;
	}

	.header {
		padding: 10px 0;
		/* position: absolute !important; */
		top: 0;
		left: 0;
		/* background-image: linear-gradient(rgba(22, 30, 43, 1), rgba(22, 30, 43, 0)); */
		background: #1b2330 !important;
	}


	.bannerbg img {
		height: 600px !important;
		object-position: top;
		object-fit: cover;
		left: 0;
		max-height: unset;
		max-width: 100%;
		margin: 0 auto;

	}

	.bannerbg-content {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 10px;
	}

	.bannerbg-content h1 {
		font-size: 70px;
		margin-bottom: 50px;
	}

	.bannerbg-content p {
		font-size: 20px;
	}

	.bannerbg-content h1::before {
		display: block;
		content: "";
		position: absolute;
		left: 296px;
		top: -40px;
		background: url(../images/textborder3.png) no-repeat;
		width: 80px;
		height: 160px;
	}
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-section-st {
		padding-top: 10px !important;
		height: 450px;
	}

	.header {
		padding: 10px 0;
		/* position: absolute !important; */
		top: 0;
		left: 0;
		/* background-image: linear-gradient(rgba(22, 30, 43, 1), rgba(22, 30, 43, 0)); */
		background: #1b2330 !important;
	}

	.bannerbg img {
		height: 450px !important;
		max-height: unset;
		object-position: top;
		object-fit: cover;
		left: 0;
		max-width: 100%;
		margin: 0 auto;
	}

	.bannerbg-content {
		position: absolute !important;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 10px;
	}

	.bannerbg-content h1 {
		font-size: 50px;
		margin-bottom: 30px;
	}

	.bannerbg-content p {
		font-size: 16px;
	}
}


.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.header .navbar-toggler {
	background-color: inherit;
	border: none;
}