/* Start:/local/templates/ipotekatmpl/components/bitrix/menu/main-menu/style.css?176059914455*/
.nav.main-menu-nav .nav__link{
	font-weight: unset;
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_single/currency_btn/style.css?1760599007353*/
.currency-button{}
.currency-button a{
	text-decoration: none;
}
.currency-button a span{
    font-size: inherit;
	color: var(--text-primary);
}

.currency-button a  {
	padding-top: var(--space-base);
	padding-right: var(--space-2x);
	padding-bottom: var(--space-base);
	padding-left: var(--space-2x);
	font-weight: 400;
	height: auto;
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_single/login_btn/style.css?1760598923333*/
.user-login{}
.user-login a{
	text-decoration: none;
}
.user-login a span{
    font-size: inherit;
	color: var(--on-primary);
}

.user-login a  {
	padding-top: var(--space-base);
	padding-right: var(--space-2x);
	padding-bottom: var(--space-base);
	padding-left: var(--space-2x);
	font-weight: 400;
	height: auto;
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/bitrix/menu/mobile-submenu/style.css?176059914455*/
.nav.main-menu-nav .nav__link{
	font-weight: unset;
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/bitrix/menu/left-menu/style.css?1758716834831*/
.ipoteka-left_menu{
	padding: 0;
    margin: 0;
}
.ipoteka-left_menu .ipoteka-left_menu-item{
    display: block;
	border-bottom: 1px solid #f5f5f5;
    font-size: 1.1rem;
    color: #000;
    text-decoration: none;
    display: block;
    padding: 18px 15px;
    transition: 0.5s;
    font-weight: 400;
	position: relative;
}
.ipoteka-left_menu .ipoteka-left_menu-item.active{
	font-weight: 900;
}
.ipoteka-left_menu .ipoteka-left_menu-item::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 5px;
    background-color: #dfdfdf;
    transform: scaleY(0);
    transition: 0.5s;
}
.ipoteka-left_menu .ipoteka-left_menu-item:hover::before,
.ipoteka-left_menu .ipoteka-left_menu-item.active::before {
    transform: scaleX(1);
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/panel_single/index_mob_app/style.css?17597318662728*/
    .promo-block {
        position: relative;
        background: var(--primary);
        color: var(--on-primary);
        padding: var(--space-3x);
        border-radius: var(--radius-24);
        text-align: center;
        overflow: hidden;
    }

    .promo-block .row {
        position: relative;
        z-index: 10;
    }

    .promo-block .promo__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: 0.5rem;
    }

    .promo-block .promo__subtitle {
        --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);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
        margin-bottom: 1.5rem;
		color: var(--on-primary);
    }

    .promo__bg {
        position: absolute;
        right: -1rem;
        top: 10rem;
        z-index: 0;
    }

    .promo__btns {
        display: flex;
        justify-content: center;
        gap: 1rem;
    }

    .promo__logo {
        display: flex;
        justify-content: center;
        margin-bottom: 1.5rem;
    }

    .promo__screens {
        position: relative;
        height: 17rem;
    }

    .promo-screen-1,
    .promo-screen-2 {
        position: absolute;
    }

    .promo-screen-1 {
        top: 5rem;
    }

    .promo-screen-2 {
        right: 0;
        top: -0.5rem;
    }

    @media (min-width: 578px) {
        .promo__btns {
            justify-content: flex-start;
        }

        .promo__logo {
            justify-content: flex-start;
        }

        .promo-block {
            text-align: left;
            padding: var(--space-md) var(--space-x);
        }

        .promo-screen-1 {
            top: 7rem;
            left: -5rem;
        }

        .promo__bg {
            width: 45rem;
            height: 45rem;
            top: -5rem;
            right: -5rem;
        }

        .promo-block .promo__title {
            --font-size: var(--hero-title-font-size);
            --line-height: var(--hero-title-line-height);
            --font-weight: var(--hero-font-weight);
            --font-family: var(--hero-font-family);
        }
    }

/* End */


/* Start:/local/templates/ipotekatmpl/components/bitrix/menu/footer-social/style.css?1755863778307*/

.ipoteka-footer__social {
    display: flex;
    gap: 12px;
    align-items: center;
}
.ipoteka-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
}
.ipoteka-footer__social-link img {
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/bitrix/menu/footer_menu/style.css?1760600152497*/
.ipoteka-footer__nav-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ipoteka-footer__nav-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 12px;
}
.ipoteka-footer__nav-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
	padding-left: 0;
}
.ipoteka-footer__nav-list li a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}
/* End */


/* Start:/local/templates/ipotekatmpl/template_styles.css?176415624250929*/
/* ==============================
   Modern Reset (no @layer)
   ============================== */
/* 1. Set sensible defaults */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  font-family: "Source Sans 3", sans-serif;
  color: var(--on-surface);
}

