.landing h1, .landing h2, .landing h3, .landing h4, .landing h5, .landing h6 {text-transform: uppercase !important;}

.landing .hero .text-content {
    position: absolute;
    bottom: 5%;
}

.landing .hero h1, .landing .hero p, .landing .hero .btn {color: #ffffff;}

.landing .hero .cta {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    gap: 20px;
}

.landing .hero .cta .btn {
	font-size: 20px;
	border-radius: 0;
}

.landing .hero .cta .btn.transparent {border: 1px solid #ffffff;}

.landing .hero .cta .btn.blue {background: #25a8e0;}

.landing .hero .cta .btn:hover {
	background: #000000;
	border-color: transparent;
}

.landing section:not(.hero) {padding: 80px 0;}

.landing section h3 {
    margin-bottom: 20px;
    line-height: 45px;
}

.landing .cards {
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

.landing .cards .ry-each {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 15px;
    padding: 25px;
    min-height: 420px;
}

.cards .ry-each .card-heading {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c7c7c7;
}

section.bg {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 0 !important;
}

section.bg .text-box {
    position: absolute;
    top: 50%;
    transform: translate(20%, -50%);
    background: #ffffff;
    max-width: 700px;
    padding: 80px;
    border-radius: 30px 20px;
}

.text-box p {margin: 20px 0 30px;}

.text-box .ry-btn {
    margin: 0 auto;
    float: none;
    clear: both;
    display: block;
    width: max-content;
}

.cards p {text-align: left;}

.inquiry .ry-content {
    background: #ffffff;
    display: flex;
    padding: 40px;
    gap: 40px;
	margin-top: -110px;
	border: 1px solid #c7c7c7;
}

.inquiry #contact {width: 35%;}
.inquiry .bio-info-box {padding: 10px;}
.inquiry .bio-info-copy h3, .inquiry a.bio-phone {color: #000;}
.inquiry .bio-info-copy h3 {margin-bottom: 0;}
.inquiry .bio-info-copy {margin-bottom: 20px;}
.inquiry a.bio-btn {
    background: #25a7df;
    color: #fff;
    margin: 15px 0;
}

.inquiry .side-form h5 {margin-bottom: 15px;}

.reviews .cta .ry-btn {
    margin: 30px auto 0;
    display: block;
    width: fit-content;
}
section.reviews, section.reviews, section.sell-forms {padding-bottom: 190px !important;}
section.inquiry {
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-293dd465-f306-4334-ba57-871e6c0ec29d/landing/bg_inquire.jpg) no-repeat;
    background-size: cover;
	padding-top: 0 !important;
}
.sell-forms .forms.ry-flex {gap: 40px;}
.sell section.reviews {padding-bottom: 90px !important;}
.sell-forms .seller {width: 40%;}
.sell-forms .property {padding-left: 40px;}
.sell-forms .property {
    padding-left: 40px;
    border-left: 2px solid #cbcbcb;
}

@media (max-width: 1200px) {
	section.bg .text-box {transform: translate(10%, -70%);}
}

@media (max-width: 1024px) {
	.landing .hero .text-content {top: 30%;}
	section.bg .text-box {transform: translate(10%, -90%);}
}

@media (max-width:768px) {
	.landing .hero {margin-top: 60px;}
	.landing .hero .text-content {top: 25%;}
	.landing .hero img {height: 50vh;}
	section.bg .text-box {
		position: relative;
		transform: unset;
		top: 0;
		width: 90%;
		max-width: unset;
		margin: -90px auto 0;
		float: none;
		border: 1px solid #c7c7c7;
	}
	section.bg {
		background: #25a8e0;
		padding-bottom: 30px !important;
		height: 90vh;
	}
	.landing .cards {flex-direction: column;}
	.sell-forms .forms.ry-flex {flex-direction: column;}
	.sell-forms .property {
		padding-left: 0;
		border-top: 2px solid #cbcbcb;
		padding-top: 40px;
		border-left: 0;
	}
	.sell-forms .seller {width: 100%;}
}

@media (max-width: 600px) {
	.inquiry .ry-content {flex-direction: column;}
	.inquiry #contact {width: 100%;}
}
