

/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_single/about_banner/style.css?1763798038843*/
.about-hero{gap:24px;display:flex}
.about-left{display:flex;padding:32px;align-items:center;background-color:#f6f7fa;border-radius:var(--radius-20)}
.about-left p{color:#7d828b;margin-top:12px;font-size:var(--font-size-18)}
.about-right{position:relative}
.about-right .bg-img{min-width:541px}
.front-img img{min-width:316px}
.front-img{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}
@media (max-width: 1200px){.about-right .bg-img{min-width:450px}.front-img img{min-width:250px}}
@media (max-width: 992px){.about-right{display:flex}.about-right .bg-img{min-width:343px;max-width:343px}.front-img img{min-width:216px;max-width:216px}}
@media (max-width: 768px){.about-hero{flex-direction:column}.about-left{width:343px;margin:0 auto}.about-left p{font-size:var(--font-size-16)}.about-right{justify-content:center}}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/links-block/style.css?1765286479564*/
.about-documents {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.about-documents a {
    padding: 12px 18px;
    white-space: nowrap;
    background-color: #eff2f5;
    border-radius: var(--radius-999);
    line-height: 1.375rem;
    height: auto;
}

.about-documents a img {
    margin-right: 4px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .about-documents {
        align-items: center;
        flex-direction: column
    }

    .about-documents a {
        width: 351px
    }
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/about-targets/style.css?17645982281896*/
.about-goals h2 {
    text-align: center;
    /* margin-bottom: 24px */
}

.about-goals_img {
    position: relative;
}

.about-goals_img {
    display: flex;
    height: 100%;
    border-radius: var(--radius-16);
    overflow: hidden;
    align-items: flex-end;
}


.about-goals_img .about-goals_img__content {
    position: relative;
    padding: var(--space-md);
    z-index: 10;
    background-color: transparent;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
    border-radius: 0;

}

.about-goals_img__content.bank-achievement h6 {
    margin-bottom: var(--space-half);
}

.about-goals_img__content.bank-achievement>* {
    color: var(--on-surface-inverse);
}

.about-goals_img img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bank-achievements {
    gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.bank-achievement {
    padding: 32px 40px;
    background-color: #f6f7fa;
    border-radius: var(--radius-24)
}

.bank-achievement h6 {
    margin-bottom: 20px;
    font-family: var(--body-font-family);
    font-size: var(--font-size-headline-2);
    font-weight: var(--font-weight-semibold)
}

.bank-achievement p {
    color: #7d828b;
    font-size: var(--font-size-lead)
}

@media (max-width: 768px) {
    .about-goals h2 {
        margin-bottom: 16px
    }

    .about-goals_img img {
        width: 351px
    }

    .bank-achievements {
        gap: 16px;
        place-items: center;
        grid-template-columns: 1fr
    }

    .bank-achievement {
        width: 351px;
        padding: 16px 20px
    }

    .bank-achievement h6 {
        margin-bottom: 8px
    }

    .row.about-us-grid {
        gap: var(--space-3x);
    }
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/text-block/style.css?1763805924335*/
.about-plans h2{text-align:center;margin-bottom:24px}.about-plans_text{padding:32px 40px;background-color:#f6f7fa;border-radius:var(--radius-24);font-size:var(--font-size-lead)}
@media (max-width: 768px){.about-plans h2{margin-bottom:16px}.about-plans_text{width:351px;margin:0 auto;padding:16px 20px;font-size:var(--font-size-body)}}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/images-slider/style.css?1763806248884*/
.about-atmosphere h2{text-align:center;margin-bottom:24px}.splide__slide img{width:100%;height:auto;border-radius:20px}.splide__arrow{z-index:5;opacity:1;width:36px;height:36px;background-color:transparent}.splide__arrow:disabled{opacity:.3}.splide__track{border-radius:20px}.splide__track.with-fade{position:relative;overflow:hidden}.splide__track.with-fade:before{content:"";position:absolute;top:0;left:0;width:120px;height:100%;z-index:3;pointer-events:none;background:linear-gradient(to right,#000000b3,#0000)}.splide__track.with-fade:after{content:"";position:absolute;top:0;right:0;width:120px;height:100%;z-index:3;pointer-events:none;background:linear-gradient(to left,#000000b3,#0000)}
@media (max-width: 768px){.about-atmosphere{width:351px;margin:0 auto}.about-atmosphere h2{margin-bottom:16px}.splide__track{height:500px}.splide__slide img{height:100%;object-fit:cover}}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/index_about/style.css?1760535789962*/

    .about-info-card {
        display: flex;
        flex-direction: column;
        gap: var(--space-2x);
        padding: var(--space-2x);
        background: var(--container-higher);
        border-radius: var(--radius-12);
		height: 100%;
    }

    .about-info-card .about-info-card__title {
        --font-size: var(--headline-3-font-size);
        --line-height: var(--headline-3-line-height);
        --font-weight: var(--headline-3-font-weight);
        --font-family: var(--headline-3-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
    }

    .about-info-card .about-info-card__subtitle {
        color: var(--on-surface-variant);
    }

    .about-info-card .about-info-card__icon {
        color: var(--primary);
    }


    .section-card.about-number-card {
        height: 100%;
    }

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html/index_vacancy/style.css?17582770556568*/




.hh-widget{}
.hh-widget .hh-widget-o3r03xwgzn{}
.hh-widget [class^="hh-widget-"],
.hh-widget [class^="hh-widget-"]:hover,
.hh-widget [class^="hh-widget-"]:first-child {
	min-width: unset !important;
	padding: unset !important;
	border: unset !important;
}
.hh-widget [class^="hh-widget-"] [class^="hh-header-"]{
	display: none !important;
}
.hh-widget [class^="hh-widget-"] [class^="hh-vacancies-"]{
    background: unset !important;
    background-color: unset !important;
}

.hh-widget [class^="hh-widget-"],
.hh-widget [class^="hh-widget-"]:hover,
.hh-widget [class^="hh-widget-"]:first-child,

.hh-widget [class^="hh-header-"],
.hh-widget [class^="hh-header-"]:hover,
.hh-widget [class^="hh-header-"]:first-child,

.hh-widget [class^="hh-vacancies-"],
.hh-widget [class^="hh-vacancies-"]:hover,
.hh-widget [class^="hh-vacancies-"]:first-child,

.hh-widget [class^="hh-vacancy-"],
.hh-widget [class^="hh-vacancy-"]:hover,
.hh-widget [class^="hh-vacancy-"]:first-child,

.hh-widget [class^="hh-vacancy__link-"],
.hh-widget [class^="hh-vacancy__link-"]:hover,
.hh-widget [class^="hh-vacancy__link-"]:visited,
.hh-widget [class^="hh-vacancy__link-"]:active,
.hh-widget [class^="hh-vacancy__link-"]:first-child,

.hh-widget [class^="hh-vacancy__description-"],
.hh-widget [class^="hh-vacancy__description-"]:hover,
.hh-widget [class^="hh-vacancy__description-"]:first-child,

.hh-widget [class^="hh-footer-"],
.hh-widget [class^="hh-footer-"]:hover,
.hh-widget [class^="hh-footer-"]:first-child,

.hh-widget [class^="hh-footer__link-"],
.hh-widget [class^="hh-footer__link-"]:hover,
.hh-widget [class^="hh-footer__link-"]:visited,
.hh-widget [class^="hh-footer__link-"]:active,
.hh-widget [class^="hh-footer__link-"]:first-child,

.hh-widget [class^="hh-error-link-"],
.hh-widget [class^="hh-error-link-"]:hover,
.hh-widget [class^="hh-error-link-"]:visited,
.hh-widget [class^="hh-error-link-"]:active,
.hh-widget [class^="hh-error-link-"]:first-child,

.hh-widget [class^="hh-logo-"],
.hh-widget [class^="hh-logo-"]:hover,
.hh-widget [class^="hh-logo-"]:visited,
.hh-widget [class^="hh-logo-"]:active,
.hh-widget [class^="hh-logo-"]:first-child,

.hh-logo-wrapper,
.hh-logo-wrapper:active,
.hh-logo-wrapper:visited,
.hh-logo-wrapper:hover,
.hh-logo-wrapper:first-child {
	background: unset !important;
    background-color: unset !important;
	font-family: inherit !important;
}



.hh-widget [class^="hh-vacancies-"],
.hh-widget [class^="hh-vacancies-"]:active,
.hh-widget [class^="hh-vacancies-"]:visited,
.hh-widget [class^="hh-vacancies-"]:first-child,
.hh-widget [class^="hh-vacancies-"]:hover{
	display: flex !important;
    flex-direction: column;
    gap: var(--space-2x);
}
.hh-widget [class^="hh-vacancy-"]:active,
.hh-widget [class^="hh-vacancy-"]:visited,
.hh-widget [class^="hh-vacancy-"]:first-child,
.hh-widget [class^="hh-vacancy-"]:hover,
.hh-widget [class^="hh-vacancy-"]{
    display: none !important;
    padding: 1rem 1.25rem !important;
    align-items: center;
    gap: 0px var(--space-2x);
    border-radius: var(--radius-12);
    background: var(--container-higher, #fff) !important;
    margin: unset !important;
    margin-top: unset !important;
    margin-left: unset !important;
    margin-bottom: unset !important;
    margin-right: unset !important;
    counter-increment: item;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
}
.hh-widget [class^="hh-vacancy-"]:nth-child(1),
.hh-widget [class^="hh-vacancy-"]:nth-child(2),
.hh-widget [class^="hh-vacancy-"]:nth-child(3),
.hh-widget [class^="hh-vacancy-"]:nth-child(4){
	display: grid !important;
}
.hh-widget [class^="hh-vacancy-"]:before{
	content: counter(item) !important;
	--font-size: var(--m-headline-h2-font-size);
    --text-color: var(--text-inverse);
    display: flex;
    width: 2.75rem;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    font-size: var(--font-size);
    color: var(--text-color);
    border-radius: .625rem;
    font-weight: var(--fw-black);
    background: var(--Main-Green, #52ae30);
	grid-row: 1 / -1;
	
	
	--font-size: var(--headline-2-font-size);
	--line-height: var(--headline-2-line-height);
	--font-weight: var(--headline-2-font-weight);
	--font-family: var(--headline-2-font-family);
	width: var(--dimension-11);
	height: var(--dimension-11);
    --font-size: var(--headline-3-font-size);
    --line-height: var(--headline-3-line-height);
    --font-weight: var(--headline-3-font-weight);
    --font-family: var(--headline-3-font-family);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-12);
    width: var(--dimension-10);
    height: var(--dimension-10);
    background: var(--primary);
    color: var(--on-primary);
	
}


.hh-widget [class^="hh-vacancy__link-"], 
.hh-widget [class^="hh-vacancy__link-"]:visited, 
.hh-widget [class^="hh-vacancy__link-"]:active, 
.hh-widget [class^="hh-vacancy__link-"]:hover, 
.hh-widget [class^="hh-vacancy__link-"]:first-child{
	--font-size: var(--headline-3-font-size);
	--line-height: var(--headline-3-line-height);
	--font-weight: var(--headline-3-font-weight);
	--font-family: var(--headline-3-font-family);
	font-family: var(--font-family) !important;
	font-weight: var(--font-weight) !important;
	font-size: var(--font-size) !important;
	line-height: var(--line-height) !important;
	color: var(--on-surface) !important;
}

.hh-widget [class^="hh-vacancy__description-"], 
.hh-widget [class^="hh-vacancy__description-"]:hover, 
.hh-widget [class^="hh-vacancy__description-"]:first-child{
	--font-size: var(--body-font-size);
	--line-height: var(--body-line-height);
	--font-weight: var(--body-font-weight);
	--font-family: var(--body-font-family);
	font-family: var(--font-family) !important;
	font-weight: var(--font-weight) !important;
	font-size: var(--font-size) !important;
	line-height: var(--line-height) !important;
	color: var(--on-surface-variant) !important;
}
.hh-widget [class^="hh-footer__link-"],
.hh-widget [class^="hh-footer__link-"]:first-child{
	display: none !important;
	margin-bottom: 0 !important;
}
.hh-widget [class^="hh-logo-wrapper-"],
.hh-widget [class^="hh-logo-wrapper-"]:first-child{
	display: none !important;
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel/images-text-slider/style.css?17638099991288*/
.about-initiatives h2{text-align:center;margin-bottom:24px}.initiatives-slider{display:flex;position:relative;border-radius:28px;background:#f5f7fa;padding:40px 40px 66px}.init-slide{display:none;width:100%;align-items:center;justify-content:space-between;gap:40px}.init-slide.active{display:flex}.init-left{max-width:45%;margin-bottom:32px}.init-text:not(:last-child){margin-bottom:16px}.init-title{font-size:32px;font-weight:700;margin-bottom:16px}.init-text{font-size:18px;color:#7d828b}.init-img{width:537px;height:310px;object-fit:cover;border-radius:20px}.init-controls{gap:12px;left:40px;bottom:40px;display:flex;position:absolute}.init-btn{width:48px;height:48px;padding:10px;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center}.init-btn:hover{background:#ececec}.init-btn img{width:18px}.rotate-180{transform:rotate(180deg)}@media (max-width: 900px){.initiatives-slider{flex-direction:column;padding:24px}.init-slide.active{flex-direction:column}.init-left{max-width:100%}.init-img{width:100%;height:auto}.init-controls{position:static;margin-top:20px}}@media (max-width: 768px){.about-initiatives h2{margin-bottom:16px}.about-initiatives-section{display:none}}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_with_tabs/index_products_2/style.css?17582637192146*/
    .home-products-tab {
        display: flex;
        justify-content: center;
        margin-bottom: var(--spcae-2x);
    }

    .home-products-tab .tab-nav {
        background: var(--container-high);
    }

    .home-products-tab {
        margin-bottom: var(--space-2x);
    }

    @media (min-width: 578px) {
        .home-products-tab {
            margin-bottom: var(--space-3x);
        }
    }
	
    .home-product-card {
        display: flex;
        flex-direction: column;
        padding: var(--space-2x);
        border-radius: var(--radius-12);
        background: var(--container-high);
        height: var(--dimension-48);
		flex-grow: 1;
    }

    .home-product-card .home-product-card__title {
        --font-size: var(--headline-3-font-size);
        --line-height: var(--headline-3-line-height);
        --font-weight: var(--headline-3-font-weight);
        --font-family: var(--headline-3-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
        margin-bottom: var(--space-2x);
    }

    .home-product-card__img {
        display: flex;
        align-items: flex-end;
		justify-content: center;
        flex-grow: 1;
        min-height: 0;
    }

    .home-product-card .home-product-card__img img {
        /* width: 50%; */
		max-height: 8.25rem;
    }

    @media (min-width: 578px) {
        .home-product-card {
            padding: var(--space-3x);
            height: var(--dimension-65);
        }
        .home-product-card .home-product-card__title {
            --font-size: var(--headline-2-font-size);
            --line-height: var(--headline-2-line-height);
            --font-weight: var(--headline-2-font-weight);
            --font-family: var(--headline-2-font-family);
            font-family: var(--font-family);
            font-weight: var(--font-weight);
            font-size: var(--font-size);
            line-height: var(--line-height);
            margin-bottom: var(--space-3x);
        }
    }
/* End */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/about_banner/style.css?1763798038843 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/links-block/style.css?1765286479564 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/about-targets/style.css?17645982281896 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/text-block/style.css?1763805924335 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/images-slider/style.css?1763806248884 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/index_about/style.css?1760535789962 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html/index_vacancy/style.css?17582770556568 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel/images-text-slider/style.css?17638099991288 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_with_tabs/index_products_2/style.css?17582637192146 */
