@font-face {
    font-family: 'Vazirmatn';
    src: url('../ttf/Vazirmatn-Medium.ttf') format('truetype');
    src: url('../ttf/Vazirmatn-Light.ttf') format('truetype');
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: .1rem dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.2rem
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

:root {
    --spacing-xxs: .625rem;
    --spacing-xs: .625rem;
    --spacing-sm: .9375rem;
    --spacing-md: 1.25rem;
    --spacing-l: 2.5rem;
    --spacing-xl: 2.5rem;
    --spacing-xxl: 3.125rem
}

@media (min-width:640px) {
    :root {
        --spacing-xxs: .625rem;
        --spacing-xs: .625rem;
        --spacing-sm: 1.25rem;
        --spacing-md: 1.875rem;
        --spacing-l: 2.5rem;
        --spacing-xl: 2.5rem;
        --spacing-xxl: 3.75rem
    }
}

@media (min-width:960px) {
    :root {
        --spacing-xxs: .625rem;
        --spacing-xs: 1.25rem;
        --spacing-sm: 1.25rem;
        --spacing-md: 1.875rem;
        --spacing-l: 2.5rem;
        --spacing-xl: 3.125rem;
        --spacing-xxl: 5rem
    }
}

@media (min-width:1280px) {
    :root {
        --spacing-xxs: .625rem;
        --spacing-xs: 1.25rem;
        --spacing-sm: 1.875rem;
        --spacing-md: 2.5rem;
        --spacing-l: 3.125rem;
        --spacing-xl: 3.75rem;
        --spacing-xxl: 6.25rem
    }
}

:root {
    --max-content-width: calc(72.5rem + var(--content-padding)*2);
    --grid-gutter: .625rem;
    --content-padding: .9375rem
}

@media (min-width:640px) {
    :root {
        --grid-gutter: 1.25rem
    }
}

@media (min-width:960px) {
    :root {
        --grid-gutter: 2.5rem
    }
}

@media (min-width:1024px) {
    :root {
        --grid-gutter: 2.5rem
    }
}

@media (min-width:1280px) {
    :root {
        --grid-gutter: 2.5rem
    }
}

@media (min-width:640px) {
    :root {
        --content-padding: 2.1875rem
    }
}

@media (min-width:960px) {
    :root {
        --content-padding: 3.125rem
    }
}

@media (min-width:1024px) {
    :root {
        --content-padding: 3.125rem
    }
}

@media (min-width:1280px) {
    :root {
        --content-padding: 3.75rem
    }
}

.contentWithSidebar {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(12,1fr);
    margin-left: auto;
    margin-right: auto;
    max-width: 74.375rem;
    max-width: var(--max-content-width);
    padding-left: .9375rem;
    padding-left: var(--content-padding);
    padding-right: .9375rem;
    padding-right: var(--content-padding);
    grid-column-gap: .625rem;
    grid-column-gap: var(--grid-gutter);
    grid-row-gap: 0;
    grid-row-gap: .625rem;
    grid-row-gap: var(--grid-gutter)
}

.u-noContentHolderInside .contentWithSidebar {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

.contentWithSidebar .contentWithSidebar-modules {
    grid-column-end: span 12;
    grid-column-end: 0;
    grid-column-start: 0
}

@media (min-width:960px) {
    .contentWithSidebar .contentWithSidebar-modules {
        grid-column-end: span 8;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

@media (min-width:1280px) {
    .contentWithSidebar .contentWithSidebar-modules {
        grid-column-end: span 9;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

.contentWithSidebar .contentWithSidebar-modules .ModuleContainer .ModuleIntro {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

    .contentWithSidebar .contentWithSidebar-modules .ModuleContainer .ContentTeaserList .ContentTeaserList-element, .contentWithSidebar .contentWithSidebar-modules .ModuleContainer .ModuleIntro .ModuleIntro-headline {
        grid-column-end: span 12;
        grid-column-end: 0;
        grid-column-start: 0
    }

@media (min-width:640px) {
    .contentWithSidebar .contentWithSidebar-modules .ModuleContainer .ContentTeaserList .ContentTeaserList-element {
        grid-column-end: span 6;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

@media (min-width:1280px) {
    .contentWithSidebar .contentWithSidebar-modules .ModuleContainer .ContentTeaserList .ContentTeaserList-element {
        grid-column-end: span 4;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

.contentWithSidebar .contentWithSidebar-sidebarModules {
    grid-column-end: span 12;
    grid-column-end: 0;
    grid-column-start: 0
}

@media (min-width:960px) {
    .contentWithSidebar .contentWithSidebar-sidebarModules {
        grid-column-end: span 4;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

@media (min-width:1280px) {
    .contentWithSidebar .contentWithSidebar-sidebarModules {
        grid-column-end: span 3;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

.news {
    grid-row-gap: 2.5rem;
    grid-row-gap: var(--spacing-l)
}

    .news .contentWithSidebar-modules {
        grid-column-end: span 12;
        grid-column-end: 0;
        grid-column-start: 0
    }

@media (min-width:960px) {
    .news .contentWithSidebar-modules {
        grid-column-end: span 12;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

@media (min-width:1024px) {
    .news .contentWithSidebar-modules {
        grid-column-end: span 8;
        grid-column-end: 0;
        grid-column-start: 0
    }
}

.news .contentWithSidebar-sidebarModules {
    grid-column-end: span 12;
    grid-column-end: 0;
    grid-column-start: 0;
    justify-self: center
}

@media (min-width:960px) {
    .news .contentWithSidebar-sidebarModules {
        grid-column-end: span 0;
        grid-column-end: 12;
        grid-column-start: 2
    }
}

@media (min-width:1024px) {
    .news .contentWithSidebar-sidebarModules {
        grid-column-end: span 0;
        grid-column-end: 13;
        grid-column-start: 9
    }
}

.fullWidthContentTop .SectionStart {
    margin-bottom: 2.5rem;
    margin-bottom: var(--spacing-xl);
    margin-top: 0
}

.fullWidthContentBottom {
    padding-top: 3.125rem;
    padding-top: var(--spacing-xxl)
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-grey-24: #3d3d3d;
    --color-grey-53: #878787;
    --color-grey-81: #cfcfcf;
    --color-grey-96: #f5f5f5
}

@-webkit-keyframes swipe-hand-left-right {
    0% {
        -webkit-transform: translateX(.375rem);
        transform: translate(.375rem)
    }

    to {
        -webkit-transform: translateX(-.25rem);
        transform: translate(-.25rem)
    }
}

@keyframes swipe-hand-left-right {
    0% {
        -webkit-transform: translateX(.375rem);
        transform: translate(.375rem)
    }

    to {
        -webkit-transform: translateX(-.25rem);
        transform: translate(-.25rem)
    }
}

@font-face {
    font-display: swap;
    font-family: icons;
    src: url("../fonts/icons.woff2?c119f978cf43ba4787b185311e18ae7a") format("woff2"),url("../fonts/icons.woff?c119f978cf43ba4787b185311e18ae7a") format("woff")
}

:root {
    --icon-zoom-in: "\f101";
    --icon-youtube: "\f102";
    --icon-x: "\f103";
    --icon-tiktok: "\f104";
    --icon-search: "\f105";
    --icon-quotation-marks: "\f106";
    --icon-plus: "\f107";
    --icon-play: "\f108";
    --icon-play-circle: "\f109";
    --icon-minus: "\f10a";
    --icon-linkedin: "\f10b";
    --icon-instagram: "\f10c";
    --icon-globe: "\f10d";
    --icon-facebook: "\f10e";
    --icon-email: "\f10f";
    --icon-download: "\f110";
    --icon-chevron-up: "\f111";
    --icon-chevron-right: "\f112";
    --icon-chevron-left: "\f113";
    --icon-chevron-down: "\f114";
    --icon-check: "\f115";
    --icon-chat: "\f116";
    --icon-burger: "\f117";
    --icon-attribute-tool-included: "\f118";
    --icon-attribute-smart-control: "\f119";
    --icon-attribute-silent: "\f11a";
    --icon-attribute-perfect-view: "\f11b";
    --icon-attribute-easy-use: "\f11c";
    --icon-attribute-compact: "\f11d"
}

.icon-attribute-compact:before, .icon-attribute-easy-use:before, .icon-attribute-perfect-view:before, .icon-attribute-silent:before, .icon-attribute-smart-control:before, .icon-attribute-tool-included:before, .icon-burger:before, .icon-chat:before, .icon-check:before, .icon-chevron-down:before, .icon-chevron-left:before, .icon-chevron-right:before, .icon-chevron-up:before, .icon-download:before, .icon-email:before, .icon-facebook:before, .icon-globe:before, .icon-instagram:before, .icon-linkedin:before, .icon-minus:before, .icon-play-circle:before, .icon-play:before, .icon-plus:before, .icon-quotation-marks:before, .icon-search:before, .icon-tiktok:before, .icon-x:before, .icon-youtube:before, .icon-zoom-in:before {
    font-family: icons,sans-serif;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-zoom-in:before {
    content: "\f101";
    content: var(--icon-zoom-in)
}

.icon-youtube:before {
    content: "\f102";
    content: var(--icon-youtube)
}

.icon-x:before {
    content: "\f103";
    content: var(--icon-x)
}

.icon-tiktok:before {
    content: "\f104";
    content: var(--icon-tiktok)
}

.icon-search:before {
    content: "\f105";
    content: var(--icon-search)
}

.icon-quotation-marks:before {
    content: "\f106";
    content: var(--icon-quotation-marks)
}

.icon-plus:before {
    content: "\f107";
    content: var(--icon-plus)
}

.icon-play:before {
    content: "\f108";
    content: var(--icon-play)
}

.icon-play-circle:before {
    content: "\f109";
    content: var(--icon-play-circle)
}

.icon-minus:before {
    content: "\f10a";
    content: var(--icon-minus)
}

.icon-linkedin:before {
    content: "\f10b";
    content: var(--icon-linkedin)
}

.icon-instagram:before {
    content: "\f10c";
    content: var(--icon-instagram)
}

.icon-globe:before {
    content: "\f10d";
    content: var(--icon-globe)
}

.icon-facebook:before {
    content: "\f10e";
    content: var(--icon-facebook)
}

.icon-email:before {
    content: "\f10f";
    content: var(--icon-email)
}

.icon-download:before {
    content: "\f110";
    content: var(--icon-download)
}

.icon-chevron-up:before {
    content: "\f111";
    content: var(--icon-chevron-up)
}

.icon-chevron-right:before {
    content: "\f112";
    content: var(--icon-chevron-right)
}

.icon-chevron-left:before {
    content: "\f113";
    content: var(--icon-chevron-left)
}

.icon-chevron-down:before {
    content: "\f114";
    content: var(--icon-chevron-down)
}

.icon-check:before {
    content: "\f115";
    content: var(--icon-check)
}

.icon-chat:before {
    content: "\f116";
    content: var(--icon-chat)
}

.icon-burger:before {
    content: "\f117";
    content: var(--icon-burger)
}

.icon-attribute-tool-included:before {
    content: "\f118";
    content: var(--icon-attribute-tool-included)
}

.icon-attribute-smart-control:before {
    content: "\f119";
    content: var(--icon-attribute-smart-control)
}

.icon-attribute-silent:before {
    content: "\f11a";
    content: var(--icon-attribute-silent)
}

.icon-attribute-perfect-view:before {
    content: "\f11b";
    content: var(--icon-attribute-perfect-view)
}

.icon-attribute-easy-use:before {
    content: "\f11c";
    content: var(--icon-attribute-easy-use)
}

.icon-attribute-compact:before {
    content: "\f11d";
    content: var(--icon-attribute-compact)
}

@font-face {
    font-display: swap;
    font-family: NettoPro;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/NettoPro.woff2") format("woff2"),url("../fonts/NettoPro.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: NettoPro;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/NettoPro-Bold.woff2") format("woff2"),url("../fonts/NettoPro-Bold.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: NettoPro;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/NettoPro-Light.woff2") format("woff2"),url("../fonts/NettoPro-Light.woff") format("woff")
}

:root {
    --text-base-font-size: 1rem;
    --text-base-line-height: 1.5rem
}

@media (min-width:960px) {
    :root {
        --text-base-font-size: 1.125rem;
        --text-base-line-height: 1.75rem
    }
}

html {
    font-size: 100%;
    scroll-behavior: smooth
}

    html, html *, html :after, html :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

body {
    display: block;
    font-family: NettoPro,sans-serif;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-background-body);
    color: var(--color-text-base);
    font-size: 1rem;
    font-size: var(--text-base-font-size);
    height: auto;
    hyphens: auto;
    line-height: 1.5rem;
    line-height: var(--text-base-line-height);
    max-width: 100vw;
    min-height: 100%;
    width: 100%;
    hyphenate-limit-chars: auto 8
}

    body.overlayed {
        overflow: hidden
    }

footer, header, main {
    display: block
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Vazirmatn';
}

.button, button, input[type=button], input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    min-width: 0;
    padding: 0;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: 0
}

    .button:focus, button:focus, input[type=button]:focus, input[type=submit]:focus {
        outline: 0
    }

section {
    display: block
}

blockquote, figure {
    margin: 0
}

#CookiebotWidget, #onlim-chat-widget-trigger {
    z-index: 500 !important
}

#onlim-chat-widget-unread {
    z-index: 501 !important
}

.BlogDetail .ModuleContainer:first-of-type {
    margin-bottom: 1.25rem;
    margin-bottom: var(--spacing-md)
}