/* 2. Reset lists that have a class */
/* 3. Remove default button styles */
button,
input,
select,
textarea {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

/* 4. Images & media */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 5. Links */
a {
  text-decoration: none;
  color: inherit;
}

/* 6. Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --gray-50-rgb: 242 242 242;
  --gray-100-rgb: 238 238 238;
  --gray-200-rgb: 221 221 221;
  --gray-300-rgb: 205 205 205;
  --gray-400-rgb: 118 118 118;
  --gray-500-rgb: 171 171 171;
  --gray-600-rgb: 137 137 137;
  --gray-700-rgb: 103 103 103;
  --gray-800-rgb: 68 68 68;
  --gray-900-rgb: 34 34 34;
  --gray-950-rgb: 0 0 0;
  --cold-gray-25-rgb: 250 251 253;
  --cold-gray-50-rgb: 246 247 250;
  --cold-gray-100-rgb: 236 239 246;
  --cold-gray-200-rgb: 227 232 241;
  --cold-gray-300-rgb: 217 224 237;
  --cold-gray-400-rgb: 208 216 232;
  --cold-gray-500-rgb: 166 173 186;
  --cold-gray-600-rgb: 125 130 139;
  --cold-gray-700-rgb: 83 86 93;
  --cold-gray-800-rgb: 42 43 46;
  --cold-gray-900-rgb: 21 22 23;
  --cold-gray-950-rgb: 0 0 0;
  --green-50-rgb: 238 247 234;
  --green-100-rgb: 221 239 214;
  --green-200-rgb: 168 223 172;
  --green-300-rgb: 151 207 130;
  --green-400-rgb: 116 190 89;
  --green-500-rgb: 82 174 48;
  --green-600-rgb: 68 139 38;
  --green-700-rgb: 49 104 29;
  --green-800-rgb: 33 70 19;
  --green-900-rgb: 16 35 10;
  --green-950-rgb: 0 0 0;
  --orange-50-rgb: 255 240 230;
  --orange-100-rgb: 255 224 204;
  --orange-200-rgb: 255 194 153;
  --orange-300-rgb: 255 163 102;
  --orange-400-rgb: 255 133 51;
  --orange-500-rgb: 255 102 0;
  --orange-600-rgb: 204 82 0;
  --orange-700-rgb: 153 61 0;
  --orange-800-rgb: 102 41 0;
  --orange-900-rgb: 51 20 0;
  --orange-950-rgb: 0 0 0;
  --blue-50-rgb: 234 244 252;
  --blue-100-rgb: 209 230 249;
  --blue-200-rgb: 164 205 244;
  --blue-300-rgb: 118 180 238;
  --blue-400-rgb: 91 165 235;
  --blue-500-rgb: 50 143 230;
  --blue-600-rgb: 40 114 184;
  --blue-700-rgb: 16 78 136;
  --blue-800-rgb: 11 52 91;
  --blue-900-rgb: 5 26 45;
  --blue-950-rgb: 0 0 0;
  --red-50-rgb: 255 236 239;
  --red-100-rgb: 255 217 222;
  --red-200-rgb: 255 180 189;
  --red-300-rgb: 255 142 156;
  --red-400-rgb: 255 105 123;
  --red-500-rgb: 255 67 90;
  --red-600-rgb: 204 54 72;
  --red-700-rgb: 153 40 54;
  --red-800-rgb: 102 27 36;
  --red-900-rgb: 51 13 18;
  --red-950-rgb: 0 0 0;
  --yellow-50-rgb: 255 250 230;
  --yellow-100-rgb: 255 245 204;
  --yellow-200-rgb: 255 235 153;
  --yellow-300-rgb: 255 224 102;
  --yellow-400-rgb: 255 214 51;
  --yellow-500-rgb: 255 204 0;
  --yellow-600-rgb: 204 163 0;
  --yellow-700-rgb: 153 122 0;
  --yellow-800-rgb: 102 82 0;
  --yellow-900-rgb: 51 41 0;
  --yellow-950-rgb: 0 0 0;
  --color-gray-50: rgba(var(--gray-50-rgb) / 1);
  --color-gray-100: rgba(var(--gray-100-rgb) / 1);
  --color-gray-200: rgba(var(--gray-200-rgb) / 1);
  --color-gray-300: rgba(var(--gray-300-rgb) / 1);
  --color-gray-400: rgba(var(--gray-400-rgb) / 1);
  --color-gray-500: rgba(var(--gray-500-rgb) / 1);
  --color-gray-600: rgba(var(--gray-600-rgb) / 1);
  --color-gray-700: rgba(var(--gray-700-rgb) / 1);
  --color-gray-800: rgba(var(--gray-800-rgb) / 1);
  --color-gray-900: rgba(var(--gray-900-rgb) / 1);
  --color-gray-950: rgba(var(--gray-950-rgb) / 1);
  --color-cold-gray-25: rgba(var(--cold-gray-25-rgb) / 1);
  --color-cold-gray-50: rgba(var(--cold-gray-50-rgb) / 1);
  --color-cold-gray-100: rgba(var(--cold-gray-100-rgb) / 1);
  --color-cold-gray-200: rgba(var(--cold-gray-200-rgb) / 1);
  --color-cold-gray-300: rgba(var(--cold-gray-300-rgb) / 1);
  --color-cold-gray-400: rgba(var(--cold-gray-400-rgb) / 1);
  --color-cold-gray-500: rgba(var(--cold-gray-500-rgb) / 1);
  --color-cold-gray-600: rgba(var(--cold-gray-600-rgb) / 1);
  --color-cold-gray-700: rgba(var(--cold-gray-700-rgb) / 1);
  --color-cold-gray-800: rgba(var(--cold-gray-800-rgb) / 1);
  --color-cold-gray-900: rgba(var(--cold-gray-900-rgb) / 1);
  --color-cold-gray-950: rgba(var(--cold-gray-950-rgb) / 1);
  --color-green-50: rgba(var(--green-50-rgb) / 1);
  --color-green-100: rgba(var(--green-100-rgb) / 1);
  --color-green-200: rgba(var(--green-200-rgb) / 1);
  --color-green-300: rgba(var(--green-300-rgb) / 1);
  --color-green-400: rgba(var(--green-400-rgb) / 1);
  --color-green-500: rgba(var(--green-500-rgb) / 1);
  --color-green-600: rgba(var(--green-600-rgb) / 1);
  --color-green-700: rgba(var(--green-700-rgb) / 1);
  --color-green-800: rgba(var(--green-800-rgb) / 1);
  --color-green-900: rgba(var(--green-900-rgb) / 1);
  --color-green-950: rgba(var(--green-950-rgb) / 1);
  --color-orange-50: rgba(var(--orange-50-rgb) / 1);
  --color-orange-100: rgba(var(--orange-100-rgb) / 1);
  --color-orange-200: rgba(var(--orange-200-rgb) / 1);
  --color-orange-300: rgba(var(--orange-300-rgb) / 1);
  --color-orange-400: rgba(var(--orange-400-rgb) / 1);
  --color-orange-500: rgba(var(--orange-500-rgb) / 1);
  --color-orange-600: rgba(var(--orange-600-rgb) / 1);
  --color-orange-700: rgba(var(--orange-700-rgb) / 1);
  --color-orange-800: rgba(var(--orange-800-rgb) / 1);
  --color-orange-900: rgba(var(--orange-900-rgb) / 1);
  --color-orange-950: rgba(var(--orange-950-rgb) / 1);
  --color-blue-50: rgba(var(--blue-50-rgb) / 1);
  --color-blue-100: rgba(var(--blue-100-rgb) / 1);
  --color-blue-200: rgba(var(--blue-200-rgb) / 1);
  --color-blue-300: rgba(var(--blue-300-rgb) / 1);
  --color-blue-400: rgba(var(--blue-400-rgb) / 1);
  --color-blue-500: rgba(var(--blue-500-rgb) / 1);
  --color-blue-600: rgba(var(--blue-600-rgb) / 1);
  --color-blue-700: rgba(var(--blue-700-rgb) / 1);
  --color-blue-800: rgba(var(--blue-800-rgb) / 1);
  --color-blue-900: rgba(var(--blue-900-rgb) / 1);
  --color-blue-950: rgba(var(--blue-950-rgb) / 1);
  --color-red-50: rgba(var(--red-50-rgb) / 1);
  --color-red-100: rgba(var(--red-100-rgb) / 1);
  --color-red-200: rgba(var(--red-200-rgb) / 1);
  --color-red-300: rgba(var(--red-300-rgb) / 1);
  --color-red-400: rgba(var(--red-400-rgb) / 1);
  --color-red-500: rgba(var(--red-500-rgb) / 1);
  --color-red-600: rgba(var(--red-600-rgb) / 1);
  --color-red-700: rgba(var(--red-700-rgb) / 1);
  --color-red-800: rgba(var(--red-800-rgb) / 1);
  --color-red-900: rgba(var(--red-900-rgb) / 1);
  --color-red-950: rgba(var(--red-950-rgb) / 1);
  --color-yellow-50: rgba(var(--yellow-50-rgb) / 1);
  --color-yellow-100: rgba(var(--yellow-100-rgb) / 1);
  --color-yellow-200: rgba(var(--yellow-200-rgb) / 1);
  --color-yellow-300: rgba(var(--yellow-300-rgb) / 1);
  --color-yellow-400: rgba(var(--yellow-400-rgb) / 1);
  --color-yellow-500: rgba(var(--yellow-500-rgb) / 1);
  --color-yellow-600: rgba(var(--yellow-600-rgb) / 1);
  --color-yellow-700: rgba(var(--yellow-700-rgb) / 1);
  --color-yellow-800: rgba(var(--yellow-800-rgb) / 1);
  --color-yellow-900: rgba(var(--yellow-900-rgb) / 1);
  --color-yellow-950: rgba(var(--yellow-950-rgb) / 1);
  --color-white: #fff;
  --color-black: #000;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-1-5: 0.38rem;
  --space-2: 0.50rem;
  --space-2-5: 0.63rem;
  --space-3: 0.75rem;
  --space-3-5: 0.88rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.50rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.50rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-13: 3.25rem;
  --space-14: 3.50rem;
  --space-15: 3.75rem;
  --space-16: 4rem;
  --space-18: 4.50rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-36: 9rem;
  --space-40: 10rem;
  --grid-desktop-w: var(--dimension-16);
  --grid-desktop-g: var(--space-8);
  --grid-desktop-px: var(--space-2);
  --grid-desktop-c: 12;
  --dimension-0: 0;
  --dimension-0-5: 0.13rem;
  --dimension-1: 0.25rem;
  --dimension-2: 0.50rem;
  --dimension-3: 0.75rem;
  --dimension-4: 1rem;
  --dimension-5: 1.25rem;
  --dimension-6: 1.50rem;
  --dimension-7: 1.75rem;
  --dimension-8: 2rem;
  --dimension-9: 2.25rem;
  --dimension-10: 2.50rem;
  --dimension-11: 2.75rem;
  --dimension-12: 3rem;
  --dimension-14: 3.50rem;
  --dimension-16: 4rem;
  --dimension-18: 4.50rem;
  --dimension-20: 5rem;
  --dimension-24: 6rem;
  --dimension-28: 7rem;
  --dimension-32: 8rem;
  --dimension-36: 9rem;
  --dimension-40: 10rem;
  --dimension-44: 11rem;
  --dimension-48: 12rem;
  --dimension-56: 14rem;
  --dimension-65: 16rem;
  --dimension-72: 18rem;
  --dimension-80: 20rem;
  --dimension-96: 24rem;
  --dimension-112: 28rem;
  --dimension-128: 32rem;
  --dimension-144: 36rem;
  --dimension-150: 40rem;
  --dimension-192: 48rem;
  --dimension-224: 56rem;
  --dimension-256: 64rem;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
  --font-family-squad: "Squad";
  --font-family-source-sans-3: "Source Sans 3";
  --font-family-inter: "Inter";
  --font-family-roboto: "Roboto";
  --font-family-google-sans-code: "Google Sans Code";
  --font-family-ibm-plex-mono: "IBM Plex Mono";
  --grid-laptop-w: var(--dimension-14);
  --grid-laptop-g: var(--space-7);
  --grid-laptop-px: var(--space-2);
  --grid-laptop-c: 12;
  --grid-tablet-w: var(--dimension-11);
  --grid-tablet-g: var(--space-4);
  --grid-tablet-px: var(--space-8);
  --grid-tablet-c: 12;
  --grid-mobile-w: var(--dimension-8);
  --grid-mobile-g: var(--space-4);
  --grid-mobile-px: var(--space-6);
  --grid-mobile-c: 6;
  --font-size-10: 0.63rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.88rem;
  --font-size-16: 1rem;
  --font-size-18: 1.13rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.50rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-40: 2.50rem;
  --font-size-48: 3rem;
  --font-size-56: 3.50rem;
  --font-size-64: 4rem;
  --font-size-72: 4.50rem;
  --border-0: 0;
  --border-1: 1;
  --border-2: 2;
  --border-4: 4;
  --border-6: 6;
  --border-8: 8;
  --border-10: 10;
  --radius-0: 0;
  --radius-2: 0.13rem;
  --radius-4: 0.25rem;
  --radius-6: 0.38rem;
  --radius-8: 0.50rem;
  --radius-12: 0.75rem;
  --radius-16: 1rem;
  --radius-24: 1.50rem;
  --radius-32: 2rem;
  --radius-40: 2.50rem;
  --radius-48: 3rem;
  --radius-56: 3.50rem;
  --radius-64: 4rem;
  --radius-999: 62.44rem;
  --opaciy-5: 0.05;
  --opaciy-10: 0.1;
  --opaciy-15: 0.15;
  --opaciy-20: 0.2;
  --opaciy-25: 0.25;
  --opaciy-30: 0.3;
  --opaciy-35: 0.35;
  --opaciy-40: 0.4;
  --opaciy-45: 0.45;
  --opaciy-50: 0.5;
  --opaciy-55: 0.55;
  --opaciy-60: 0.6;
  --opaciy-65: 0.65;
  --opaciy-70: 0.7;
  --opaciy-75: 0.75;
  --opaciy-80: 0.8;
  --opaciy-85: 0.85;
  --opaciy-90: 0.9;
  --opaciy-95: 0.95;
  --opaciy-100: 1;
}

:root {
  --text-primary: #151617;
  --text-secondary: #7d828b;
  --text-inverse: #fff;
  --text-main-on-color: #fff;
  --Surface-Button-Primary-Default: #52ae30;
  --Surface-Button-Secondary-Default: #eff2f5;
  --space-0: 0;
  --space-half: 0.125rem;
  --space-base: 0.5rem;
  --space-2x: 1rem;
  --space-3x: 1.5rem;
  --space-md: 2rem;
  --space-x: 2.5rem;
  --space-l: 3rem;
  --space-xl: 4rem;
  --space-huge: 6rem;
  --radius-0: 0;
  --radius-2: 0.13rem;
  --radius-4: 0.25rem;
  --radius-6: 0.38rem;
  --radius-8: 0.50rem;
  --radius-12: 0.75rem;
  --radius-16: 1rem;
  --radius-24: 1.50rem;
  --radius-32: 2rem;
  --radius-40: 2.50rem;
  --radius-48: 3rem;
  --radius-56: 3.50rem;
  --radius-64: 4rem;
  --radius-999: 62.44rem;
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-15: 0.15;
  --opacity-20: 0.2;
  --opacity-25: 0.25;
  --opacity-30: 0.3;
  --opacity-35: 0.35;
  --opacity-40: 0.4;
  --opacity-45: 0.45;
  --opacity-50: 0.5;
  --opacity-55: 0.55;
  --opacity-60: 0.6;
  --opacity-65: 0.65;
  --opacity-70: 0.7;
  --opacity-75: 0.75;
  --opacity-80: 0.8;
  --opacity-85: 0.85;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
  --border-none: 0;
  --border-base: 1px;
  --border-thick: 2px;
  --border-thicker: 4px;
  --dimension-0: 0;
  --dimension-0-5: 0.125rem;
  --dimension-1: 0.25rem;
  --dimension-2: 0.50rem;
  --dimension-3: 0.75rem;
  --dimension-4: 1rem;
  --dimension-5: 1.25rem;
  --dimension-6: 1.50rem;
  --dimension-7: 1.75rem;
  --dimension-8: 2rem;
  --dimension-9: 2.25rem;
  --dimension-10: 2.50rem;
  --dimension-11: 2.75rem;
  --dimension-12: 3rem;
  --dimension-14: 3.50rem;
  --dimension-16: 4rem;
  --dimension-18: 4.50rem;
  --dimension-20: 5rem;
  --dimension-24: 6rem;
  --dimension-28: 7rem;
  --dimension-32: 8rem;
  --dimension-36: 9rem;
  --dimension-40: 10rem;
  --dimension-44: 11rem;
  --dimension-48: 12rem;
  --dimension-56: 14rem;
  --dimension-64: 16rem;
  --dimension-72: 18rem;
  --dimension-80: 20rem;
  --dimension-96: 24rem;
  --dimension-112: 28rem;
  --dimension-128: 32rem;
  --dimension-144: 36rem;
  --dimension-150: 40rem;
  --dimension-192: 48rem;
  --dimension-224: 56rem;
  --dimension-256: 64rem;
  --font-family-body: var(--font-family-source-sans-3);
  --font-family-headline: var(--font-family-squad);
  --font-family-mono: var(--font-family-google-sans-code);
  --font-weight-normal: var(--font-weight-400);
  --font-weight-medium: var(--font-weight-600);
  --font-weight-semibold: var(--font-weight-700);
  --font-weight-bold: var(--font-weight-900);
  --font-size-small: var(--font-size-14);
  --font-size-body: var(--font-size-16);
  --font-size-lead: var(--font-size-18);
  --font-size-headline-3: var(--font-size-20);
  --font-size-headline-2: var(--font-size-24);
  --font-size-headline-1: var(--font-size-32);
  --font-size-hero-title: var(--font-size-40);
  --font-size-hero-subtitle: var(--font-size-24);
  --color-main-green: var(--color-green-500);
  --color-main-orange: var(--color-orange-500);
  --color-main-red: var(--color-red-500);
  --color-main-blue: var(--color-blue-500);
  --color-main-yellow: var(--color-yellow-500);
  --color-text-primary: var(--color-cold-gray-900);
  --color-text-secondary: var(--color-cold-gray-600);
  --color-text-inverse: var(--color-white);
  --color-bg-1: var(--color-cold-gray-400);
  --color-bg-2: var(--color-cold-gray-200);
  --color-bg-3: var(--color-cold-gray-100);
  --color-bg-4: var(--color-cold-gray-50);
  --color-bg-5: var(--color-white);
  --color-chart-green: var(--color-green-500);
  --color-chart-blue: var(--color-blue-500);
  --color-chart-yellow: var(--color-yellow-500);
  --color-chart-purple: #650C90;
  --color-hero-dull-green: #A8CCAB;
  --color-hero-pale-green: #9DCC8F;
  --color-hero-pale-gray: #C0C6B3;
  --color-hero-ocher: #EAC15A;
  --color-hero-peach: #F6AD82;
  --color-hero-mallow: #E3ADC3;
  --color-hero-lilac: #C6AFD5;
  --color-hero-crystal-blue: #A5C3D9;
  --color-special-disabled-text: var(--color-gray-500);
  --color-special-disabled-border: var(--color-gray-300);
  --color-special-disabled-btn-bg: var(--color-gray-200);
  --color-special-disabled-bg: var(--color-gray-50);
  --color-special-border: var(--color-cold-gray-500);
  --color-special-overlay: rgba(125, 130, 139, 0.50);
  --color-special-shadow: rgba(166, 173, 186, 0.24);
  --color-special-membrane-upper-shadow: rgba(255, 255, 255, 0.80);
  --color-special-green-shadow: rgba(66, 139, 38, 0.24);
  --color-special-orange-shadow: rgba(204, 82, 0, 0.24);
  --color-special-red-shadow: rgba(204, 54, 72, 0.24);
  --color-special-blue-shadow: rgba(40, 114, 184, 0.24);
  --color-special-green-10: rgba(82, 174, 48, 0.10);
  --color-special-green-20: rgba(82, 174, 48, 0.20);
  --color-special-orange-10: rgba(255, 102, 0, 0.10);
  --color-special-orange-20: rgba(255, 102, 0, 0.20);
  --color-special-red-10: rgba(255, 67, 90, 0.10);
  --color-special-red-20: rgba(255, 67, 90, 0.20);
  --color-special-blue-10: rgba(50, 143, 230, 0.10);
  --color-special-blue-20: rgba(50, 143, 230, 0.20);
  --color-special-yellow-10: rgba(255, 204, 0, 0.10);
  --color-special-yellow-20: rgba(255, 204, 0, 0.20);
  --color-special-inverse-10: rgba(255, 255, 255, 0.10);
  --color-special-inverse-20: rgba(255, 255, 255, 0.20);
  --color-special-gray-10: rgba(125, 130, 139, 0.10);
  --color-special-gray-20: rgba(125, 130, 139, 0.20);
  --color-special-black-10: rgba(0, 0, 0, 0.10);
  --color-special-black-20: rgba(0, 0, 0, 0.20);
  --color-special-green-pastel-10: var(--color-green-50);
  --color-special-green-pastel-20: var(--color-green-100);
  --color-special-orange-pastel-10: var(--color-orange-50);
  --color-special-orange-pastel-20: var(--color-orange-100);
  --color-special-red-pastel-10: var(--color-red-50);
  --color-special-red-pastel-20: var(--color-red-100);
  --color-special-blue-pastel-10: var(--color-blue-50);
  --color-special-blue-pastel-20: var(--color-blue-100);
  --color-special-yellow-pastel-10: var(--color-yellow-50);
  --color-special-yellow-pastel-20: var(--color-yellow-100);
  --color-special-green-lighter: var(--color-green-400);
  --color-special-green-dark: #4A9D2B;
  --color-special-green-darker: var(--color-green-600);
  --color-special-orange-lighter: var(--color-orange-400);
  --color-special-orange-dark: #E55C00;
  --color-special-orange-darker: var(--color-orange-600);
  --color-special-red-lighter: var(--color-red-400);
  --color-special-red-dark: #E55C00;
  --color-special-red-darker: var(--color-red-600);
  --color-special-blue-lighter: var(--color-blue-400);
  --color-special-blue-dark: #2D81CF;
  --color-special-blue-darker: var(--color-blue-600);
  --color-special-yellow-dark: #E5B800;
  --color-special-yellow-darker: var(--color-yellow-600);
  --color-special-green-visited: var(--color-green-700);
  --color-special-orange-visited: var(--color-orange-700);
  --color-special-red-visited: var(--color-red-700);
  --color-special-blue-visited: #1E568A;
  --color-special-bran-dark-green: #006648;
  --container-lower: var(--color-bg-1);
  --container-low: var(--color-bg-2);
  --container: var(--color-bg-3);
  --container-high: var(--color-bg-4);
  --container-higher: var(--color-bg-5);
  --primary: var(--color-main-green);
  --on-primary: var(--color-text-inverse);
  --secondary: var(--color-main-orange);
  --on-secondary: var(--color-text-inverse);
  --error: var(--color-main-red);
  --on-error: var(--color-text-inverse);
  --info: var(--color-main-blue);
  --on-info: var(--color-text-inverse);
  --warning: var(--color-main-yellow);
  --on-warning: var(--color-text-primary);
  --primary-container: var(--color-special-green-pastel-10);
  --primary-container-low: var(--color-special-green-pastel-20);
  --secondary-container: var(--color-special-orange-pastel-10);
  --secondary-container-low: var(--color-special-orange-pastel-20);
  --error-container: var(--color-special-red-pastel-10);
  --error-container-low: var(--color-special-red-pastel-20);
  --info-container: var(--color-special-blue-pastel-10);
  --info-container-low: var(--color-special-blue-pastel-20);
  --warn-container: var(--color-special-yellow-pastel-10);
  --warn-container-low: var(--color-special-yellow-pastel-20);
  --on-surface: var(--color-text-primary);
  --on-surface-variant: var(--color-text-secondary);
  --outline: var(--color-special-border);
  --outline-variant: var(--color-special-disabled-border);
  --surface-inverse: var(--color-text-primary);
  --on-surface-inverse: var(--color-text-inverse);
  --on-primary-inverse: var(--color-special-green-pastel-10);
  --headline-1-font-size: var(--font-size-headline-1);
  --headline-1-font-weight: var(--font-weight-bold);
  --headline-1-line-height: 2.50rem;
  --headline-1-font-family: var(--font-family-body);
  --headline-2-font-size: var(--font-size-headline-2);
  --headline-2-font-weight: var(--font-weight-semibold);
  --headline-2-line-height: 2rem;
  --headline-2-font-family: var(--font-family-body);
  --headline-3-font-size: var(--font-size-headline-3);
  --headline-3-font-weight: var(--font-weight-semibold);
  --headline-3-line-height: 2rem;
  --headline-3-font-family: var(--font-family-body);
  --lead-font-size: var(--font-size-lead);
  --lead-font-weight: var(--font-weight-normal);
  --lead-highlighted-font-weight: var(--font-weight-semibold);
  --lead-line-height: 2rem;
  --lead-compact-line-height: 1.50rem;
  --lead-font-family: var(--font-family-body);
  --body-font-size: var(--font-size-body);
  --body-font-weight: var(--font-weight-normal);
  --body-highlighted-font-weight: var(--font-weight-semibold);
  --body-link-font-weight: var(--font-weight-medium);
  --body-line-height: 1.50;
  --body-compact-line-height: 1.25rem;
  --body-font-family: var(--font-family-body);
  --small-font-size: var(--font-size-small);
  --small-font-weight: var(--font-weight-normal);
  --small-highlighted-font-weight: var(--font-weight-semibold);
  --small-link-font-weight: var(--font-weight-medium);
  --small-line-height: 1.50rem;
  --small-compact-line-height: 1.25rem;
  --small-font-family: var(--font-family-body);
  --hero-title-font-size: var(--font-size-hero-title);
  --hero-subtitle-font-size: var(--font-size-hero-subtitle);
  --hero-font-weight: var(--font-weight-bold);
  --hero-title-line-height: 3rem;
  --hero-subtitle-line-height: 2rem;
  --hero-font-family: var(--font-family-headline);
}

/* THIN 100 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* EXTRALIGHT 200 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* LIGHT 300 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* REGULAR 400 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* SEMIBOLD 600 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* BOLD 700 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* EXTRABOLD 800 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-ExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* HEAVY 850 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* BLACK 900 */
@font-face {
  font-family: "Squad";
  src: url("/local/templates/ipotekatmpl/css/fonts/Squad/Squad-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.headline-1,
.headline-2,
.headline-3,
.hero-title,
.hero-subtitle {
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

@media (max-width: 576px) {
  .headline-1 {
    --font-size: 1.575rem;
    --line-height: 2.5rem;
  }

  .hero-title {
    --font-size: 2rem;
    --line-height: 2.5rem;
  }

  .hero-subtitle {
    --font-size: 1.125rem;
    --line-height: 1.5rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  --font-family: var(--font-family-headline);
  --font-weight: var(--font-weight-semibold);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
}

/* TIPICAL PAGE (PAGES) */

h1 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
}

h3 {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}

h4 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

h5 {
  font-size: 1.25rem;
  margin-bottom: 2rem;
}

h6 {
  font-size: 1rem;
  margin-bottom: 2rem;
}

b,
strong {
  font-weight: var(--font-weight-semibold);
}

hr {
  margin-bottom: 2rem;
}


.page-content {
  background: var(--color-bg-4);
  border-radius: 2rem;
  padding: 1.25rem 2rem;
}

/* .page-content p,
.page-content span{
	font-size: 1.125rem;
	color: var(--color-text-secondary);
	margin-bottom: 1rem;
}
.page-content a{
	color: var(--primary);
	text-decoration: underline;
}

.page-content a:hover{
	text-decoration: none;
}

.page-content table{
    border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	background: unset;
}
.page-content table tr{
	
}
.page-content table tr th,
.page-content table tr td{
	padding: 6px 10px;
	border: 1px solid var(--outline-variant);
}
.page-content table tr th{
	background: var(--primary);
	color: var(--on-primary);
}
.page-content table tr th *{
	color: var(--on-primary);
}
.page-content ul,
.page-content ol{
	padding-left: 20px;
}
 */
p,
span,
li {
  font-size: 1.125rem;
  color: var(--color-text-secondary);
}

p {
  margin-bottom: 1rem;
}

a {
  color: var(--primary);
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
  background: unset;
}

table tr {}

table tr th,
table tr td {
  padding: 6px 10px;
  border: 1px solid var(--outline-variant);
}

table tr th {
  background: var(--primary);
  color: var(--on-primary);
}

table tr th * {
  color: var(--on-primary);
}

ul,
ol {
  padding-left: 20px;
}


/* ******************** */

.lead-normal,
.lead-normal-highlighted,
.lead-normal-link,
.lead-compact,
.lead-compact-highlighted,
.lead-compact-link,
.body-normal,
.body-normal-highlighted,
.body-normal-link,
.body-compact,
.body-compact-highlighted,
.body-compact-link,
.small-normal,
.small-normal-highlighted,
.small-normal-link,
.small-compact,
.small-compact-highlighted,
.small-compact-link {
  --font-family: var(--body-font-family);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

a {
  font-weight: var(--font-weight-medium);
  /* color: var(--info); */
}

.lead-normal {
  --font-weight: var(--lead-font-weight);
  --line-height: var(--lead-line-height);
  --font-size: var(--lead-font-size);
}

.lead-normal-highlighted {
  --font-weight: var(--lead-highlighted-font-weight);
  --line-height: var(--lead-line-height);
  --font-size: var(--lead-font-size);
}

.lead-normal-link {
  --font-weight: var(--lead-link-font-weight);
  --line-height: var(--lead-line-height);
  --font-size: var(--lead-font-size);
}

.lead-normal-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.lead-compact {
  --font-weight: var(--lead-font-weight);
  --line-height: var(--lead-line-height);
  --font-size: var(--lead-font-size);
}

.lead-compact-highlighted {
  --font-weight: var(--lead-highlighted-font-weight);
  --line-height: var(--lead-compact-line-height);
  --font-size: var(--lead-font-size);
}

.lead-compact-link {
  --font-weight: var(--lead-link-font-weight);
  --line-height: var(--lead-compact-line-height);
  --font-size: var(--lead-font-size);
}

.lead-compact-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.body-normal {
  --font-weight: var(--body-font-weight);
  --line-height: var(--body-line-height);
  --font-size: var(--body-font-size);
}

.body-normal-highlighted {
  --font-weight: var(--body-highlighted-font-weight);
  --line-height: var(--body-line-height);
  --font-size: var(--body-font-size);
}

.body-normal-link {
  --font-weight: var(--body-link-font-weight);
  --line-height: var(--body-line-height);
  --font-size: var(--body-font-size);
}

.body-normal-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.body-compact {
  --font-weight: var(--body-font-weight);
  --line-height: var(--body-line-height);
  --font-size: var(--body-font-size);
}

.body-compact-highlighted {
  --font-weight: var(--body-highlighted-font-weight);
  --line-height: var(--body-compact-line-height);
  --font-size: var(--body-font-size);
}

.body-compact-link {
  --font-weight: var(--body-link-font-weight);
  --line-height: var(--body-compact-line-height);
  --font-size: var(--body-font-size);
}

.body-compact-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.small-normal {
  --font-weight: var(--small-font-weight);
  --line-height: var(--small-line-height);
  --font-size: var(--small-font-size);
}

.small-normal-highlighted {
  --font-weight: var(--small-highlighted-font-weight);
  --line-height: var(--small-line-height);
  --font-size: var(--small-font-size);
}

.small-normal-link {
  --font-weight: var(--small-link-font-weight);
  --line-height: var(--small-line-height);
  --font-size: var(--small-font-size);
}

.small-normal-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.small-compact {
  --font-weight: var(--small-font-weight);
  --line-height: var(--small-line-height);
  --font-size: var(--small-font-size);
}

.small-compact-highlighted {
  --font-weight: var(--small-highlighted-font-weight);
  --line-height: var(--small-compact-line-height);
  --font-size: var(--small-font-size);
}

.small-compact-link {
  --font-weight: var(--small-link-font-weight);
  --line-height: var(--small-compact-line-height);
  --font-size: var(--small-font-size);
}

.small-compact-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.headline-1 {
  --font-family: var(--headline-1-font-family);
  --font-weight: var(--headline-1-font-weight);
  --line-height: var(--headline-1-line-height);
  --font-size: var(--headline-1-font-size);
}

.headline-2 {
  --font-family: var(--headline-2-font-family);
  --font-weight: var(--headline-2-font-weight);
  --line-height: var(--headline-2-line-height);
  --font-size: var(--headline-2-font-size);
}

.headline-3 {
  --font-family: var(--headline-3-font-family);
  --font-weight: var(--headline-3-font-weight);
  --line-height: var(--headline-3-line-height);
  --font-size: var(--headline-3-font-size);
}

.hero-title {
  --font-family: var(--hero-font-family);
  --font-weight: var(--hero-font-weight);
  --line-height: var(--hero-title-line-height);
  --font-size: var(--hero-title-font-size);
}

.hero-subtitle {
  --font-family: var(--hero-font-family);
  --font-weight: var(--hero-font-weight);
  --line-height: var(--hero-subtitle-line-height);
  --font-size: var(--hero-subtitle-font-size);
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.accordion-item {
  background-color: var(--color-bg-4);
  border-radius: var(--radius-16);
  margin-bottom: var(--space-2x);
}

.accordion-item:last-child {
  margin-bottom: var(--space-0);
}

.accordion-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.accordion-header>* {
  cursor: pointer;
  height: auto;
}

.accordion-header>.accordion-button::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--on-surface);
  transition: 0.3s all ease-in-out;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' preserveAspectRatio='xMidYMid meet'><rect width='100%' height='100%' fill='none'/><path d='M1.33341 1.33333L8.00008 8L14.6667 1.33333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' vector-effect='non-scaling-stroke'/></svg>") no-repeat center/contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' preserveAspectRatio='xMidYMid meet'><rect width='100%' height='100%' fill='none'/><path d='M1.33341 1.33333L8.00008 8L14.6667 1.33333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' vector-effect='non-scaling-stroke'/></svg>") no-repeat center/contain;
}

.accordion-header>.accordion-button {
  font-family: var(--body-font-family);
  text-align: left;
}

.accordion-header>.accordion-button.collapsed::after {
  transform: rotate(180deg);
  transition: 0.3s all ease-in-out;
}

.accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--space-3x);
  padding-bottom: var(--space-3x);
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  border: none;
  border-radius: var(--radius-4);
  background-color: transparent;
}

.accordion-body {
  padding-top: var(--space-0);
  padding-bottom: var(--space-3x);
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  --font-size: var(--lead-font-size);
  --line-height: var(--lead-line-height);
  --font-weight: var(--lead-font-weight);
  --font-family: var(--lead-font-family);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

button,
.button {
  --font-size: var(--body-font-size);
  --line-height: var(--body-line-height);
  --font-weight: var(--font-weight-medium);
  --font-family: var(--body-font-family);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  cursor: pointer;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  height: var(--dimension-12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-base);
  border-radius: var(--radius-999);
  border: none;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  background-color: transparent;
  color: var(--on-surface);
  border-radius: var(--radius-32);
}

button:disabled,
.button:disabled {
  background-color: var(--color-special-disabled-btn-bg);
  color: var(--color-special-disabled-text);
  cursor: not-allowed;
}

button:has(.lead-icon),
.button:has(.lead-icon) {
  padding-left: var(--space-2x);
  padding-right: var(--space-2x);
}

.button.button--primary {
  background-color: var(--primary);
  color: var(--on-primary);
}

.button.button--primary:hover {
  background-color: var(--color-special-green-lighter);
}

.button.button--primary:active {
  background-color: var(--color-special-green-darker);
}

.button.button--secondary {
  background-color: var(--container);
  color: var(--on-surface);
}

.button.button--secondary:hover {
  background-color: var(--container-high);
}

.button.button--secondary:active {
  background-color: var(--container-low);
}

.button.button--text {
  color: var(--primary);
}

.button.button--text:hover {
  background-color: var(--primary-container);
}

.tab-content>.tab-pane {
  display: none;
  cursor: default;
}

.tab-content>.tab-pane:focus {
  outline: none;
}

.tab-content>.active {
  display: block;
}

.tab-nav {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  list-style: none;
  padding: 0.75rem;
  border-radius: var(--radius-999);
  background-color: var(--container-higher);
  margin: 0;
  cursor: default;
}

.tab-button {
  background: transparent;
  --font-size: var(--body-font-size);
  --line-height: var(--body-line-height);
  --font-weight: var(--font-weight-medium);
  --font-family: var(--body-font-family);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  padding-top: var(--space-base);
  padding-bottom: var(--space-base);
  padding-left: var(--space-2x);
  padding-right: var(--space-2x);
  cursor: pointer;
  border: none;
  text-decoration: none;
  border-radius: var(--radius-999);
  white-space: nowrap;
  transition: 0.2s all ease-in-out;
  color: var(--on-surface);
}

.tab-button.active {
  background-color: var(--surface-inverse);
  color: var(--on-surface-inverse);
  transition: 0.2s all ease-in-out;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.breadcrumbs__link {
  color: var(--on-surface);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}

.breadcrumbs__link.active:hover {
  text-decoration: none;
}

.breadcrumbs__link:hover {
  text-decoration: underline;
}

.breadcrumbs__item:last-child .breadcrumbs__link {
  font-weight: 400;
}

.dropdown-menu {
  position: absolute;
  display: none;
  padding: 0.5rem 0;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 1000;
  list-style: none;
  margin: 0;
  flex-direction: column;
  overflow: hidden;
}

.dropdown-menu.show {
  display: flex;
}

.dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #000;
  display: flex;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f0f0f0;
}

.input {
  display: inline-flex;
  width: 100%;
  padding: var(--space-2x);
  border: none;
  background-color: var(--color-bg-5);
  border-radius: var(--radius-16);
  height: var(--dimension-16);
  --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);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

textarea.input {
  height: auto;
}

.input-toggle,
input[type=checkbox],
input[type=radio] {
  /* change default input is hidden */
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2x);
  width: var(--dimension-6);
  height: var(--dimension-6);
  align-items: center;
  justify-content: center;
  transition: 0.2s all ease-in-out;
}

.input-checkbox {
  border: 2px solid var(--outline);
  border-radius: 6px;
  margin: 0;
}

.input-checkbox:checked {
  background-color: var(--primary);
  border-color: var(--primary);
  transition: 0.2s all ease-in-out;
}

.input-toggle:disabled {
  border-color: var(--outline-variant);
}

.input-checkbox::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'><path d='M4.41538 9.8036L0.190373 5.44535C-0.0634576 5.18351 -0.0634576 4.75898 0.190373 4.49711L1.10959 3.54888C1.36342 3.28702 1.775 3.28702 2.02883 3.54888L4.875 6.48478L10.9712 0.196377C11.225 -0.0654589 11.6366 -0.0654589 11.8904 0.196377L12.8096 1.14461C13.0635 1.40645 13.0635 1.83098 12.8096 2.09285L5.33462 9.80363C5.08076 10.0655 4.66921 10.0655 4.41538 9.8036Z' fill='white'/></svg>") no-repeat center/contain;
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'><path d='M4.41538 9.8036L0.190373 5.44535C-0.0634576 5.18351 -0.0634576 4.75898 0.190373 4.49711L1.10959 3.54888C1.36342 3.28702 1.775 3.28702 2.02883 3.54888L4.875 6.48478L10.9712 0.196377C11.225 -0.0654589 11.6366 -0.0654589 11.8904 0.196377L12.8096 1.14461C13.0635 1.40645 13.0635 1.83098 12.8096 2.09285L5.33462 9.80363C5.08076 10.0655 4.66921 10.0655 4.41538 9.8036Z' fill='white'/></svg>") no-repeat center/contain;
}

.input-checkbox:checked::before {
  background-color: var(--on-primary);
}

.input-radio {
  border-radius: 50%;
  border: 2px solid var(--outline);
  margin: 2px;
}

.input-radio:checked {
  background-color: var(--primary);
  border-width: 0;
  transition: 0.2s all ease-in-out;
}

.input-radio::before {
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: transparent;
  border-radius: 50%;
}

.input-radio:checked::before {
  background-color: var(--on-primary);
}

.form-control {
  display: flex;
  flex-direction: column;
  gap: var(--space-base);
}

.form-check {
  display: flex;
  align-items: center;
  gap: var(--space-base);
}

.faq-collapse {
  display: flex;
  flex-direction: column;
  gap: var(--space-2x);
  padding: var(--space-2x) 0;
}

.faq-collapse .button {
  align-self: flex-start;
}

.faq-collapse .button svg {
  transition: all 0.2s ease-in-out;
}

.faq-collapse:has(.show) .button svg {
  transform: rotate(180deg);
  transition: all 0.2s ease-in-out;
}

.page-main-section {
  padding: var(--space-2x) 0;
}

@media (min-width: 578px) {
  .page-main-section {
    padding: var(--space-md) 0;
  }
}

.page-main-section .breadcrumbs {
  display: none;
}

.section {
  padding: var(--space-2x) 0;
}

.section .section__title {
  --font-size: var(--headline-1-font-size);
  --line-height: var(--headline-1-line-height);
  --font-weight: var(--headline-1-font-weight);
  --font-family: var(--headline-1-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);
  text-align: center;
}

.section-card {
  padding: var(--space-3x);
  background-color: var(--container-high);
  border-radius: var(--radius-16);
  display: flex;
  flex-direction: column;
  gap: var(--space-3x);
}

.section-card .section-card__title {
  --font-size: var(--headline-1-font-size);
  --line-height: var(--headline-1-line-height);
  --font-weight: var(--headline-1-font-weight);
  --font-family: var(--headline-1-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-half);
}

.section-card .section-card__subtitle {
  --font-size: var(--lead-font-size);
  --line-height: var(--lead-line-height);
  --font-weight: var(--lead-font-weight);
  --font-family: var(--lead-font-family);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--on-surface-variant);
}

