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

.microloan-hero .microloan-hero__content {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--space-2x);
    font-family: var(--hero-font-family);
}

.microloan-hero .microloan-hero__title {
    font-size: 2.25rem;
    letter-spacing: -1px;
    line-height: 120%;
    font-weight: 400;
}

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

.microloan-hero .microloan-hero__subtitle {
    font-size: 1.25rem;
    letter-spacing: -1px;
    line-height: 140%;
    font-weight: 400;
    max-width: 800px;
}

.microloan-hero .microloan-hero__cta {
    display: flex;
    justify-content: center;
}

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

    .microloan-hero {
        gap: 2.5rem;
    }

    .microloan-hero .microloan-hero__content {
        gap: var(--space-md);
        align-items: center;
    }

    .microloan-hero .microloan-hero__title {
        font-size: 4rem;
        letter-spacing: -3px;
        vertical-align: bottom;
        max-width: 968px;
    }

    .microloan-hero .microloan-hero__subtitle {
        font-size: 1.5rem;
        letter-spacing: 0px;
    }

    .microloan-hero .microloan-hero__cta .button {
        font-size: 1.5rem;
        line-height: 0.8;
        height: auto;
        padding: 1.25rem 2.25rem;
    }
}

@media (max-width: 768px) {
    .microloan-hero .microloan-hero__cta .button {
        padding: 16px;
    }
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/utp_microloan/style.css?17655440542153*/
.microloan-features-block {
    display: flex;
    flex-direction: column;
    gap: var(--space-3x);
    padding: var(--space-3x) 0;
}

.microloan-feature-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(var(--dimension-72), 1fr));
    gap: 0.75rem;
    overflow: auto;
}

.microloan-feature-card {
    display: flex;
    position: relative;
    height: var(--dimension-96);
    flex-direction: column;
    justify-content: space-between;
    padding: var(--space-3x);
    overflow: hidden;
    border-radius: var(--radius-16);
    color: var(--on-surface-inverse);
}

