.flex-layout.content_form-layout {
	padding-block: max(4rem, calc(8.75 * var(--su)));
	background: rgba(250, 250, 251, 1);
}

@media screen and (min-width: 993px) {
	.flex-layout.content_form-layout .content-row {
		padding-block: max(3rem, calc(3 * var(--su)));
	}

}

.flex-layout.content_form-layout .content-col {
	padding: max(3rem, calc(3 * var(--su)));
	color: var(--ex-white);
	background: var(--ex-grey-blue);
	border-radius: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.content_form-layout .content-col .pk-heading,
.flex-layout.content_form-layout .content-col .pk-text {
	color: var(--ex-white);
}

.flex-layout.content_form-layout .content-col .pk-component.avatar-button .text .title {
    color: var(--ex-white);
}

.flex-layout.content_form-layout .content-col .pk-component.avatar-button .text .subtitle {
    color: rgba(var(--ex-white-rgb), 0.7);
}

.flex-layout.content_form-layout .content-col .pk-label {
	display: inline-flex;
	align-items: center;
	gap: max(0.5rem, calc(0.5 * var(--su)));
	padding-block: max(0.75rem, calc(0.75 * var(--su)));
	padding-inline: max(0.75rem, calc(0.75 * var(--su)));
	margin-bottom: max(1rem, calc(1 * var(--su)));
	font-size: var(--desktop-body-xxs);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 0;
	text-transform: uppercase;
	border-radius: max(0.5rem, calc(0.5 * var(--su)));
	background: rgba(76, 84, 101, 1);
}

.flex-layout.content_form-layout .content-col .pk-label svg {
	width: max(0.5rem, calc(0.5 * var(--su)));
	height: max(0.5rem, calc(0.5 * var(--su)));
}

.flex-layout.content_form-layout .content-col .pk-content-wrap {
	font-size: var(--desktop-body-md);
	line-height: 1.5;
}

.flex-layout.content_form-layout .content-col .pk-button-group {
	flex-direction: column;
	gap: max(1.125rem, calc(1.125 * var(--su)));
	margin-top: max(2.5rem, calc(2.5 * var(--su)));
}

.flex-layout.content_form-layout .content-col .pk-button-group .pk-button-item {
	display: flex;
	align-items: center;
	gap: max(1rem, calc(1 * var(--su)));
}

.flex-layout.content_form-layout .content-col .pk-button-group .icon-wrap {
	width: max(2.5rem, calc(2.5 * var(--su)));
	height: max(2.5rem, calc(2.5 * var(--su)));
	padding: max(0.75rem, calc(0.75 * var(--su)));
	display: flex;
	align-items: center;
	flex-shrink: 0;
	border-radius: 999px;
	background: var(--ex-red);
}

.flex-layout.content_form-layout .content-col .pk-button-group .icon-wrap svg {
	width: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.content_form-layout .content-col .pk-button-group .txt-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.flex-layout.content_form-layout .content-col .pk-button-group .txt-wrap > span {
	display: block;
	font-weight: 400;
	font-size: max(0.875rem, calc(0.875 * var(--su)));
	color: #afb3bb;
	margin-bottom: 3.5px;
}

.flex-layout.content_form-layout .content-col .pk-button-group a,
.flex-layout.content_form-layout .content-col .pk-button-group a:hover {
	font-family: var(--pk-text-font-family);
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
	padding: 0;
	border: unset;
	background: unset;
}

.flex-layout.content_form-layout .content-col .pk-button-group a {
	transition: color 0.2s ease;
}

.flex-layout.content_form-layout .content-col .pk-button-group a:hover,
.flex-layout.content_form-layout .content-col .pk-button-group a:focus-visible {
	color: var(--ex-white);
}

.flex-layout.content_form-layout .content-col .pk-button-group .pk-button::after {
	content: "";
	all: unset;
}

.flex-layout.content_form-layout .form-col {
	position: relative;
	display: flex;
}

.flex-layout.content_form-layout .form-col .image {
	position: absolute;
	top: calc(-1 * max(3rem, calc(3 * var(--su))));
	bottom: calc(-1 * max(3rem, calc(3 * var(--su))));
	left: 0;
	right: 0;
}

.flex-layout.content_form-layout .form-col .image > img {
	display: block;
	width: 85%;
	height: 100%;
	margin-left: auto;
	object-fit: cover;
	object-position: center;
	border-radius: max(1.5rem, calc(1.5 * var(--su)));;

}

.flex-layout.content_form-layout .form-col .image::after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: max(18rem, calc(18 * var(--su)));
	height: 100%;
	/* aspect-ratio: 230/83; */
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size:contain;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjgzIiB2aWV3Qm94PSIwIDAgMjMwIDEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUzLjcwOCAxMDhDMjUzLjcwOCAxMjEuMjU1IDI0Mi45NjMgMTMyIDIyOS43MDggMTMySDBDNi4yMjY2NSAxMzIgMTIuMjA5OCAxMjkuNTggMTYuNjg1NSAxMjUuMjUxTDExNC4zOTMgMzAuNzQ5QzExOC44NjggMjYuNDIwMSAxMjQuODUxIDI0IDEzMS4wNzggMjRIMjI5LjcwOEMyNDIuOTYzIDI0IDI1My43MDggMTMuMjU0OCAyNTMuNzA4IDBWMTA4WiIgZmlsbD0iI0ZBRkFGQiIvPjwvc3ZnPg==);
}