@media (min-width: 578px) {
  .page-main-section .breadcrumbs {
    display: flex;
  }

  .section {
    padding: var(--space-md) 0;
  }

  .section .section__title {
    --font-size: var(--hero-title-font-size);
    --line-height: var(--hero-title-line-height);
    --font-weight: var(--hero-font-weight);
    --font-family: var(--hero-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);
  }
}

.card-wrapper-link {
  display: flex;
  color: unset;
  text-decoration: none;
}

/*# sourceMappingURL=global.css.map */
























/* MODAL */
.fade {
  transition: opacity 0.15s linear;
  opacity: 0;
}

.show {
  opacity: 1;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  z-index: 1055;
}

/* Modal dialog */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 1.75rem auto;
  pointer-events: none;
  max-width: 500px;
  transition: transform 0.3s ease-out;
}

.modal.show .modal-dialog {
  pointer-events: auto;
}

/* Modal animation directions */
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}

.modal.show .modal-dialog {
  transform: none;
}

/* Slide down from top */
.modal.slide-down.fade .modal-dialog {
  transform: translateY(-100%);
}

.modal.slide-down.show .modal-dialog {
  transform: translateY(0);
}

/* Slide up from bottom */
.modal.slide-up.fade .modal-dialog {
  transform: translateY(100%);
}

