.office-hero-banner {
	height: calc(101.4vh - 126px);
	position: relative;
}

@media (max-width: 991px) {
	.office-hero-banner {
		height: calc(100vh - 69px);
	}
}

.office-hero-banner.enterprise img.hero-banner-default-image {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	object-fit: cover;
}

.office-hero-banner.enterprise .container {
	position: relative;
	z-index: 2;
}

.office-hero-banner.enterprise .container h1 {
	font-size: 3.75rem;
	padding: 2px 0 0 0px;
	max-width: 496px;
	color: #ffffff;
	margin: 0 auto;
	margin-top: -2px;
}

@media (max-width: 991px) {
	.office-hero-banner.enterprise .container h1 {
		font-size: 40px;
		line-height: 49.6px;
		margin-top: -81px;
	}
}

.office-hero-banner.enterprise-banner-only {
	height: 100vh;
}

.office-hero-banner.enterprise-banner-only img.hero-banner-default-image {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	object-fit: cover;
}

.office-hero-banner.enterprise-banner-only .container {
	position: relative;
	z-index: 2;
}

.office-hero-banner.enterprise-banner-only .container h1 {
	font-size: 3.75rem;
	padding: 2px 0 0 0px;
	max-width: 496px;
	color: #ffffff;
	margin: 0 auto;
	margin-top: 0;
}

@media (max-width: 991px) {
	.office-hero-banner.enterprise-banner-only .container h1 {
		font-size: 40px;
		line-height: 49.6px;
		margin-top: -81px;
	}
}

.office-hero-banner.pro-1 {
	background-color: #001F49;
	height: 693px;
	overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-1 {
		height: 554px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 {
		height: 100%;
	}
}



.office-hero-banner.pro-3 {
	background-color: unset;
	height: calc(100vh - calc(127px + 180px));
	overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-3 {
		height: 649px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 {
		height: 100%;
		min-height: inherit;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
	.office-hero-banner.pro-3 .container {
		max-width: 92%;
	}
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-3 .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row .left-block {
		position: absolute;
		bottom: 22px;
		left: 0;
		z-index: 9;
	}
}

.office-hero-banner.pro-3 .container > .row .left-block .d-block {
	padding-top: 64px;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

.office-hero-banner.pro-3 .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-3 .container > .row .left-block .d-block h1 {
		font-size: 3.35rem;
		margin-bottom: 29px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block h1 {
		font-size: 40px;
		line-height: 49px;
		max-width: 311px;
		margin-bottom: 12px;
	}
}

.office-hero-banner.pro-3 .container > .row .left-block .d-block h1:before {
	display: none;
}

.office-hero-banner.pro-3 .container > .row .left-block .d-block hi em {
	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-3 .container > .row .left-block .d-block hi em {
		font-size: 66px;
		padding-left: 10px;
	}
}

.office-hero-banner.pro-3 .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-3 .container > .row .left-block .d-block p {
		margin-bottom: 46px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block p {
		font-size: 18px;
		line-height: 28.8px;
		margin-bottom: 20px;
	}
}

.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons {
	width: 459px;
	margin: 0;
}

@media only screen and (min-width: 992px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .py-3 {
		padding-top: 6px !important;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons {
		width: 100%;
	}

	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .py-3 {
		padding-top: 15px !important;
	}

	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .py-3 .btn {
		padding: 11px 5px 11px 5px;
	}
}

@media (max-width: 400px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .row {
		flex-direction: column;
	}

	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .row .col {
		margin: 0 !important;
		padding: 0 !important;
	}

	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .row .col:not(:last-child) {
		margin-bottom: 10px !important;
	}
}

.office-hero-banner.pro-3 .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-3 .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-3 .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-3 .container > .row .left-block .d-block .banner-buttons .btn {
		font-weight: 400;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-banner.pro-3 .container > .row .left-block .d-block .banner-buttons .btn {
		font-size: 14px !important;
	}
}

.office-hero-banner.pro-3 .container > .row .right-block > .row {
	margin-top: 0;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .container > .row .right-block > .row {
		margin-top: -31px;
	}
}

.office-hero-banner.pro-3 .container > .row .right-block > .row > .col .d-block {
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	z-index: -1;
}

.office-hero-banner.pro-3 .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: 1400px) {
	.office-hero-banner.pro-3 .container > .row .right-block > .row > .col .d-block {
		width: 100vw;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-3 .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;
	}
}



@media (max-width: 991px) {
	.office-hero-banner.pro-3 .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-3 .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%);
	}
}