.hero_home-layout {
    position: relative;
    color: #ffffff;
    overflow: hidden;
    min-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.hero_home-layout {
    padding: var(--pk-site-gutter);
    color: var(--bies-brown-dark);
    min-height: calc(100vh - (2 * var(--hero-frame)));
    justify-content: center;
}

/* Illus left corner */
.hero_home-layout .hero-corner_illu {
    position: absolute;
    top: max(2rem, calc(2.25 * var(--su)));
    left: 0;
}

.hero_home-layout .hero-inner_wrap {
    position: relative;
    padding-inline: max(1.25rem, calc(3.75 * var(--su)));
    border-radius: max(1rem, calc(1.5 * var(--su)));
    background-color: var(--bies-orange);
}

.hero_home-layout .pk-row-content {
    align-items: flex-end;
	margin-top: max(2rem, calc(2 * var(--su)));;
}

.hero_home-layout .pk-col-left {
    margin-bottom: max(2rem, calc(4 * var(--su)));
}

.hero_home-layout .hero-content {
    max-width: max(36.25rem, calc(36.25 * var(--su)));
}

.hero_home-layout .hero-subtitle .pk-heading {
    font-family: var(--pk-text-font-family);
    font-size: var(--scaling-h3);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: max(0.5rem, calc(0.75 * var(--su)));
}

.hero_home-layout strong,
.hero_home-layout b {
    font-weight: 600;
}

.hero_home-layout .pk-button-group {
    margin-top: max(2rem, calc(2 * var(--su)));
}

.hero_home-layout .hero-image {
    display: flex;
    justify-content: flex-end;
    padding-top: max(4rem, calc(6.25 * var(--su)));
}

.hero_home-layout .hero-image .hero-image-inner {
    aspect-ratio: 579/767;
    flex-shrink: 0;
    flex: 1;
    max-width: max(36.25rem, calc(36.25 * var(--su)));
    width: 100%;
}

.hero_home-layout .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 993px) {
    .hero_home-layout {
        min-height: auto;
    }
	
	.hero_home-layout .pk-row-content {
		margin-top: 0;
	}

    .hero_home-layout .hero-inner_wrap {
		padding-top:  max(12.5rem, calc(12.5 * var(--su)));
    }

	.hero_home-layout .hero-image {
    padding-top: max(1.5rem, calc(2 * var(--su)));
	}

	.hero_home-layout .hero-image .hero-image-inner{
		aspect-ratio: auto;
	}
	

	
}

@media screen and (max-width: 767px) {
    .hero_home-layout .hero-corner_illu {
        display: none;
    }

	.hero_home-layout .hero-subtitle {
    margin-bottom: max(1.25rem, calc(1.25 * var(--su)));
}
}