.modal.slide-up.show .modal-dialog {
  transform: translateY(0);
}

/* Slide in from left */
.modal.slide-left.fade .modal-dialog {
  transform: translateX(-100%);
}

.modal.slide-left.show .modal-dialog {
  transform: translateX(0);
}

/* Slide in from right */
.modal.slide-right.fade .modal-dialog {
  transform: translateX(100%);
}

.modal.slide-right.show .modal-dialog {
  transform: translateX(0);
}

/* Zoom in */
.modal.zoom-in.fade .modal-dialog {
  transform: scale(0.7);
}

.modal.zoom-in.show .modal-dialog {
  transform: scale(1);
}

/* Zoom out */
.modal.zoom-out.fade .modal-dialog {
  transform: scale(1.3);
}

.modal.zoom-out.show .modal-dialog {
  transform: scale(1);
}

/* Flip horizontal */
.modal.flip-horizontal.fade .modal-dialog {
  transform: perspective(400px) rotateY(90deg);
}

.modal.flip-horizontal.show .modal-dialog {
  transform: perspective(400px) rotateY(0deg);
}

/* Flip vertical */
.modal.flip-vertical.fade .modal-dialog {
  transform: perspective(400px) rotateX(90deg);
}

.modal.flip-vertical.show .modal-dialog {
  transform: perspective(400px) rotateX(0deg);
}

