/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_single/page_header_banner_oneid/style.css?17709647131324*/
.instruction-hero {
    display: flex;
    flex-direction: column;
    gap: var(--space-3x);
}

.instruction-hero .instruction-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-2x);
    max-width: 844px;
}

.instruction-hero .instruction-hero__title {
    font-family: var(--hero-font-family);
    font-size: 2rem;
    line-height: 1;
    font-weight: 600;
}

.instruction-hero .instruction-hero__title h1 {
    font: inherit;
    line-height: inherit;
    margin-bottom: 0;
    display: block;
}

.instruction-hero .instruction-hero__title b {
    font-weight: 600;
}

.instruction-hero .instruction-hero__subtitle {
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 400;
    max-width: 323px;
    color: var(--on-surface-variant);
}

@media (min-width: 992px) {
    /* Hero */

    .instruction-hero {
        gap: 2.5rem;
        align-items: center;
    }

    .instruction-hero .instruction-hero__content {
        gap: 1.25rem;
        align-items: center;
    }

    .instruction-hero .instruction-hero__title {
        font-size: 3rem;
    }

    .instruction-hero .instruction-hero__subtitle {
        line-height: 1.5rem;
        max-width: 702px;
    }
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/utp_oneid_steps/style.css?17709720622783*/
.step-instruct-section .step-instruct-section__title {
	font-size: 1.375rem;
	line-height: 1.1;
	font-weight: 600;
	font-family: var(--hero-font-family);
	margin-bottom: .75rem;
	text-align: center;
}


.step-instruct-section .step-instruct-section__subtitle {
	font-size: 1.125rem;
	line-height: 1.5;
	color: var(--on-surface-variant);
	text-align: center;
}


.step-instruct-section__title {
	font-size: 1.375rem;
	line-height: 1.1;
	font-weight: 600;
}

.instruct-step-slider {
	margin-top: 1.5rem;
}

.instruct-step-slider .splide__arrows {
	display: flex;
	padding: .625rem .75rem;
	border-radius: var(--radius-999);
	background-color: var(--container-high);
	align-self: center;
	margin-top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	width: min-content;
	gap: .5rem;
}

.instruct-step-slider .splide__arrows .splide__arrow {
	position: static;
	transform: none;
	width: 2.75rem;
	height: 2.75rem;
	transform: none;
	background-color: var(--container-higher);
}

.instruct-step-slider .splide__arrows .splide__arrow:disabled {
	background-color: var(--container-lower);
}

.instruct-step-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding: 2rem 1rem;
	width: 300px;
	background-color: var(--container-high);
	border-radius: var(--radius-24);

}

.instruct-step-card .instruct-step-card__img {
	display: flex;
	justify-content: center;
}

.instruct-step-card .instruct-step-card__img img {
	width: 200px;
	height: 412px;
	object-fit: cover;
}

.instruct-step-card .instruct-step-card__content {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: .5rem;
}

.instruct-step-card .instruct-step-card__title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.instruct-step-card .instruct-step-card__step {
	width: 1.875rem;
	height: 1.875rem;
	border-radius: var(--radius-999);
	background-color: var(--primary);
	color: var(--on-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 600;
	align-self: center;
}

@media (min-width: 768px) {
	.instruct-step-card {
		width: 364px;
		padding: 2.5rem 2rem;
	}

	.instruct-step-card .instruct-step-card__img img {
		width: 250px;
		height: 515px;
	}

	.instruct-step-slider {
		margin-top: 2rem;
	}

	.instruct-step-slider .splide__arrows {
		margin-top: 2rem;
	}

	.step-instruct-section .step-instruct-section__title {
		font-size: 1.875rem;
		line-height: 1.2;
		margin-bottom: 1.25rem;
	}


	.step-instruct-section .step-instruct-section__subtitle {
		line-height: 1.5rem;
		max-width: 702px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html/ready-card/style.css?17709722321210*/
.ready-card {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 1.5rem 1.75rem .5rem;
	border-radius: var(--radius-24);
	background-color: var(--container-high);
}

.ready-card .ready-card__content {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.ready-card .ready-card__title {
	font-family: var(--hero-font-family);
	font-size: 1.25rem;
	line-height: 1.2;
	font-weight: 600;
}

.ready-card .ready-card__subtitle {
	line-height: 1.37;
}

.ready-card .ready-card__img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ready-card .ready-card__img img {
	width: 150px;
	height: 150px;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.ready-card {
		flex-direction: row;
		padding: 3.25rem 2.5rem;
		align-items: center;
	}

	.ready-card .ready-card__content {
		gap: 1rem;
		flex-grow: 1;
	}

	.ready-card .ready-card__title {
		font-size: 1.875rem;
	}

	.ready-card .ready-card__subtitle {
		line-height: 1.5rem;
	}

	.ready-card .ready-card__img {
		margin-right: 1.5rem;
		width: 228px;
		max-height: 4.5rem;
	}

	.ready-card .ready-card__img img {
		width: 228px;
		height: 228px;
	}

}
/* End */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/page_header_banner_oneid/style.css?17709647131324 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/utp_oneid_steps/style.css?17709720622783 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html/ready-card/style.css?17709722321210 */