/** @format */

.owner {
	padding-top: 30px;
	position: relative;
	z-index: 1;
}

.owner:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 540px;
	background: linear-gradient(187deg, #ffffff 29.77%, rgba(255, 255, 255, 0.8) 92.55%), #2485a6;
	content: '';
	pointer-events: none;
}

.owner-left {
	margin-top: 27px;
}

.owner-right {
	font-size: 1rem;
	color: var(--color-gray-200);
	line-height: 1.45;
}

.owner .sub-title {
	margin-bottom: 0;
	color: var(--color-dark-100);
}

.owner .sub-title:before {
	background-color: var(--color-dark-100);
}

.owner h2 {
	margin-bottom: 17px;
	font-size: 2.5rem;
	line-height: 1.1;
	letter-spacing: -0.056rem;
}

.owner p {
	margin-bottom: 22px;
}

.owner ul {
	margin: 38px 0 20px 0;
}

.owner li {
	margin-bottom: 8px;
}

.owner li:last-of-type {
	margin-bottom: 0;
}

.owner li a {
	font-size: 0.938rem;
	font-weight: 700;
	text-decoration: none;
	color: var(--color-alternate);
}

.owner li a i {
	margin-right: 8px;
	font-size: 0.875rem;
	color: var(--color-dark);
}

.owner li a:focus,
.owner li a:hover {
	color: var(--color-dark);
}

.owner-image {
	overflow: hidden;
}

.owner-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.owner-text {
	padding: 20px 15px;
	font-size: 0.938rem;
	font-weight: 700;
	color: var(--color-white);
	background: linear-gradient(135deg, #140a53 0%, #09013a 100%);
	line-height: 1.2;
}

.owner-text *:last-child {
	margin-bottom: 0;
}

.owner .button {
	width: 100%;
}

.owner-quote {
	padding-top: 127px;
	padding-bottom: 53px;
	position: relative;
	overflow: hidden;
}

.owner-quote-text {
	position: relative;
	z-index: 1;
	color: var(--color-alternate);
}

.owner-quote-text h4 {
	margin-bottom: 9px;
	font-weight: 200;
	font-family: var(--font-family-body);
	letter-spacing: -0.125rem;
}

.owner-quote-text strong {
	display: block;
	font-size: 1.375rem;
	letter-spacing: -0.038rem;
}

.owner-quote-icon {
	margin-bottom: 15px;
	display: block;
	pointer-events: none;
}

.owner-quote-bg {
	position: absolute;
	bottom: 282px;
	left: 50%;
	z-index: 1;
	width: 310px;
	height: 220px;
	transform: translateX(-50%);
	pointer-events: none;
	overflow: hidden;
}

.owner-quote-bg img {
	display: block;
	width: 100%;
	height: 100%;
}

.owner-quote-bg .animate {
	animation-delay: 1000ms;
}

@media screen and (min-width: 768px) {
	.owner {
		padding-top: 82px;
	}

	.owner:after {
		height: 608px;
	}

	.owner .sub-title {
		margin-bottom: 14px;
	}

	.owner h2 {
		margin-bottom: 23px;
		font-size: 2.625rem;
		line-height: 1.2;
	}

	.owner-row {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		z-index: 2;
	}

	.owner-left {
		margin-top: 0;
		width: 50%;
	}

	.owner-right {
		padding-top: 2px;
		padding-right: 30px;
		width: 50%;
	}

	.owner ul {
		margin-bottom: 30px;
	}

	.owner .button {
		width: auto;
	}

	.owner-image {
		margin-right: -100px;
		width: calc(100% + 100px);
	}

	.owner-image img {
		width: auto;
		max-width: 100%;
		margin-left: auto;
	}

	.owner-text {
		margin-top: -30px;
		padding: 38px 39px 37px;
		position: relative;
		font-size: 1.125rem;
		line-height: 1.25;
	}

	.owner-quote {
		margin-top: -44px;
		padding-top: 229px;
		padding-bottom: 130px;
	}

	.owner-quote-text {
		padding-left: 213px;
	}

	.owner-quote-icon {
		margin-bottom: 0;
		position: absolute;
		top: -24px;
		left: 92px;
	}

	.owner-quote-bg {
		top: auto;
		bottom: 0;
		left: 0;
		width: 708px;
		height: 502px;
		transform: translateX(0);
	}
}

@media screen and (min-width: 1025px) {
	.owner-text {
		margin-left: -146px;
	}
}

@media screen and (min-width: 1200px) {
	.owner-quote-bg {
		margin-left: -643px;
		left: 50%;
	}
}