/*
Theme Name: BasicDev Template
Author: BasicDev Template
Author URI: 
Description: BasicDev Template
Version: 1.0.0
License: 
License URI: 
Text Domain: basicdev
*/
/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}
html,
body {
	height: 100%;
}
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--color);
	font-family: "Rubik", sans-serif;
	font-size: var(--font-size);
	line-height: var(--line-height);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
}
h1 {
	position: relative;
	z-index: 1;
}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p {
	margin-top: 0;
	margin-bottom: 0;
}
p:last-child {
	margin-bottom: 0;
}
a {
	color: var(--color);
	text-decoration: none;
}
strong {
	font-weight: 700;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/* Elements
--------------------------------------------- */
html,
body {
	scroll-behavior: smooth;
}
body {
	background: #fff;
}
.container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}
@media screen and (min-width: 992px) {
	.container {
		width: calc(1482px + 60px);
		padding: 0px 30px;
	}
}
* {
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
}
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
.wow {
	visibility: hidden;
}
.button {
	padding: 0 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 133px;
	color: #fff;
	text-align: center;
	font-family: Rubik;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.92px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	box-shadow: none;
	outline: none;
	font-family: "Rubik", sans-serif;
}
@media screen and (max-width: 992px) {
	.button {
		padding: 0 22px;
		height: 40px;
		line-height: 38px;
		font-size: 16px;
	}
}
.validation_error {
	display: none;
}
.validation_message {
	font-size: 14px;
	text-align: left;
}
input[type="text"],
input[type="date"],
input[type="tel"],
input[type="email"] {
	text-indent: 14px;
	height: 56px;
	border-radius: 10px;
	border: 1px solid #a3a3a6;
	background: #fff;
	color: #262626;
	font-family: "Avenir";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 100%;
}
textarea::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder {
	color: #262626;
	font-family: "Avenir";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
textarea {
	padding-top: 13px;
	text-indent: 14px;
	border-radius: 10px;
	border: 1px solid #a3a3a6;
	background: #fff;
	color: #262626;
	font-family: "Avenir";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 100%;
	height: 110px;
	resize: none;
}
.wpcf7-spinner {
	position: absolute;
}
@media (max-width: 567px) {}
.lity-iframe video {
	width: 100%;
	height: 100%;
}
.lity-iframe,
.lity-iframe div,
.lity-inline,
.lity-inline div,
.lity-youtube,
.lity-youtube div,
.lity-vimeo,
.lity-vimeo div {
	height: 100% !important;
	max-height: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	padding-top: inherit;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
	align-self: center;
}
figure {
	margin: 1em 0;
}
table {
	width: 100%;
}
/* Navigation */
#masthead {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: 1812px;
	width: calc(100% - 60px);
	z-index: 98;
	color: #000;
	background: #fff;
	border-radius: 13px;
	margin: 15px auto 0 auto;
}
#masthead nav {
	width: 100%;
	display: flex;
	align-items: center;
}
#masthead #logo {
	margin: 14px 79px 14px 0;
}
#masthead #logo,
#masthead #logo a {
	line-height: 0;
	flex-shrink: 0;
}
#masthead #logo a {
	display: inline-block;
	position: relative;
}
#masthead #logo a img {
	position: relative;
}
#masthead .button {
	background: transparent;
	border: 1px solid var(--yellow);
	color: var(--yellow);
	margin-left: auto;
}
#masthead .container {
	display: flex;
	justify-content: start;
	align-items: center;
	width: 1732px;
}
#masthead .menu {
	display: flex;
	gap: 63px;
	margin: 0;
	padding: 0;
}
#masthead .menu li {
	list-style: none;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 500;
}
#masthead .menu li a {
	color: #011F27;
}
footer {
	padding-top: 82px;
}
footer>.container {
	display: flex;
	flex-wrap: wrap;
}
footer>.container>* {
	width: 100%;
}
footer .left {
	width: 50%;
}
footer .right {
	width: 50%;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 27px;
	margin-top: 3px;
}
footer .left .el:nth-child(1) {
	width: 59.3%;
}
footer .right .el:nth-child(2) {
	text-align: right;
}
footer .socials {
	display: flex;
	gap: 36px;
	margin-top: 30px;
}
footer .address {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
}
footer img {
	display: block;
	margin: 0;
	padding: 0 0 14px 0;
	width: 172px;
}
footer .left {
	display: flex;
	margin-bottom: 24px;
}
footer .menu {
	margin: 10px 0 0 0;
	padding: 0;
}
footer .el p:first-child strong,
footer .menu li {
	list-style: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 18px;
	line-height: 35px;
}
footer .disclaimer {
	font-size: 16px;
	line-height: 10px;
	margin-top: 7px;
	margin-bottom: 18px;
}
#copyright {
	padding: 10px 0;
	font-size: 13px;
	background: #373a36;
}
.toggle-mobile-menu {
	display: none;
}
@media screen and (max-width: 1600px) {
	#masthead #logo {
		margin-right: 40px;
	}
	#masthead .menu {
		gap: 40px;
	}
	#masthead .button {
		padding: 0 24px;
	}
}
@media screen and (max-width: 1350px) {
	#masthead .menu {
		gap: 20px;
	}
	#masthead #logo {
		margin-right: 30px;
	}
	#masthead #logo a img {
		width: 168px;
	}
	#masthead .button {
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
}
@media screen and (max-width: 1200px) {
	#masthead .menu li {
		font-size: 14px;
	}
	#masthead #logo {
		margin-right: 20px;
	}
	#masthead .menu {
		gap: 18px;
	}
	#masthead .button {
		font-size: 16px;
		padding: 0 14px;
	}
	#masthead .container {
		padding: 0 20px;
	}
}
@media screen and (max-width: 992px) {
	#masthead::before {
		content: '';
		position: absolute;
		border-radius: 7px;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
		transition: all 0.2s linear;
		opacity: 0;
	}
	.mobile-menu-visible #masthead::before {
		opacity: 1;
	}
	#masthead nav {
		position: fixed;
		z-index: -1;
		border-radius: 7px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		transition: all 0.2s linear;
		transform: translateX(-100%);
		flex-direction: column;
		justify-content: start;
		padding-top: 104px;
	}
	.mobile-menu-visible #masthead nav {
		transform: translateX(0%);
	}
	.toggle-mobile-menu {
		display: block;
		margin-right: 39px;
	}
	.toggle-mobile-menu svg {
		display: block;
	}
	#masthead .button {
		width: 100%;
		background: var(--green);
		color: #fff;
		border: none;
		border-radius: 0;
		text-align: left;
		padding: 0 43px;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
		letter-spacing: 0;
	}
	#masthead .menu {
		flex-direction: column;
		text-align: left;
		gap: 0;
	}
	#masthead .menu li {
		font-size: 20px;
		border-bottom: 1px solid #D9D9D9;
		padding: 17.5px 43px;
		position: relative;
		background-image: url('data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6.36401C0.447715 6.36401 0 6.81173 0 7.36401C0 7.9163 0.447715 8.36401 1 8.36401L1 7.36401L1 6.36401ZM19.7071 8.07112C20.0976 7.6806 20.0976 7.04743 19.7071 6.65691L13.3431 0.292946C12.9526 -0.0975785 12.3195 -0.0975785 11.9289 0.292946C11.5384 0.68347 11.5384 1.31664 11.9289 1.70716L17.5858 7.36401L11.9289 13.0209C11.5384 13.4114 11.5384 14.0446 11.9289 14.4351C12.3195 14.8256 12.9526 14.8256 13.3431 14.4351L19.7071 8.07112ZM1 7.36401L1 8.36401L19 8.36401V7.36401V6.36401L1 6.36401L1 7.36401Z" fill="%23D9A60D"/></svg>');
		background-size: 18px;
		background-position: calc(100% - 44px) 50%;
		background-repeat: no-repeat;
	}
	#masthead .menu li:last-child {
		border-bottom: none;
	}
	.menu-header-container {
		width: 100%;
	}
	#masthead #logo {
		padding-right: 35px;
	}
	footer {
		padding-top: 50px;
	}
	footer,
	footer .right .el:nth-child(2) {
		text-align: center;
	}
	footer .right .el:nth-child(2) {
		margin-top: 24px;
	}
	footer .right,
	footer .left,
	footer>.container {
		flex-direction: column;
		align-items: center;
	}
	footer .left,
	footer .el {
		width: 100% !important;
	}
	footer img {
		margin: 0 auto;
	}
	footer .socials {
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	footer .disclaimer {
		margin-top: 24px;
	}
}
@media (max-width: 768px) {
	.toggle-mobile-menu {
		margin-right: 0;
		position: relative;
		z-index: 99;
	}
	#masthead {
		border-radius: 7px;
		width: calc(100% - 45px);
	}
	#masthead #logo {
		margin: 12px auto;
	}
	#masthead #logo a img {
		width: 144px;
	}
	footer>.container {
		display: none;
	}
}
input.datepicker {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none"><g clip-path="url(%23a)"><path fill="%23AAA" d="M12.813 15c-.355 0-.651-.12-.89-.36-.24-.24-.36-.536-.36-.89s.12-.651.36-.891c.239-.24.535-.359.89-.359.354 0 .65.12.89.359.24.24.36.537.36.891s-.12.65-.36.89-.536.36-.89.36Zm-5 0a1.21 1.21 0 0 1-.892-.36 1.209 1.209 0 0 1-.359-.89c0-.354.12-.651.36-.891s.536-.359.89-.359c.355 0 .652.12.892.359.239.24.358.537.358.891s-.12.65-.358.89c-.24.24-.537.36-.892.36Zm10 0c-.355 0-.651-.12-.89-.36-.24-.24-.36-.536-.36-.89s.12-.651.36-.891c.239-.24.535-.359.89-.359.354 0 .65.12.89.359.24.24.36.537.36.891s-.12.65-.36.89-.536.36-.89.36Zm-5 5c-.355 0-.651-.12-.89-.36-.24-.24-.36-.536-.36-.89s.12-.65.36-.89c.239-.24.535-.36.89-.36.354 0 .65.12.89.36s.36.536.36.89-.12.65-.36.89-.536.36-.89.36Zm-5 0a1.21 1.21 0 0 1-.892-.36 1.209 1.209 0 0 1-.359-.89c0-.354.12-.65.36-.89s.536-.36.89-.36c.355 0 .652.12.892.36.239.24.358.536.358.89s-.12.65-.358.89c-.24.24-.537.36-.892.36Zm10 0c-.355 0-.651-.12-.89-.36-.24-.24-.36-.536-.36-.89s.12-.65.36-.89c.239-.24.535-.36.89-.36.354 0 .65.12.89.36s.36.536.36.89-.12.65-.36.89-.536.36-.89.36Zm-13.75 5a2.41 2.41 0 0 1-1.767-.734 2.41 2.41 0 0 1-.733-1.766V5c0-.688.244-1.276.733-1.765A2.408 2.408 0 0 1 4.063 2.5h1.25V0h2.5v2.5h10V0h2.5v2.5h1.25c.687 0 1.276.245 1.766.735.489.49.733 1.077.733 1.765v17.5a2.41 2.41 0 0 1-.733 1.766 2.41 2.41 0 0 1-1.767.734h-17.5Zm0-2.5h17.5V10h-17.5v12.5Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h25v25H0z"/></clipPath></defs></svg>');
	background-size: auto;
	background-position: calc(100% - 17px) 50%;
	background-repeat: no-repeat;
}
body .ui-widget.ui-widget-content {
	border: 1px solid #a3a3a6;
	border-radius: 8px;
	width: 300px;
	padding-top: 8px;
	padding-bottom: 13px;
}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default,
body .ui-button,
html body .ui-button.ui-state-disabled:hover,
html body .ui-button.ui-state-disabled:active {
	background: #fff;
	border: none;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: 600;
	border-radius: 8px;
	text-align: center;
	width: 32px;
	height: 32px;
	line-height: 26px;
}
body .ui-datepicker th {
	font-size: 14px;
	font-weight: 700;
	padding: 9px 0 5px 0;
}
body .ui-datepicker .ui-datepicker-header {
	background: #fff;
	border: none;
	margin: 0 22px;
	padding-bottom: 0;
}
body .ui-widget-header .ui-icon {
	background-image: url("./assets/images/prev.svg");
	background-size: auto;
	background-position: center;
	cursor: pointer;
}
body .ui-datepicker .ui-datepicker-next span {
	transform: scale(-1);
}
body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus,
body .ui-button:hover,
.ui-button:focus {
	border: none;
	background: #fff;
}
body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body a.ui-button:active,
body .ui-button:active,
body .ui-button.ui-state-active:hover {
	background: #2f80ed;
	color: #fff;
}
body .ui-datepicker table {
	max-width: 230px;
	margin: 0 auto;
}
body .ui-datepicker td {
	padding: 0;
}
.popup-wrap {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: rgba(212, 214, 214, 0.6);
	opacity: 0;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup-wrap.active {
	opacity: 1;
	pointer-events: all;
}
.popup-wrap .inner .close {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none"><path fill="%23AAA" d="M21.104 4.944C16.668.519 9.388.519 4.952 4.944.516 9.369.516 16.63 4.952 21.056a11.348 11.348 0 0 0 16.038 0c4.437-4.425 4.55-11.687.114-16.112Zm-4.89 12.822-3.186-3.177-3.185 3.177-1.592-1.589L11.436 13 8.25 9.823l1.592-1.589 3.185 3.178 3.185-3.178 1.592 1.589L14.621 13l3.184 3.177-1.592 1.589Z"/></svg>');
	width: 26px;
	height: 26px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 14px;
	right: 14px;
	cursor: pointer;
	z-index: 10;
}
form .success-msg {
	font-size: 38px;
	letter-spacing: 0.03em;
	text-align: center;
}
form .success-msg img {
	display: block;
	margin: 0 auto 35px auto;
}
.wpcf7-form.invalid .wpcf7-response-output,
.grecaptcha-badge {
	display: none !important;
}
.popup-active {
	overflow: hidden;
}
#form-popup h2 {
	color: #000;
	text-align: center;
	font-family: Rubik;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.14px;
	margin-bottom: 20px;
}
#form-popup .img {
	margin-bottom: 30px;
}
#form-popup form {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin-top: 33px;
}
#form-popup form p {
	width: calc(50% - 10px);
	max-width: 100%;
}
#form-popup form p:nth-of-type(5) {
	width: 100%;
	max-width: 100%;
}
#form-popup form p:last-of-type {
	width: 100%;
	text-align: center;
}
#form-popup input[type="submit"] {
	margin-top: 8px;
}
#form-popup .inner {
	max-width: 796px;
	width: 100%;
	padding: 100px 86px 100px 86px;
	position: relative;
}
.floor-plan .inner {
	background: #fff;
	width: 100%;
	max-width: 751px;
	max-height: 100%;
	aspect-ratio: 751 / 754;
	padding: 37px;
	position: relative;
	display: flex;
}
.floor-plan .inner.bigger {
	max-width: 1196px;
	aspect-ratio: 1196 / 670;
}
.floor-plan .inner img {
	display: block;
	margin: auto;
	width: auto;
	max-height: 100%;
	position: relative;
	z-index: 1;
}
@media screen and (min-height: 800px) {
	#form-popup .inner {
		min-height: 784px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (max-width: 768px),
screen and (max-height: 800px) {
	#form-popup form {
		gap: 16px;
	}
	#form-popup .inner {
		padding: 50px;
		max-height: 100vh;
		overflow: auto;
	}
	#form-popup .inner .img img {
		max-width: 200px;
	}
}
@media screen and (max-width: 768px) {
	#form-popup h2 {
		font-size: 35px;
		line-height: 45px;
		max-width: 340px;
		margin: 0 auto 3px auto;
	}
	#form-popup br {
		display: none;
	}
	#form-popup .inner {
		padding: 50px 15px;
	}
	.floor-plan .inner {
		padding: 10px;
	}
}
@media screen and (max-width: 567px) {
	#form-popup form p {
		width: 100%;
	}
	/* Safari Only */
	@supports (background: -webkit-named-image(i)) {
		.button {
			line-height: 42px;
		}
	}
	.popup-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99999;
		inset: 0;
		height: 100svh;
		height: 100dvh;
		height: calc(var(--vh, 1vh) * 100);
		padding-top: env(safe-area-inset-top);
		padding-bottom: env(safe-area-inset-bottom);
		background: #d4d6d5;
	}
	.floor-plan.popup-wrap {
		z-index: 999 !important;
		background: #fff;
	}
	.popup-wrap .inner {
		padding-top: 30px !important;
		max-height: 100% !important;
		-webkit-overflow-scrolling: touch;
		overflow: auto;
		height: 100svh !important;
		height: 100dvh !important;
		height: calc(var(--vh, 1vh) * 100) !important;
	}
	.popup-wrap.floor-plan .inner {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.popup-wrap .inner .close {
		top: 45px;
	}
	#form-popup .img {
		margin-bottom: 15px !important;
	}
	#hero form,
	#form-popup form {
		margin-top: 19px !important;
	}
	form .success-msg {
		line-height: 1.2;
	}
	form .success-msg img {
		max-width: 200px;
	}
}
.default-hero {
	padding-top: 141px;
	padding-bottom: 44px;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
}
.default-hero h1 {
	text-transform: uppercase;
	font-size: 53px;
	line-height: 1em;
	letter-spacing: 0.06em;
	font-weight: 600;
	margin-bottom: 9px;
}
.default-hero .text {
	font-size: 21px;
	line-height: 25px;
}
.default-hero .button {
	margin-top: 24px;
}
.cta-banner .container {
	min-height: 415px;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.cta-banner .title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 53px;
	line-height: 1em;
	letter-spacing: 0.06em;
	margin-top: 10px;
	margin-bottom: 9px;
	color: #000;
}
.cta-banner .text {
	font-size: 21px;
	line-height: 25px;
	max-width: 701px;
	margin: 0 auto;
	color: #000;
}
.cta-banner .button {
	background: var(--green);
	margin-top: 24px;
}
#showcase {
	margin-top: 134px;
	--radius: 80px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
