@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

/**
 * title:      I Am The Agent Landing Page
 * created:    12/03/2021
 * ========================================================================== */

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
}

h2 {
	font-weight: 400;
}

h3 {
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

p {
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

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

/**
 * New from here below
 * ========================================================================== */

.btn-pink {
	background: #e7067e;
	border-color: #e7067e;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border-radius: 50px;
	box-shadow: none;
	padding: 10px 30px;
	margin-top: 0px;
}

	.btn-pink:hover {
		background: #cf0d74;
		border-color: #cf0d74;
		color: #fff;
	}

	.btn-pink:active {
		background: #cf0d74;
		border-color: #cf0d74;
		color: #fff;
	}

.btn-pink-keyline {
	background: none;
	border-color: #e7067e;
	font-size: 16px;
	font-weight: 500;
	color: #e7067e;
	border-radius: 50px;
	box-shadow: none;
	padding: 10px 30px;
	margin-top: 0px;
}

	.btn-pink-keyline:hover {
		background: #e7067e;
		border-color: #e7067e;
		color: #fff;
	}

	.btn-pink-keyline:active {
		background: #e7067e;
		border-color: #e7067e;
		color: #fff;
	}

.btn-pink-keyline-white {
	background: none;
	border-color: #e7067e;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border-radius: 50px;
	box-shadow: none;
	padding: 10px 30px;
	margin-top: 0px;
}

	.btn-pink-keyline-white:hover {
		background: #e7067e;
		border-color: #e7067e;
		color: #fff;
	}

	.btn-pink-keyline-white:active {
		background: #e7067e;
		border-color: #e7067e;
		color: #fff;
	}

.btn-white {
	background: #fff;
	border-color: #fff;
	font-size: 16px;
	font-weight: 500;
	color: #29313c;
	border-radius: 50px;
	box-shadow: none;
	padding: 10px 30px;
	margin-top: 0px;
}

	.btn-white:hover {
		background: #29313c;
		border-color: #29313c;
		color: #fff;
	}

	.btn-white:active {
		background: #29313c;
		border-color: #29313c;
		color: #fff;
	}



/**
 * Main Intro Panel
 * ========================================================================== */

.main-intro-panel {
	min-height: 580px;
	padding: 160px 0px 30px 0px;
	background-position: top center;
	background-repeat: no-repeat;
}

	.main-intro-panel.rent {
		background-image: url(../img-new/main-intro-rent-bg.jpg);
	}

	.main-intro-panel.sales {
		background-image: url(/images/20211403/main-intro-sales-bg.jpg);
	}

	.main-intro-panel .left h2 {
		font-size: 54px;
		line-height: 64px;
		margin-bottom: 40px;
	}

		.main-intro-panel .left h2 span {
			color: #e7067e;
			font-size: 68px;
		}

	.main-intro-panel .left .btn-pink {
		margin-right: 15px;
	}

	.main-intro-panel .side-circle {
		background-color: rgba(218, 218, 218, 0.6);
		position: relative;
		bottom: 0px;
		border-radius: 50%;
		height: 250px;
		width: 250px;
		padding: 30px 0px 0px 0px;
		margin-top: 140px;
		text-align: center;
	}

		.main-intro-panel .side-circle h3 {
			color: #201f1f;
			font-size: 20px;
			font-weight: 700;
			margin: 0px 0px 10px 0px;
		}

		.main-intro-panel .side-circle h4 {
			color: #e7067e;
			font-size: 18px;
			font-weight: 600;
			margin: 0px 0px 10px 0px;
		}

		.main-intro-panel .side-circle h5 {
			color: #333333;
			font-size: 16px;
			font-weight: 600;
		}

		.main-intro-panel .side-circle img {
			position: absolute;
			width: 65px;
			right: -20px;
			bottom: 20px;
		}


/**
 * Info Strip Landing Panel
 * ========================================================================== */

.info-strip-landing-panel {
	background: #29313c;
	padding: 20px 0px;
}

	.info-strip-landing-panel h3 {
		color: #ffffff;
		font-size: 28px;
		margin-bottom: 20px;
	}


/**
 * Property Portal Panel :: *CSS for '.property-portals-panel' already exists, the following below are overides
 * ========================================================================== */

.property-portals-panel {
	padding: 50px 0px;
}

	.property-portals-panel h2 {
		color: #e7067e;
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 6px;
	}

		.property-portals-panel h2.text-below {
			margin-bottom: 15px;
		}

	.property-portals-panel p {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.property-portals-panel .btn {
		margin-top: 20px;
	}


/**
 * Compare Prices Slider Panel
 * ========================================================================== */

.compare-prices-slider-panel {
	background: #55144e;
	padding: 40px 0px;
}

	.compare-prices-slider-panel h2 {
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 30px;
	}

	.compare-prices-slider-panel .contained-text {
		width: 100%;
		max-width: 1000px;
		margin: auto;
		float: none;
	}

	.compare-prices-slider-panel .top h2 {
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 15px;
	}

	.compare-prices-slider-panel .top p {
		color: #ffffff;
		font-size: 16px;
		padding: 0px 110px;
		margin-bottom: 40px;
	}

	.compare-prices-slider-panel .versus-icon {
		height: 65px;
		width: 65px;
		background: #e7067e;
		border-radius: 50%;
		color: #fff;
		font-size: 37px;
		line-height: 62px;
		margin: 110px auto auto auto;
	}

	.compare-prices-slider-panel .price-feature {
		background: #ffffff;
		border: 2px #e7067e solid;
		border-radius: 10px;
		text-align: center;
		padding: 20px 30px;
		max-width: 340px;
		min-height: 288px;
	}

	.compare-prices-slider-panel .left .price-feature {
		float: right;
	}

	.compare-prices-slider-panel .right .price-feature {
		float: left;
	}

	.compare-prices-slider-panel .price-feature .border {
		border-top: 1px #bfbfbf solid;
		margin-top: 15px;
		padding-bottom: 15px;
	}

	.compare-prices-slider-panel .price-feature h3 {
		height: 30px;
		margin-bottom: 15px;
	}

	.compare-prices-slider-panel .price-feature img {
		height: 30px;
		margin-bottom: 15px;
	}

	.compare-prices-slider-panel .price-feature h4 {
		color: #e7067e;
		font-size: 30px;
		font-weight: 700;
		margin: 0px 0px 3px 0px;
	}

	.compare-prices-slider-panel .price-feature p {
		color: #333;
		font-size: 16px;
		font-weight: 400;
		margin: 0px 0px 0px 0px;
	}

		.compare-prices-slider-panel .price-feature p.margin {
			margin-bottom: 40px;
		}

	.compare-prices-slider-panel .price-feature h5 {
		color: #e7067e;
		font-size: 20px;
		font-weight: 700;
		margin: 3px 0px 0px 0px;
	}

	.compare-prices-slider-panel .slider {
		margin-top: 80px !important;
	}

	.compare-prices-slider-panel .slider-content {
		margin-top: -40px;
	}

	.compare-prices-slider-panel .slider h3.heading {
		color: #fff;
		font-size: 35px;
		line-height: 42px;
		text-align: center;
		margin-bottom: 20px;
	}

	.compare-prices-slider-panel .slider h2 {
		color: #e7067e;
		font-size: 30px;
		line-height: 36px;
		text-align: center;
	}

	.compare-prices-slider-panel .slider label {
		color: #fff;
		font-size: 20px;
		font-weight: 400;
	}

	.compare-prices-slider-panel .slider h2.total {
		font-size: 40px;
		margin: 0px;
	}

	.compare-prices-slider-panel .slider h4 {
		color: #fff;
		font-size: 24px;
		line-height: 30px;
		text-align: center;
		margin-bottom: 20px;
	}

	.compare-prices-slider-panel .slider .range-slider {
		-webkit-appearance: none;
		height: 20px;
		border-radius: 30px;
		background: #ffffff;
		margin: 12px 0px;
		display: inline-block;
		outline: none;
		opacity: 1;
		-webkit-transition: .2s;
		transition: opacity .2s;
	}

		.compare-prices-slider-panel .slider .range-slider::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background: #e7067e;
			border: none;
			cursor: pointer;
		}

		.compare-prices-slider-panel .slider .range-slider::-moz-range-thumb {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background: #e7067e;
			border: none;
			cursor: pointer;
		}


/**
 * Customer Testimonial Landing Panel
 * ========================================================================== */

.customer-testimonial-landing-panel {
	background: url(../img-new/customer-testimonial-rent-bg.jpg) top center no-repeat;
	padding: 70px 0px;
}

	.customer-testimonial-landing-panel h3 {
		color: #e7067e;
		margin-bottom: 25px;
	}

	.customer-testimonial-landing-panel p {
		font-size: 18px;
		line-height: 28px;
		border-left: 3px #e7067e solid;
		padding-left: 30px;
		margin: 0px;
	}

		.customer-testimonial-landing-panel p strong {
			margin-top: 20px;
			display: block;
		}


/**
 * Packages Landing Panel
 * ========================================================================== */

.packages-landing-panel {
	background: #ffffff;
	padding: 50px 0px;
}

	.packages-landing-panel h2 {
		color: #e7067e;
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 45px;
	}

		.packages-landing-panel h2.text-below {
			margin-bottom: 15px;
		}

	.packages-landing-panel p {
		font-size: 16px;
		margin-bottom: 45px;
	}

	/**
 * Packages :: *CSS for '.package-feature' already exists, the following below are here for them to display without pulling in the css. */

	.packages-landing-panel .package-feature {
		background: #ffffff;
		border: 1px #ccc solid;
		border-radius: 5px;
		max-width: 320px;
		margin: 23px auto 0px auto;
	}

		.packages-landing-panel .package-feature:hover {
			border: 1px #f90085 solid;
		}

		.packages-landing-panel .package-feature .top {
			padding: 18px 20px 18px 20px;
		}

			.packages-landing-panel .package-feature .top h3 {
				color: #29313c;
				font-size: 20px;
				line-height: 26px;
				font-weight: 500;
				margin: 0px 0px 2px 0px;
			}

				.packages-landing-panel .package-feature .top h3 span {
					color: #f90085;
				}

			.packages-landing-panel .package-feature .top h2 {
				color: #f90085;
				font-size: 50px;
				line-height: 50px;
				font-weight: 500;
				margin: 0px 0px 2px 0px;
			}

				.packages-landing-panel .package-feature .top h2 span {
					font-size: 40px;
					line-height: 46px;
				}

					.packages-landing-panel .package-feature .top h2 span.small {
						color: #f90085;
						font-size: 18px;
						line-height: 1px;
						font-weight: 500;
					}

			.packages-landing-panel .package-feature .top h4 {
				color: #666;
				font-size: 17px;
				line-height: 23px;
				font-weight: 500;
				margin: 0px 0px 0px 0px;
			}

		.packages-landing-panel .package-feature .middle {
			background: #f7f7f7;
			min-height: 232px;
			padding: 15px 20px 12px 20px;
		}

			.packages-landing-panel .package-feature .middle ul {
				list-style: none;
				padding: 0px;
				margin: 0px;
			}

				.packages-landing-panel .package-feature .middle ul li {
					color: #666;
					font-size: 15px;
					font-weight: 500;
					border-bottom: 1px #ccc solid;
					padding: 5px 0px;
				}

					.packages-landing-panel .package-feature .middle ul li:last-child {
						border: none;
					}

		.packages-landing-panel .package-feature .bottom {
			padding: 16px 20px 12px 20px;
		}

			.packages-landing-panel .package-feature .bottom h5 {
				color: #f90085;
				font-size: 15px;
				line-height: 21px;
				font-weight: 600;
				margin: 0px;
			}

		/* Featured */
		.packages-landing-panel .package-feature.featured {
			background: #e7067e;
			border: none;
			margin: 0px auto 0px auto;
		}

			.packages-landing-panel .package-feature.featured .top h6 {
				color: #ffff00;
				font-size: 12px;
				line-height: 18px;
				font-weight: 600;
				margin: 0px 0px 6px 0px;
			}

			.packages-landing-panel .package-feature.featured .top h3 {
				color: #fff;
			}

			.packages-landing-panel .package-feature.featured .top h2 {
				color: #fff;
			}

				.packages-landing-panel .package-feature.featured .top h2 span {
					color: #fff;
				}

			.packages-landing-panel .package-feature.featured .top h4 {
				color: #d9d9d9;
			}

			.packages-landing-panel .package-feature.featured .middle {
				background: #ad045e;
			}

				.packages-landing-panel .package-feature.featured .middle ul li {
					color: #fff;
					font-size: 15px;
					border-color: #ff65b7;
				}

			.packages-landing-panel .package-feature.featured .bottom {
				padding: 26px 15px 22px 15px;
			}

				.packages-landing-panel .package-feature.featured .bottom h5 {
					color: #fff;
					font-size: 18px;
					line-height: 18px;
				}



/**
 * Sevices Landing Panel
 * ========================================================================== */

.services-landing-panel {
	background: #eeeeee;
	padding: 50px 0px;
}

	.services-landing-panel h2 {
		color: #333333;
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 45px;
	}

	.services-landing-panel .service-feature {
		min-height: 320px;
		width: 80%;
		position: relative;
		margin-bottom: 50px;
	}

	.services-landing-panel .center .service-feature {
		margin-left: auto;
		margin-right: auto;
	}

	.services-landing-panel .right .service-feature {
		float: right;
	}

	.services-landing-panel .service-feature img {
		width: 75px;
		margin-bottom: 15px;
	}

	.services-landing-panel .service-feature h3 {
		color: #f90085;
		font-size: 24px;
		line-height: 32px;
		font-weight: 700;
		margin-bottom: 15px;
	}

	.services-landing-panel .service-feature h4 {
		color: #f90085;
		font-size: 26px;
		line-height: 32px;
		margin: 0px;
		font-weight: 700;
		position: absolute;
		bottom: 0px;
	}

	.services-landing-panel .service-feature p {
		margin: 0px;
	}


/**
 * Renting Property Landing Panel
 * ========================================================================== */

.renting-property-landing-panel {
	background: #ffffff;
	padding: 60px 0px 80px 0px;
}

	.renting-property-landing-panel h2 {
		color: #e7067e;
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 15px;
	}

	.renting-property-landing-panel p {
		font-size: 16px;
		padding: 0px 120px;
		margin-bottom: 50px;
	}

		.renting-property-landing-panel p a {
			color: #e7067e;
			font-weight: 600;
		}

	.renting-property-landing-panel .feature {
		margin-bottom: 30px;
	}

		.renting-property-landing-panel .feature img {
			height: 80px;
			margin: auto auto 20px auto;
		}

		.renting-property-landing-panel .feature p {
			padding: 0px;
			margin: 0px 0px 15px 0px;
		}

	.renting-property-landing-panel.sales .feature p {
		min-height: 70px;
	}

/**
 * Info Tabs Landing Panel
 * ========================================================================== */

.info-tabs-landing-panel {
	background: #ffffff;
}

	.info-tabs-landing-panel .info-tab-feature {
		background: #ffffff;
		border: 1px #e7067e solid;
		border-bottom: 0px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		padding: 14px 5px;
	}

		.info-tabs-landing-panel .info-tab-feature.active {
			background: #29313c;
			border-color: #29313c;
		}

		.info-tabs-landing-panel .info-tab-feature p {
			color: #e7067e;
			font-size: 20px;
			margin: 0px;
		}

		.info-tabs-landing-panel .info-tab-feature.active p {
			color: #ffffff;
		}

	.info-tabs-landing-panel .background {
		background: url(../img-new/info-tabs-landing-panel-bg.jpg) top center no-repeat;
		padding: 60px 0px;
		min-height: 540px;
	}

		.info-tabs-landing-panel .background h2 {
			font-size: 42px;
			line-height: 52px;
			margin-bottom: 50px;
		}

			.info-tabs-landing-panel .background h2 span {
				color: #e7067e;
			}

		.info-tabs-landing-panel .background img {
			height: 65px;
			display: inline-block;
			margin-right: 30px;
		}

			.info-tabs-landing-panel .background img:last-child {
				margin-right: 0px;
			}

		.info-tabs-landing-panel .background .btn {
			margin-top: 50px;
		}

		.info-tabs-landing-panel .background.full {
			background: #29313c;
			min-height: 0px;
		}

			.info-tabs-landing-panel .background.full h2 {
				font-size: 32px;
				line-height: 40px;
				margin-bottom: 20px;
			}

			.info-tabs-landing-panel .background.full p {
				color: #ffffff;
				font-size: 16px;
				margin-bottom: 20px;
			}

			.info-tabs-landing-panel .background.full .btn {
				margin-top: 20px;
			}


/**
 * Guiding You Landing Panel
 * ========================================================================== */

.guiding-you-landing-panel {
	background: #ffffff;
	padding: 60px 0px 50px 0px;
}

	.guiding-you-landing-panel h2 {
		color: #e7067e;
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 15px;
	}

	.guiding-you-landing-panel p {
		font-size: 16px;
		padding: 0px 120px;
		margin-bottom: 50px;
	}

	.guiding-you-landing-panel .guide-feature {
		background: #f3f3f3;
		border: 1px #ccc solid;
		border-radius: 5px;
		padding: 25px 25px 30px 25px;
		min-height: 370px;
		margin-bottom: 30px;
	}

		.guiding-you-landing-panel .guide-feature:hover {
			border: 1px #f90085 solid;
		}

		.guiding-you-landing-panel .guide-feature img {
			height: 70px;
			margin-bottom: 15px;
		}

		.guiding-you-landing-panel .guide-feature h2 {
			color: #f90085;
			font-size: 26px;
			line-height: 32px;
			font-weight: 700;
			margin: 0px 0px 15px 0px;
		}

		.guiding-you-landing-panel .guide-feature p {
			color: #666;
			font-size: 16px;
			line-height: 22px;
			font-weight: 500;
			padding: 0px;
			margin: 0px 0px 20px 0px;
		}

		.guiding-you-landing-panel .guide-feature h3 {
			color: #f90085;
			font-size: 16px;
			line-height: 22px;
			font-weight: 600;
			position: absolute;
			bottom: 50px;
		}

/**
 * Tablet & Mobile
 * ========================================================================== */

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

	.info-tabs-landing-panel .background h2 {
		font-size: 34px;
		line-height: 42px;
	}

	.info-tabs-landing-panel .background img {
		height: 50px;
	}

	.packages-landing-panel .package-feature.featured {
		margin: 23px auto 0px auto;
	}

	.services-landing-panel .service-feature {
		min-height: 340px;
	}
}

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

	.info-tabs-landing-panel .background {
		background-position: -500px top;
	}

	.property-portals-panel h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.compare-prices-slider-panel h2 {
		font-size: 34px;
		line-height: 40px;
	}

	.packages-landing-panel h2 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 15px;
	}

	.services-landing-panel h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.renting-property-landing-panel h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.guiding-you-landing-panel h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.services-landing-panel .service-feature {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}

	.compare-prices-slider-panel .price-feature {
		margin: auto;
		float: none !important;
	}

	.compare-prices-slider-panel .versus-icon {
		margin: 50px auto 50px auto;
	}

	.compare-prices-slider-panel .top p {
		padding: 0px;
	}

	.info-tabs-landing-panel .info-tab-feature p {
		font-size: 16px;
	}
}

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

	.main-intro-panel {
		background-position: left top !important;
	}

	.renting-property-landing-panel p {
		padding: 0px;
	}

	.guiding-you-landing-panel p {
		padding: 0px;
	}
}

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

	.main-intro-panel {
		min-height: 0px;
		padding: 50px 0px 60px 0px;
		background-size: 1800px;
	}

		.main-intro-panel .left h2 {
			font-size: 40px;
			line-height: 48px;
			margin-bottom: 25px;
		}

			.main-intro-panel .left h2 span {
				font-size: 52px;
			}

		.main-intro-panel .left .btn {
			margin-bottom: 15px;
		}

		.main-intro-panel .side-circle {
			margin-top: 40px;
		}

	.services-landing-panel .service-feature {
		min-height: 0px;
	}

		.services-landing-panel .service-feature h4 {
			position: relative;
		}

		.services-landing-panel .service-feature p {
			margin: 0px 0px 15px 0px;
		}

	.compare-prices-slider-panel h2 {
		font-size: 30px;
		line-height: 36px;
	}

	.compare-prices-slider-panel .slider h3.heading {
		font-size: 30px;
		line-height: 36px;
	}

	.compare-prices-slider-panel .slider h2 {
		font-size: 26px;
		line-height: 32px;
	}

		.compare-prices-slider-panel .slider h2.total {
			margin-top: 30px;
		}

	.compare-prices-slider-panel .slider-content {
		margin-top: 0px;
	}

	.renting-property-landing-panel .feature {
		margin-bottom: 50px;
	}

	.info-tabs-landing-panel .info-tab-feature p {
		font-size: 15px;
	}



	.info-tabs-landing-panel .background {
		background: #29313c;
		min-height: 0px;
		text-align: center;
	}

		.info-tabs-landing-panel .background img {
			height: 70px;
			display: block;
			margin: 0px auto 40px auto !important;
		}

		.info-tabs-landing-panel .background h2 {
			font-size: 30px;
			line-height: 36px;
		}

		.info-tabs-landing-panel .background.full {
			text-align: left;
		}

	.info-tabs-landing-panel .info-tab-feature {
		border: 1px #e7067e solid;
		border-radius: 10px;
		margin-bottom: 20px;
	}
}


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

	.main-intro-panel .left h2 {
		font-size: 34px;
		line-height: 40px;
	}

		.main-intro-panel .left h2 span {
			font-size: 48px;
		}
}