.flex-layout.content_form-layout .form-col .image .pk-illu-wrap-sm {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-bottom: 0;
	z-index: 1;
}

.flex-layout.content_form-layout .form-col .form-wrapper {
	position: relative;
	z-index: 1;
	width: max(35rem, calc(35 * var(--su)));
	max-width: 100%;
	height: 100%;
	padding-block: max(1.5rem, calc(2 * var(--su)));
	padding-inline: max(1.5rem, calc(2.5 * var(--su)));
	border-radius: max(1.5rem, calc(1.5 * var(--su)));;
	background-color: var(--ex-white);
	color: var(--primary-100);
}

.flex-layout.content_form-layout .form-col .form-wrapper .intro {
	display: flex;
	flex-direction: column;
	gap: max(.5rem, calc(.5 * var(--su)));
	margin-bottom: max(1rem, calc(1 * var(--su)));
}

.flex-layout.content_form-layout .form-col .form-wrapper .intro .pk-heading {
	margin: 0;
	font-size: var(--scaling-h3);
}

.flex-layout.content_form-layout .intro p {
    font-size: max(0.875rem, calc(0.875 * var(--su)));
    color: rgba(136, 141, 152, 0.6);
}

.flex-layout.content_form-layout .form-col .form-wrapper form .gform_footer button {
	width: 100%;
	justify-content: center;
	display: flex !important;
}

@media screen and (min-width: 993px) {

	.flex-layout.content_form-layout .content-row {
		padding-block: max(3rem, calc(3 * var(--su)));
	}

}

@media screen and (max-width: 992px) {

	.flex-layout.content_form-layout {
		margin-bottom: unset;
	}

	.flex-layout.content_form-layout > .pk-grid-container{
		gap: max(1.5rem, calc(1.5 * var(--su)));;
	}

	.flex-layout.content_form-layout .form-col {
		flex-direction: column-reverse;
		padding-bottom: max(12.5rem, calc(12.5 * var(--su)));
	}

	.flex-layout.content_form-layout .form-col .image {
		position: absolute;
		bottom: 0;
		top: unset;
		height: 70%;
		width: 100%;
	}

	.flex-layout.content_form-layout .form-col .image img {
		width: 100%;
		height: 100%;
	}

	.flex-layout.content_form-layout .form-col .form-wrapper {
		width: 100%;
		height: auto;
	}

}