.office-hero-banner {
	height: calc(101.4vh - 126px);
	position: relative;
}

@media (max-width: 991px) {
	.office-hero-banner {
		height: calc(100vh - 69px);
	}
}



.office-hero-banner.pro-4 {
	background-color: unset;
	height: calc(100vh - calc(127px + -71px));
	overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-4 {
		height: 649px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 {
		height: 100%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
	.office-hero-banner.pro-4 .container {
		max-width: 92%;
	}
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-4 .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block {
		position: absolute;
		bottom: 22px;
		left: 0;
		z-index: 9;
	}
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block {
	padding-top: 136px;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block h1 {
	color: white;
	font-size: 60px;
	line-height: 116%;
	letter-spacing: 0.01em;
	font-weight: normal;
	margin-bottom: 26px;
	display: inline-block;
	max-width: 443px;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block h1 {
		font-size: 3.35rem;
		margin-bottom: 29px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block h1 {
		font-size: 40px;
		line-height: 49px;
		max-width: 311px;
		margin-bottom: 12px;
	}
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block h1:before {
	display: none;
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block h1 i {
	color: #00ADEF;
	font-style: normal;
	transform: rotate(-10.84deg) translateX(-5px);
	display: inline-block;
	font-size: 84.3506px;
	font-family: HarcourtsScript;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block h1 em {
		font-size: 66px;
		padding-left: 10px;
	}
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block p {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 32px;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block p {
		margin-bottom: 46px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block p {
		font-size: 18px;
		line-height: 28.8px;
		margin-bottom: 20px;
	}
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons {
	width: 459px;
	margin: 0;
}

@media only screen and (min-width: 992px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .py-3 {
		padding-top: 6px !important;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons {
		width: 100%;
	}

	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .py-3 {
		padding-top: 15px !important;
	}

	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .py-3 .btn {
		padding: 11px 5px 11px 5px;
	}
}

@media (max-width: 400px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .row {
		flex-direction: column;
	}

	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .row .col {
		margin: 0 !important;
		padding: 0 !important;
	}

	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .row .col:not(:last-child) {
		margin-bottom: 10px !important;
	}
}

.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .btn {
	font-size: 18px;
	padding: 14px 22px 14px 22px;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .btn {
		padding: 15px 10px 16px 10px;
		font-size: 16px !important;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .btn {
		font-size: 16px !important;
		padding: 12px 5px 12px 5px;
	}
}

@media only screen and (max-width: 667px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .btn {
		font-weight: 400;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-banner.pro-4 .container > .row .left-block .d-block .banner-buttons .btn {
		font-size: 14px !important;
	}
}

.office-hero-banner.pro-4 .container > .row .right-block > .row {
	margin-top: 0;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .right-block > .row {
		margin-top: -31px;
	}
}

.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block {
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	z-index: -1;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block {
		width: 100vw;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block {
		padding-top: 0;
		padding-bottom: 0;
		height: 76.2vh;
		overflow: hidden;
		position: initial;
		width: initial;
		left: initial;
		z-index: initial;
	}
}

.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block img {
	height: auto;
	object-fit: cover;
	width: 100%;
	margin-left: 0;
}

.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block:after {
    width: 100vw;
    height:100%;
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    background: linear-gradient(to right, rgb(0 0 0 / 63%) 0%,rgba(255,255,255,0) 46%);
    pointer-events: none;  
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block img {
		padding-left: 0;
		padding-top: 0;
		object-fit: cover;
		height: 100%;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-4 .container > .row .right-block > .row > .col .d-block:after {
        background: linear-gradient(to right, rgb(0 0 0 / 67%) 0%,rgba(255,255,255,0) 49%);
	}
    .property-search-container {
        border: 0;
    }
    .property-search-container.office-landing-pro4-level {
        padding-bottom: 25px;
    }
}
._join-us-heading.brand-marketing > .container {
	padding-top: 4px;
	padding-bottom: 88px;
}

@media (max-width: 1390px) {
	._join-us-heading.brand-marketing > .container {
		padding-top: 122px;
		padding-bottom: 50px;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		margin-top: auto;
		margin-bottom: 25px;
	}
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container {
		padding: 0 0 36px 0;
		padding-right: 0;
		padding-left: 0;
		margin-top: auto;
		margin-bottom: 0;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper {
    height: 504px;
    padding-top: 0!important;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper {
		padding-top: unset;
		height: auto;
		overflow: hidden;
	}
}

@media only screen and (max-width: 667px) {
	._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper {
		height: 100%;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper img {
    margin-left: 5px;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper img {
		margin-right: 0;
		transform: translateY(-42px);
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: auto;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col:nth-child(2) > .d-block {
	padding: 0;
}

@media (max-width: 1400px) {
	._join-us-heading.brand-marketing > .container > .row > .col:nth-child(2) > .d-block {
		padding: 0 25px;
	}
}

@media only screen and (max-width: 667px) {
	._join-us-heading.brand-marketing > .container > .row > .col:nth-child(2) > .d-block {
		padding: 27px 24px 0 24px;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .heading-title {
	margin: 121px 0 0 11px;
	letter-spacing: 0;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col .heading-title {
		margin: 0;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .heading-title:before {
	height: 29px;
	top: 0px;
	left: -6px;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col .heading-title:before {
		height: 18px;
		top: -1px;
		left: -1px;
		margin-right: 22px;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col p.heading-description {
	margin: 22px 14px 0 7px;
	line-height: 29.7px;
	font-size: 18px;
    font-size: 18px !important;
    line-height: 29.7px !important;
    color: #6C6C6C!important;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col p.heading-description {
		margin: 22px 0 0 0;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .btn {
	padding: 15px 81px;
	margin: 37px 0 0 3px;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col .btn {
		margin: 28px 0 0 0;
		width: 100%;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .btn.harcourts-difference-btn {
	padding: 15px 34px !important;
}
._join-us-heading.world-class-training > .container {
	padding-top: 4px;
	padding-bottom: 88px;
}

@media (max-width: 1390px) {
	._join-us-heading.world-class-training > .container {
		padding-top: 122px;
		padding-bottom: 50px;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		margin-top: auto;
		margin-bottom: 25px;
	}
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container {
		padding: 0 0 45px 0;
		padding-right: 0;
		padding-left: 0;
		margin-top: auto;
		margin-bottom: 0;
	}
}

._join-us-heading.world-class-training > .container > .row > .col:first-child .image-wrapper {
    height: 504px;
    padding-top: 0!important;
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container > .row > .col:first-child .image-wrapper {
		padding-top: unset;
		height: auto;
		overflow: hidden;
	}
}

@media only screen and (max-width: 667px) {
	._join-us-heading.world-class-training > .container > .row > .col:first-child .image-wrapper {
		height: 100%;
	}
}

._join-us-heading.world-class-training > .container > .row > .col:first-child .image-wrapper img {
    margin-left: 5px;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container > .row > .col:first-child .image-wrapper img {
		margin-left: 0;
		transform: translateY(-42px);
	}
}

._join-us-heading.world-class-training > .container > .row > .col:nth-child(2) {
	padding-left: 53px;
}

@media (max-width: 1400px) {
	._join-us-heading.world-class-training > .container > .row > .col:nth-child(2) {
		padding-left: 0;
	}
}

._join-us-heading.world-class-training > .container > .row > .col:nth-child(2) > .d-block {
	padding: 0;
}

@media (max-width: 1400px) {
	._join-us-heading.world-class-training > .container > .row > .col:nth-child(2) > .d-block {
		padding: 0 25px;
	}
}

@media only screen and (max-width: 667px) {
	._join-us-heading.world-class-training > .container > .row > .col:nth-child(2) > .d-block {
		padding: 27px 24px 0 24px;
	}
}

._join-us-heading.world-class-training > .container > .row > .col .heading-title {
	margin: 95px 0 0 9px;
	letter-spacing: 0;
	letter-spacing: 0;
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container > .row > .col .heading-title {
		margin: 0;
	}
}

._join-us-heading.world-class-training > .container > .row > .col .heading-title:before {
	height: 29px;
	top: 0px;
	left: -6px;
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container > .row > .col .heading-title:before {
		height: 18px;
		top: -1px;
		left: -1px;
		margin-right: 22px;
	}
}

._join-us-heading.world-class-training > .container > .row > .col p.heading-description {
	margin: 22px 0 0 7px;
    font-size: 18px !important;
    line-height: 29.7px !important;
    color: #6C6C6C!important;
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container > .row > .col p.heading-description {
		margin: 22px 0 0 0;
	}
}

._join-us-heading.world-class-training > .container > .row > .col .btn {
	padding: 15px 81px;
	margin: 37px 0 0 3px;
}

@media (max-width: 991px) {
	._join-us-heading.world-class-training > .container > .row > .col .btn {
		margin: 28px 0 0 0;
		width: 100%;
	}
}

._join-us-heading.world-class-training > .container > .row > .col .btn.harcourts-difference-btn {
	padding: 15px 34px !important;
}
._join-us-heading.brand-marketing > .container {
	padding-top: 4px;
	padding-bottom: 88px;
}

@media (max-width: 1390px) {
	._join-us-heading.brand-marketing > .container {
		padding-top: 122px;
		padding-bottom: 50px;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		margin-top: auto;
		margin-bottom: 25px;
	}
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container {
		padding: 0 0 36px 0;
		padding-right: 0;
		padding-left: 0;
		margin-top: auto;
		margin-bottom: 0;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper {
    height: 504px;
    padding-top: 0!important;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper {
		padding-top: unset;
		height: auto;
		overflow: hidden;
	}
}

@media only screen and (max-width: 667px) {
	._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper {
		height: 100%;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper img {
    margin-left: 5px;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col:first-child .image-wrapper img {
		margin-right: 0;
		transform: translateY(-42px);
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: auto;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col:nth-child(2) > .d-block {
	padding: 0;
}

@media (max-width: 1400px) {
	._join-us-heading.brand-marketing > .container > .row > .col:nth-child(2) > .d-block {
		padding: 0 25px;
	}
}

@media only screen and (max-width: 667px) {
	._join-us-heading.brand-marketing > .container > .row > .col:nth-child(2) > .d-block {
		padding: 27px 24px 0 24px;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .heading-title {
	margin: 121px 0 0 11px;
	letter-spacing: 0;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col .heading-title {
		margin: 0;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .heading-title:before {
	height: 29px;
	top: 0px;
	left: -6px;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col .heading-title:before {
		height: 18px;
		top: -1px;
		left: -1px;
		margin-right: 22px;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col p.heading-description {
	margin: 22px 14px 0 7px;
	line-height: 29.7px;
	font-size: 18px;
    font-size: 18px !important;
    line-height: 29.7px !important;
    color: #6C6C6C!important;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col p.heading-description {
		margin: 22px 0 0 0;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .btn {
	padding: 15px 81px;
	margin: 37px 0 0 3px;
}

@media (max-width: 991px) {
	._join-us-heading.brand-marketing > .container > .row > .col .btn {
		margin: 28px 0 0 0;
		width: 100%;
	}
}

._join-us-heading.brand-marketing > .container > .row > .col .btn.harcourts-difference-btn {
	padding: 15px 34px !important;
}
._home-resource {
	padding: 37px 0;
}

._home-resource .heading {
	margin-bottom: 35px;
}

._home-resource .resource-carousel.owl-carousel {
    justify-content: flex-start;
}

._home-resource .heading .btn {
	position: relative;
	top: -5px;
}

@media all and (max-width: 767px) {
	._home-resource .heading {
		margin-bottom: 30px;
	}

	._home-resource .heading .btn {
		font-size: 14px;
		line-height: 20px;
		font-weight: 600;
		padding: 6px 11px;
		white-space: nowrap;
	}
}
.people-detail-cta.bg-navy-blue {padding: 92px 0 122px 0;background-color: #001f49;color: #ffffff;}@media (max-width: 414px) {.people-detail-cta {padding: 76px 0 75px 0;}}.people-detail-cta .cta-content {max-width: 430px;padding-right: 12px;}.people-detail-cta .cta-content h2 {line-height: 52px;margin-bottom: 36px;}@media (max-width: 414px) {.people-detail-cta .cta-content h2 {font-size: 28px;line-height: 36.4px;margin-bottom: 31px;}}.people-detail-cta .cta-content .btn {padding: 14px 63px 15px 63px;}