/* Modal content */
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 0;
}

/* Modal header */
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header h5 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
}

.modal-header button {
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: #000;
  opacity: 0.5;
  cursor: pointer;
}

.modal-header button:hover {
  opacity: 0.75;
}

/* Modal body */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

/* Modal footer */
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  gap: 0.5rem;
}

@media (max-width: 576px) {
  .modal-dialog {
    max-width: 95vw;
    margin: 1rem;
  }
}

.modal.show {
  display: block;
}

.modal-open {
  overflow: hidden;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}





.accordion-custom {
  border-radius: var(--radius-16);
  overflow: hidden;
  font-family: sans-serif;
  background-color: var(--conatiner);
}

.accordion-custom .accordion__header {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.accordion-custom .accordion__header button {
  width: 100%;
  text-align: left;
  justify-content: start;
  height: auto;
  padding: var(--space-2x) var(--space-md);
  --font-size: var(--lead-font-size);
  --line-height: var(--lead-line-height);
  --font-weight: var(--lead-highlighted-font-weight);
  --font-family: var(--lead-font-family);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.accordion-custom .accordion__header::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin: var(--space-2x);
  background-color: var(--on-surface);
  transition: 0.3s all ease-in-out;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' preserveAspectRatio='xMidYMid meet'><rect width='100%' height='100%' fill='none'/><path d='M1.33341 1.33333L8.00008 8L14.6667 1.33333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' vector-effect='non-scaling-stroke'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' preserveAspectRatio='xMidYMid meet'><rect width='100%' height='100%' fill='none'/><path d='M1.33341 1.33333L8.00008 8L14.6667 1.33333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' vector-effect='non-scaling-stroke'/></svg>") no-repeat center / contain;
}

.accordion-custom .accordion__header.active::after {
  transform: rotate(180deg);
  transition: 0.3s all ease-in-out;
}

.accordion-custom .accordion-body {
  display: none;
}

.accordion-custom .accordion-item {
  /* background-color: var(--color-bg-1); */
  background-color: var(--container);
}
/* End */
/* /local/templates/ipotekatmpl/components/bitrix/menu/main-menu/style.css?176059914455 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/currency_btn/style.css?1760599007353 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/login_btn/style.css?1760598923333 */
/* /local/templates/ipotekatmpl/components/bitrix/menu/mobile-submenu/style.css?176059914455 */
/* /local/templates/ipotekatmpl/components/bitrix/menu/left-menu/style.css?1758716834831 */
/* /local/templates/ipotekatmpl/components/ipotekabank/panel_single/index_mob_app/style.css?17597318662728 */
/* /local/templates/ipotekatmpl/components/bitrix/menu/footer-social/style.css?1755863778307 */
/* /local/templates/ipotekatmpl/components/bitrix/menu/footer_menu/style.css?1760600152497 */
/* /local/templates/ipotekatmpl/template_styles.css?176415624250929 */