.microloan-feature-card .microloan-feature-card__cta,
.microloan-feature-card .microloan-feature-card__content {
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.microloan-feature-card .microloan-feature-card__img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.microloan-feature-card .microloan-feature-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.microloan-feature-card .microloan-feature-card__cta .button {
    background-color: var(--container-higher);
    margin: 0 auto;
}

@media (min-width: 768px) {
    /* Features */

    .microloan-features-block {
        gap: var(--space-md);
    }

    .microloan-feature-card {
        height: 34rem;
        padding: var(--space-md) var(--space-3x);
    }

    .microloan-feature-card .microloan-feature-card__title {
        font-size: 34px;
        text-align: center;
        line-height: 120%;
        margin-bottom: 8px;
    }

    .microloan-feature-card .microloan-feature-card__subtitle {
        font-size: 20px;
        text-align: center;
        line-height: 140%;
    }

    .microloan-feature-card .microloan-feature-card__cta .button {
        font-size: 1.5rem;
        height: auto;
        font-weight: 400;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .microloan-feature-card .microloan-feature-card__title {
        font-size: 22px;
        line-height: 120%;
        margin-bottom: 12px;
    }
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/utp_microloan_percent/style.css?17655423341534*/
.microloan-features-block {
    display: flex;
    flex-direction: column;
    gap: var(--space-3x);
    padding: var(--space-3x) 0;
}
.microloan-info-title {
    font-family: var(--hero-font-family);
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: center;
}

.microloan-info {
    display: flex;
    flex-direction: column;
    padding: var(--space-2x);
    align-items: center;
    gap: var(--space-3x);
}

.microloan-info .microloan-info__item {
    padding: 0 var(--space-md);
}

.microloan-info .divider {
    max-width: 3rem;
    width: 100%;
    height: 1px;
    background-color: var(--outline-variant);
}

.microloan-meta {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.microloan-meta .microloan-meta__term {
    color: var(--on-surface-variant);
    /* line-height: 1; */
}

.microloan-meta .microloan-meta__description {
    font-size: 1.25rem;
    /* line-height: 1; */
}

@media (min-width: 768px) {
    .microloan-info-title {
        font-size: 2rem;
    }

    .microloan-info {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        justify-content: center;
    }

    .microloan-info .divider {
        width: 1px;
        height: 3rem;
        max-height: 3rem;
    }

    .microloan-meta .microloan-meta__term {
        font-size: 1.25rem;
        /* line-height: 1; */
    }

    .microloan-meta .microloan-meta__description {
        font-size: 1.5rem;
    }
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_single/microloan_banner/style.css?17640843641704*/
		.app-download {
			align-items: center;
		}

		.app-download .app-download__text {
			order: 2;
		}

		.app-download .app-download__content {
			display: flex;
			flex-direction: column;
			gap: var(--space-2x);
			margin-top: var(--space-3x);
			margin-bottom: var(--space-3x);
			font-family: var(--hero-font-family);
			text-align: center;
		}

		.app-download .app-download__title {
			font-size: 2rem;
			line-height: 0.97;
			font-weight: 500;
		}

		.app-download .app-download__subtitle {
			font-size: 1.25rem;
			line-height: 1.2;
		}

		.app-download .app-download__cta {
			display: flex;
			flex-direction: column;
		}

		.app-download .app-download__image {
			order: 1;
		}

		.app-download .app-download__img {
			display: flex;
			justify-content: center;
		}

		.app-download .app-download__img img {
			max-width: var(--dimension-56);
			max-height: var(--dimension-56);
		}



		@media (min-width: 768px) {
			.app-download .app-download__text {
				order: 1;
			}

			.app-download .app-download__image {
				order: 2;
			}

			.app-download .app-download__content {
				gap: var(--space-3x);
				margin-top: 0;
				margin-bottom: 3rem;
				text-align: left;
			}

			.app-download .app-download__title {
				font-size: 3.75rem;
			}

			.app-download .app-download__subtitle {
				font-size: 1.5rem;
			}

			.app-download .app-download__cta {
				flex-direction: row;
			}

			.app-download .app-download__cta .button {
				font-size: 1.5rem;
				height: auto;
			}

			.app-download .app-download__img img {
				max-height: var(--dimension-112);
				max-width: var(--dimension-112);
			}
		}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/utp_microloan_steps/style.css?17641558682175*/
.steps-section .steps-section__title {
	text-align: center;
	font-size: 2rem;
	line-height: 0.97;
	font-weight: 500;
	margin-bottom: var(--space-3x);
}

.steps-section .steps-section__title a {
	text-decoration: underline;
	color: var(--info);
}

.step-list {
	display: flex;
	gap: var(--space-3x);
	overflow: auto;
}

.step-card {
	min-width: var(--dimension-72);
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	flex: 1 1 0;
}

.step-card .step-card__img {
	border-radius: var(--radius-16);
	overflow: hidden;
}

.step-card .step-card__img img {
	width: 100%;
	height: var(--dimension-80);
	object-fit: cover;
}

.step-card:nth-child(2) .step-card__img img {
	object-position: right center;
}

.step-card .step-card__content {
	display: flex;
	flex-direction: column;
	gap: var(--space-base);
	font-family: var(--hero-font-family);
}

.step-card .step-card__title {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.2;
}

.step-card .step-card__subtitle {
	font-size: 1.125rem;
	line-height: 1.2;
	color: var(--on-surface-variant);
}




/* Media queries */
@media (min-width: 768px) {

	/* Steps  */

	.step-card .step-card__title {
		font-size: 1.5rem;
	}

	.step-card .step-card__subtitle {
		font-size: 1.25rem;
	}
}

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

	.steps-section .steps-section__title {
		font-size: 3.75rem;
		margin-bottom: 3rem;
	}
}

@media (min-width: 1300px) {
	.step-card {
		cursor: pointer;
		transition: all 0.3s ease-in-out;
	}

	.step-list {
		align-items: flex-start;
		height: 440px;
		overflow: unset;
	}

	.step-card .step-card__content {
		height: calc(2.4*1.5rem);
	}

	.step-card .step-card__subtitle {
		opacity: 0;
		visibility: 0;
		transform: translateY(-100%);
		transition: all 0.2s ease-in-out;
	}

	.step-card:hover {
		flex: 3 1 0;
		transition: all 0.3s ease-in-out;
	}

	.step-card:hover .step-card__subtitle {
		opacity: 1;
		visibility: 1;
		transform: translateY(0%);
		transition: all 0.2s ease-in-out 0.2s;
	}

	.step-list:has(.step-card:hover) .step-card {
		min-width: 198px;
	}
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html/microloan_calculator/style.css?17641584905950*/
/* Minimal styling */
.simple-select {
	position: relative;
}

.simple-select__control {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-base);
	cursor: pointer;
	user-select: none;
}

.simple-select__placeholder {
	color: var(--on-surface);
}

.simple-select__arrow {
	margin-left: var(--space-base);
	transform: rotate(0deg);
	transition: transform 0.15s;
}

.simple-select.open .simple-select__arrow {
	transform: rotate(180deg);
}

.simple-select__dropdown {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: var(--space-base);
	border: 1px solid var(--outline-variant);
	border-radius: var(--radius-12);
	background: var(--container-higher);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	z-index: 999;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.simple-select__search {
	box-sizing: border-box;
	/* width: 100%; */
	padding: var(--space-base);
	margin: var(--space-base);
	background: var(--container-high);
	border-radius: var(--radius-8);
	border: none;
	/* border-bottom: 1px solid #eee; */
	outline: none;
}

.simple-select__list {
	max-height: 200px;
	overflow: auto;
	margin: 0;
	padding: var(--space-base) 0;
	list-style: none;
}

.simple-select__option {
	padding: var(--space-base) 0.75rem;
	cursor: pointer;
}

.simple-select__option:hover,
.simple-select__option.is-active {
	background: var(--container-high);
}

.simple-select__option.is-hidden {
	display: none;
}

/* small helper for required/disabled states (optional) */
.simple-select--disabled .simple-select__control {
	background: var(--container-high);
	cursor: not-allowed;
	color: var(--on-surface-variant);
}

/* Microloan select */
.calculator-form .simple-select .simple-select__control.input {
	padding: 0;
	height: auto;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 600;
	outline: none;
	appearance: none;
}


.microloan-calculator-section {
	background-color: var(--container);
}

.calculator-wrapper {
	justify-content: center;
}

.calculator-section__title {
	text-align: center;
	font-size: 2.25rem;
	line-height: 0.97;
	font-weight: 500;
	margin-bottom: var(--space-3x);
}

.calculator-form {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.calculator-form .calculator-form-range {
	margin-top: var(--space-base);
}

.calculator-form .calculator-form-control:has(.calculator-form-range) {
	padding-bottom: 0;
}

.calculator-form-control {
	display: flex;
	flex-direction: column;
	padding: 0.75rem var(--space-2x) 0.875rem;
	border-radius: var(--radius-16);
	background-color: var(--container-higher);
}

.calculator-form-control label {
	color: var(--on-surface-variant);
}

.calculator-form-el {
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 600;
	outline: none;
	appearance: none;
}

.calculator-form-range {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 6px;
	border-radius: var(--radius-12);
	background: var(--container);
	outline: none;

	/* Chrome fill simulation */
	background-image: linear-gradient(var(--primary), var(--primary));
	background-repeat: no-repeat;
	background-size: 50% 100%;
	/* updated via JS */
}

/* thumb */
.calculator-form-range::-moz-range-thumb {
	width: var(--dimension-5);
	height: var(--dimension-5);
	background: var(--primary);
	border-radius: var(--radius-999);
	cursor: pointer;
}

/* Chrome thumb */
.calculator-form-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: var(--dimension-5);
	height: var(--dimension-5);
	background: var(--primary);
	border-radius: var(--radius-999);
	cursor: pointer;
}

.calculator-form__text {
	font-size: 1.75rem;
	text-align: center;
}

.calculator-result-card {
	display: flex;
	flex-direction: column;
	gap: var(--space-2x);
	border-radius: var(--radius-16);
	background-color: var(--container-higher);
	padding: 1.75rem var(--space-2x);
}

.calculator-result-card .calculator-result-card__header {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	text-align: center;
	font-family: var(--hero-font-family);
}

.calculator-result-card .calculator-result-card__subtitle {
	font-size: 1.125rem;
	line-height: 1;
}

.calculator-result-card .calculator-result-card__title {
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 600;
}

.calculator-result-card .calculator-result-card__body {
	display: flex;
	flex-direction: column;
}

.calculator-result-card .calculator-result-card__body p {
	max-width: 27.5rem;
	align-self: center;
	text-align: center;
	color: var(--on-surface-variant);
	line-height: 1.3;
}

.calculator-result-card .calculator-result-card__footer {}

.calculator-result-card .calculator-result-card__actions {
	display: flex;
	flex-direction: column;
	gap: var(--space-2x);
}

.calculator-result-card .button.button--app-link {
	font-size: 1.125rem;
	font-weight: 400;
	height: auto;
}

.calculator-result-card .button.button--download {
	padding: 0;
	align-self: center;
	height: auto;
	font-weight: 400;
}



.deadline-row {
	gap: 0.75rem;
}


@media (min-width: 992px) {
	.calculator-section__title {
		font-size: 3.75rem;
		line-height: 0.97;
		font-weight: 500;
		margin-bottom: var(--space-l);
	}

	.calculator-form {
		gap: 1.75rem;
	}

	.calculator-form__text {
		font-size: 2.75rem;
	}

	.deadline-row {
		gap: 0;
	}

	.calculator-result-card {
		gap: 1.25rem;
		padding: 1.75rem var(--space-md);
	}

	.calculator-result-card .calculator-result-card__subtitle {
		font-size: 1.5rem;
		line-height: 1;
	}

	.calculator-result-card .calculator-result-card__title {
		font-size: 2.75rem;
	}

	.calculator-result-card .button.button--app-link {
		font-size: 1.5rem;
		height: auto;
	}

	.deadline-row {
		gap: 0;
	}

}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_with_tabs/detail-block-microloan/style.css?17641584122886*/
/* ПОДРОБНЕЕ */

.autocredit-info {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    background-color: var(--color-bg-4);
    border-radius: var(--radius-32);
    padding: var(--space-md);
}

.card-table .card-table-row {
    margin-bottom: 0.75rem;
    padding: 1.25rem 2rem;
    background-color: var(--color-bg-5);
    border-radius: var(--radius-24);
}

.card-table-text {
    background: var(--container-higher);
    padding: var(--space-3x);
    border-radius: var(--radius-16);
}

.file-card {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0.75rem 1.25rem;
    background-color: var(--color-bg-3);
    border-radius: var(--radius-24);
    text-decoration: none;
    color: var(--on-surface);
    margin-bottom: 1rem;
}

.file-card__icon {
    line-height: 0;
}

.file-card__description {
    color: var(--on-surface-variant);
}

@media (min-width: 578px) {
    .autocredit-info {}
}


.microloan-tab-block .microloan-tab-block__tab {
    display: flex;
    overflow-x: auto;
    margin-bottom: var(--space-md);
}

.microloan-tab-block .microloan-tab-block__tab .tab-nav {
    background-color: var(--container-high);
    gap: var(--space-base);
    padding: .25rem;
    overflow-x: unset;
}

.microloan-tab-block .microloan-tab-block__tab .tab-button {
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 400;
    padding: .75rem 1rem;
    height: auto;
}


.microloan-tab-block .tab-content h2 {
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    margin-bottom: var(--space-3x);
}

.microloan-tab-block .microloan-tab-block__tab .tab-button.active {
    background-color: var(--container-higher);
    color: var(--on-surface);
}

.microloan-tab-block .autocredit-info {
    padding: var(--space-2x);
}

.microloan-tab-block .tab-pane {
    margin-bottom: var(--space-2x);
}

.microloan-tab-block .microloan-tab-block__cta {
    display: flex;
    justify-content: center;
}


@media (min-width: 768px) {


    .microloan-tab-block .microloan-tab-block__tab .tab-button {
        font-size: 1.25rem;
    }

    .microloan-tab-block .microloan-tab-block__tab {
        margin-bottom: 2.5rem;
    }


    .microloan-tab-block .tab-content h2 {
        font-size: 2.75rem;
        margin-bottom: var(--space-md);
    }

    .microloan-tab-block .autocredit-info {
        padding: var(--space-md);
    }

    .microloan-tab-block .tab-pane {
        margin-bottom: var(--space-md);
    }

    .microloan-tab-block .microloan-tab-block__cta .button {
        height: auto;
        font-size: 1.5rem;
        font-weight: 400;
    }

    .microloan-tab-block .microloan-tab-block__tab {
        justify-content: center;
    }

}
/* End */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/page_header_banner_microloan/style.css?17655411401577 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/utp_microloan/style.css?17655440542153 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/utp_microloan_percent/style.css?17655423341534 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/microloan_banner/style.css?17640843641704 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/utp_microloan_steps/style.css?17641558682175 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html/microloan_calculator/style.css?17641584905950 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_with_tabs/detail-block-microloan/style.css?17641584122886 */