#showcase .container {
	display: flex;
	flex-direction: column;
	gap: 29px;
}
#showcase .container .el {
	display: flex;
}
#showcase .container .el:nth-of-type(even) {
	display: flex;
	flex-direction: row-reverse;
}
#showcase .container .el img {
	border-radius: var(--radius);
}
#showcase .container .text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	line-height: 25px;
	flex-grow: 1;
	padding: 0 25px;
}
#showcase .container .text p:first-child strong {
	font-size: 53px;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 0.06em;
}
#showcase .button {
	margin-top: 23px;
	padding: 0 24px;
	min-width: 273px;
}
#global-sticky-banner {
	background: var(--yellow);
	z-index: 99;
	font-size: 21px;
	padding: 10px;
}
@media screen and (max-width: 1500px) {
	#showcase .container .el img {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		transform: translateX(-30px);
	}
	#showcase .container .el:nth-of-type(even) img {
		border-top-left-radius: var(--radius);
		border-bottom-left-radius: var(--radius);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		transform: translateX(30px);
	}
}
@media screen and (max-width: 992px) {
	#showcase {
		margin-top: -40px;
		position: relative;
		z-index: 2;
	}
	#showcase .container {
		gap: 50px;
	}
	#showcase .container .el,
	#showcase .container .el:nth-of-type(even) {
		flex-direction: column;
	}
	#showcase .container .el:nth-of-type(even) img {
		display: block;
		margin-left: auto;
	}
	#showcase .container .text {
		padding-top: 40px;
	}
}
@media screen and (max-width: 768px) {
	#showcase {
		--radius: 20px;
	}
	#showcase .container {
		gap: 60px;
	}
	#showcase .container .text {
		font-size: 18px;
	}
	#showcase .container .text p:first-child strong {
		font-size: 32px;
	}
	#showcase .container .el img {
		transform: translateX(-50px);
	}
	#showcase .container .el:nth-of-type(even) img {
		transform: translateX(50px);
	}
	#showcase .container .text {
		padding: 26px 0 0 0;
	}
	#showcase .button {
		min-width: 196px;
		padding: 0 19px;
		margin-top: 14px;
	}
	.cta-banner .container {
		min-height: 383px;
	}
	.cta-banner .title {
		font-size: 32px;
		line-height: 1.3125em;
		margin-top: 0;
	}
	.cta-banner .text {
		font-size: 18px;
		line-height: 25px;
	}
	.cta-banner .button {
		margin-top: 15px;
		padding: 0 42px;
	}
	.default-hero {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 567px) {
	#global-sticky-banner {
		font-size: 17px;
		padding: 8px 10px;
		line-height: 23px;
	}
	.default-hero {
		padding-top: 121px;
	}
	.default-hero h1 {
		font-size: 32px;
	}
	.default-hero .text {
		font-size: 18px;
		line-height: 25px;
	}
	.default-hero .button {
		padding: 0 42px;
	}
}