/* Realtor landing — derived from HTML-Property/css/style.css; assets under static/images/realtor/ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
	--pb-font: "IBM Plex Sans", sans-serif;
	--pb-color-first: #946ADD;
	--pb-color-second: #3E35B5;
	--pb-color-third: #4161C0;
	--pb-color-light: #ffffff;
	--pb-color-lite-dark: #050A30;
	--pb-color-dark: #000000;
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: var(--pb-font);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--pb-font);
	color: var(--pb-color-lite-dark);
}
p {
	font-family: var(--pb-font);
	font-size: 20px;
	line-height: 30px;
	color: var(--pb-color-lite-dark);
}
a {
	font-family: var(--pb-font);
	font-size: 20px;
	text-decoration: none;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.pb-sec-padding {
	padding: 6% 0;
}
.pb-color-text {
	color: var(--pb-color-first);
}

.pbr-btn {
	background: var(--pb-color-first);
	padding: 15px 35px;
	color: var(--pb-color-light);
}
.pbr-btn:hover {
	background: var(--pb-color-second);
}
.pbr-btn-two {
	background: var(--pb-color-light);
	color: var(--pb-color-lite-dark);
	padding: 15px 35px;
	border-radius: 10px;
	font-weight: 500;
}
.pbr-btn-two:hover {
	background: #f7f7ff;
}
.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.pbr-sec-padding {
	padding: 6% 0;
}
.pbr-color-text {
	color: var(--pb-color-first);
}

/* Banner */
.pb-banner-sec {
	background: url("../images/realtor/pbr-banner-bg.jpg") no-repeat;
	background-size: cover;
	background-position: left center;
}
.media-banner {
	display: none;
}

.pbr-trust-bar {
	background: url("../images/realtor/pbr-section-bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.price-card {
	background: var(--pb-color-first);
}

.pbr-sec-three,
.pbr-review-sec {
	background: linear-gradient(0deg, rgba(247, 247, 255, 0.8) 0%, rgba(247, 247, 255, 1) 100%);
}

.pbr-sec-five {
	background-color: #373b59;
}

.pb-footer-sec {
	background: var(--pb-color-lite-dark);
}

@media only screen and (max-width: 1280px) {
	.pb-banner-sec {
		background-position: center;
	}
}
@media only screen and (max-width: 767px) {
	p {
		font-size: 18px;
		line-height: 26px;
	}
	.site-logo {
		width: 50%;
	}
	.pbr-btn,
	.pbr-btn-two {
		width: 100%;
		display: block;
		text-align: center;
	}
	.pb-banner-sec {
		background: var(--pb-color-light);
	}
	.media-banner {
		display: block;
		margin-top: 4%;
	}
}