header{display:none};
.header-drop, #modal-menu {
    display: none;
}
/*! UIkit 3.19.2 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */

html {
    font-family: mulish-variable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #45476f
}

body {
    margin: 0
}

.uk-link, a {
    color: #9c4a97;
    text-decoration: none;
    cursor: pointer
}

    .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
        color: #6a2e66;
        /* text-decoration: underline */
    }

abbr[title] {
    text-decoration: underline dotted;
    -webkit-text-decoration-style: dotted
}

b, strong {
    font-weight: bolder
}

:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
    font-family: Consolas,monaco,monospace;
    font-size: 14px;
    color: #ba3636;
    white-space: nowrap;
    padding: 2px 6px;
    background: #f7f9fc
}

em {
    color: #ba3636
}

ins {
    background: #ffd;
    color: #45476f;
    text-decoration: none
}

mark {
    background: #ffd;
    color: #45476f
}

q {
    font-style: italic
}

small {
    font-size: 14px
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

    img:not([src]) {
        visibility: hidden;
        min-width: 1px
    }

iframe {
    border: 0
}

address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 20px 0
}

* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
    margin-top: 20px
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: cordale-arabic,sans-serif;
    font-weight: 700;
    color: #091e42;
    text-transform: none
}

* + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + .uk-heading-2xlarge, * + .uk-heading-3xlarge, * + .uk-heading-large, * + .uk-heading-medium, * + .uk-heading-small, * + .uk-heading-xlarge, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 40px
}

.uk-h1, h1 {
    font-size: 24px;
    line-height: 1.33
}

.uk-h2, h2 {
    font-size: 20px;
    line-height: 1.3
}

.uk-h3, h3 {
    font-size: 20px;
    line-height: 1.4
}

.uk-h4, h4 {
    font-size: 20px;
    line-height: 1.4
}

.uk-h5, h5 {
    font-size: 16px;
    line-height: 1.4
}

.uk-h6, h6 {
    font-size: 14px;
    line-height: 1.4
}

@media (min-width:960px) {
    .uk-h1, h1 {
        font-size: 40px
    }

    .uk-h2, h2 {
        font-size: 32px
    }
}

ol, ul {
    padding-left: 30px
}

    ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
        margin: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.uk-hr, hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid #dfe3ec
}

* + .uk-hr, * + hr {
    margin-top: 20px
}

address {
    font-style: normal
}

blockquote {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 1.5;
    font-style: italic;
    color: #091e42
}

* + blockquote {
    margin-top: 20px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #45476f
}

    blockquote footer::before {
        content: "— "
    }

pre {
    font: 14px/1.5 Consolas,monaco,monospace;
    color: #45476f;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    padding: 10px;
    border: 1px solid #dfe3ec;
    border-radius: 3px;
    background: #fff
}

    pre code {
        font-family: Consolas,monaco,monospace
    }

:focus {
    outline: 0
}

:focus-visible {
    outline: 2px dotted #1F2152
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

details, main {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px
}

@media (min-width:960px) {
    .uk-h1, h1 {
        line-height: 1.5
    }

    .uk-h3, h3 {
        font-size: 24px
    }
}

@media (max-width:959px) {
    html {
        font-size: 14px
    }
}

.uk-link-muted a, .uk-link-toggle .uk-link-muted, a.uk-link-muted {
    color: #999
}

    .uk-link-muted a:hover, .uk-link-toggle:hover .uk-link-muted, a.uk-link-muted:hover {
        color: #45476f;
        text-decoration: none
    }

.uk-link-text a, .uk-link-toggle .uk-link-text, a.uk-link-text {
    color: inherit
}

    .uk-link-text a:hover, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover {
        color: #999
    }

.uk-link-heading a, .uk-link-toggle .uk-link-heading, a.uk-link-heading {
    color: inherit
}

    .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover {
        color: #0064D9;
        text-decoration: none
    }

.uk-link-reset a, a.uk-link-reset {
    color: inherit !important;
    text-decoration: none !important
}

.uk-link-toggle {
    color: inherit !important;
    text-decoration: none !important
}

p > a:not([class]) {
    color: inherit;
}

.uk-child-link-underline > a {
    text-decoration: underline;
    color: inherit;
    font-variation-settings: "wght" 700
}

.uk-link-list {
    transition: 1s;
    transition-property: background-color
}

    .uk-link-list > :first-child {
        border-right: 1px solid #dfe3ec;
        width: 119px;
        height: 118px
    }

    .uk-link-list > :nth-child(2) {
        padding: 0 24px
    }

    .uk-link-list > :last-child {
        padding-right: 24px
    }

    .uk-link-list .icon {
        background-color: #fff;
        border: 1px solid #dfe3ec;
        border-radius: 12px;
        box-shadow: 0 1px 64px 0 #000F3314;
        width: 62px;
        height: 62px;
        transition: 1s;
        transition-property: background-color,border-color
    }

        .uk-link-list .icon img {
            transition: 1s;
            transition-property: scale
        }

    .uk-link-list:hover {
        background-color: #f7f9fc
    }

        .uk-link-list:hover .icon {
            background-color: transparent;
            border-color: transparent
        }

            .uk-link-list:hover .icon img {
                scale: 1.6
            }

@media (min-width:960px) {
    .uk-link-list.uk-link-list-large > :first-child {
        width: 135px;
        height: 100%;
        min-height: 138px
    }

    .uk-link-list.uk-link-list-large > :nth-child(2) {
        padding: 16px 16px 16px 24px
    }
}

@media (max-width:959px) {
    .uk-link-list {
        padding: 16px;
        gap: 12px
    }

        .uk-link-list > :first-child {
            border-right: none;
            width: auto;
            height: auto
        }

        .uk-link-list > :nth-child(2) {
            padding: 0
        }

        .uk-link-list > :last-child {
            padding-right: 0
        }

        .uk-link-list .icon {
            border-radius: 10px;
            width: 56px;
            height: 56px
        }

        .uk-link-list:hover .icon img {
            scale: 1.45
        }

        .uk-link-list.uk-link-list-large p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden
        }
}

.uk-heading-small {
    font-size: 38.4px;
    line-height: 1.2
}

.uk-heading-medium {
    font-size: 49.5px;
    line-height: 1.1
}

.uk-heading-large {
    font-size: 61.2px;
    line-height: 1.1
}

.uk-heading-xlarge {
    font-size: 72px;
    line-height: 1
}

.uk-heading-2xlarge {
    font-size: 72px;
    line-height: 1
}

.uk-heading-3xlarge {
    font-size: 8rem;
    line-height: 1
}

@media (min-width:960px) {
    .uk-heading-small {
        font-size: 48px
    }

    .uk-heading-medium {
        font-size: 60px
    }

    .uk-heading-large {
        font-size: 72px
    }

    .uk-heading-xlarge {
        font-size: 72px
    }

    .uk-heading-2xlarge {
        font-size: 8rem
    }

    .uk-heading-3xlarge {
        font-size: 11rem
    }
}

@media (min-width:1200px) {
    .uk-heading-medium {
        font-size: 60px
    }

    .uk-heading-large {
        font-size: 72px
    }

    .uk-heading-xlarge {
        font-size: 8rem
    }

    .uk-heading-2xlarge {
        font-size: 11rem
    }

    .uk-heading-3xlarge {
        font-size: 15rem
    }
}

.uk-heading-divider {
    padding-bottom: calc(10px + .1em);
    border-bottom: calc(.2px + .05em) solid #dfe3ec
}

.uk-heading-bullet {
    position: relative
}

    .uk-heading-bullet::before {
        content: "";
        display: inline-block;
        position: relative;
        top: calc(-.1 * 1em);
        vertical-align: middle;
        height: calc(4px + .7em);
        margin-right: calc(5px + .2em);
        border-left: calc(5px + .1em) solid #dfe3ec
    }

.uk-heading-line {
    overflow: hidden
}

    .uk-heading-line > * {
        display: inline-block;
        position: relative
    }

    .uk-heading-line > ::after, .uk-heading-line > ::before {
        content: "";
        position: absolute;
        top: calc(50% - (calc(.2px + .05em)/ 2));
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #dfe3ec
    }

    .uk-heading-line > ::before {
        right: 100%;
        margin-right: calc(5px + .3em)
    }

    .uk-heading-line > ::after {
        left: 100%;
        margin-left: calc(5px + .3em)
    }

[class*=uk-divider] {
    border: none;
    margin-bottom: 20px
}

* + [class*=uk-divider] {
    margin-top: 20px
}

.uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23DFE3EC%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-image: url("images/backgrounds/divider-icon.html");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

    .uk-divider-icon::after, .uk-divider-icon::before {
        content: "";
        position: absolute;
        top: 50%;
        max-width: calc(50% - (50px / 2));
        border-bottom: 1px solid #dfe3ec
    }

    .uk-divider-icon::before {
        right: calc(50% + (50px / 2));
        width: 100%
    }

    .uk-divider-icon::after {
        left: calc(50% + (50px / 2));
        width: 100%
    }

.uk-divider-small {
    line-height: 0
}

    .uk-divider-small::after {
        content: "";
        display: inline-block;
        width: 100px;
        max-width: 100%;
        border-top: 1px solid #dfe3ec;
        vertical-align: top
    }

.uk-divider-vertical {
    width: max-content;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #dfe3ec
}

.uk-list {
    padding: 0;
    list-style: none
}

    .uk-list > * {
        break-inside: avoid-column
    }

        .uk-list > * > :last-child {
            margin-bottom: 0
        }

        .uk-list > * > ul, .uk-list > :nth-child(n+2) {
            margin-top: 12px
        }

.uk-list-circle > *, .uk-list-decimal > *, .uk-list-disc > *, .uk-list-hyphen > *, .uk-list-square > * {
    padding-left: 30px
}

.uk-list-decimal {
    counter-reset: decimal
}

    .uk-list-decimal > * {
        counter-increment: decimal
    }

    .uk-list-circle > ::before, .uk-list-decimal > ::before, .uk-list-disc > ::before, .uk-list-hyphen > ::before, .uk-list-square > ::before {
        content: "";
        position: relative;
        left: -30px;
        width: 30px;
        height: 1.5em;
        margin-bottom: -1.5em;
        display: list-item;
        list-style-position: inside;
        text-align: right
    }

.uk-list-disc > ::before {
    list-style-type: disc
}

.uk-list-circle > ::before {
    list-style-type: circle
}

.uk-list-square > ::before {
    list-style-type: square
}

.uk-list-decimal > ::before {
    content: counter(decimal,decimal) '\200A.\00A0'
}

.uk-list-hyphen > ::before {
    content: '–\00A0\00A0'
}

.uk-list-muted > ::before {
    color: #999 !important
}

.uk-list-emphasis > ::before {
    color: #091e42 !important
}

.uk-list-primary > ::before {
    color: #0064D9 !important
}

.uk-list-secondary > ::before {
    color: #091e42 !important
}

.uk-list-bullet > * {
    padding-left: 30px
}

.uk-list-bullet > ::before {
    content: "";
    display: list-item;
    position: relative;
    left: -30px;
    width: 30px;
    height: 1.5em;
    margin-bottom: -1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Ccircle%20fill%3D%22%2345476F%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0D%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-list-divider > :nth-child(n+2) {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dfe3ec
}

.uk-list-striped > * {
    padding: 12px 12px
}

.uk-list-striped > :nth-of-type(odd) {
    border-top: 1px solid #dfe3ec;
    border-bottom: 1px solid #dfe3ec
}

.uk-list-striped > :nth-of-type(odd) {
    background: #f7f9fc
}

.uk-list-striped > :nth-child(n+2) {
    margin-top: 0
}

.uk-list-large > * > ul, .uk-list-large > :nth-child(n+2) {
    margin-top: 20px
}

.uk-list-collapse > * > ul, .uk-list-collapse > :nth-child(n+2) {
    margin-top: 0
}

.uk-list-large.uk-list-divider > :nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px
}

.uk-list-collapse.uk-list-divider > :nth-child(n+2) {
    margin-top: 0;
    padding-top: 0
}

.uk-list-large.uk-list-striped > * {
    padding: 20px 12px
}

.uk-list-collapse.uk-list-striped > * {
    padding-top: 0;
    padding-bottom: 0
}

.uk-list-collapse.uk-list-striped > :nth-child(n+2), .uk-list-large.uk-list-striped > :nth-child(n+2) {
    margin-top: 0
}

.uk-list-item .uk-list-header {
    background-color: #f7f9fc;
    padding: 12px 20px
}

.uk-list-item > * {
    border: 1px solid #dfe3ec;
    border-radius: 6px
}

.uk-list-item > :not(.uk-list-header) {
    padding: 20px
}

.uk-list-item > :hover {
    background-color: #f7f9fc
}

@media (min-width:960px) {
    .uk-list-item > * {
        display: flex;
        align-items: center;
        column-gap: 10px
    }

        .uk-list-item > * .uk-label {
            font-size: 14px;
            font-variation-settings: "wght" 600;
            line-height: 34px;
            padding: 0 16px
        }

    .uk-list-item > :not(.uk-list-header) {
        padding: 11px 20px
    }

    .uk-list-item > * > :first-child {
        width: 372px
    }

    .uk-list-item > * > :last-child {
        margin-left: auto;
        width: 516px
    }
}

@media (max-width:959px) {
    .uk-list-item > * {
        flex-direction: column
    }

        .uk-list-item > * > :first-child {
            margin-bottom: 8px
        }

        .uk-list-item > * > :last-child {
            margin-top: 16px
        }

    .uk-list-more-2:not(.uk-open) > :not(:first-child):not(:nth-child(2)) {
        display: none
    }
}

.uk-description-list > dt {
    color: #091e42;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

    .uk-description-list > dt:nth-child(n+2) {
        margin-top: 20px
    }

.uk-description-list-divider > dt:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dfe3ec
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px
}

* + .uk-table {
    margin-top: 20px
}

.uk-table th {
    padding: 17px 20px;
    text-align: left;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: 700;
    color: #091e42
}

.uk-table td {
    padding: 17px 20px;
    vertical-align: top
}

    .uk-table td > :last-child {
        margin-bottom: 0
    }

.uk-table tfoot {
    font-size: 14px
}

.uk-table caption {
    font-size: 14px;
    text-align: left;
    color: #091e42
}

.uk-table-middle, .uk-table-middle td {
    vertical-align: middle !important
}

.uk-table-divider > :first-child > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > tr:not(:first-child) {
    border-top: 1px solid #dfe3ec
}

.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped > tr:nth-of-type(odd) {
    background: #f7f9fc;
    border-top: 1px solid #dfe3ec;
    border-bottom: 1px solid #dfe3ec
}

.uk-table-hover tbody tr:hover, .uk-table-hover > tr:hover {
    background: #ffd
}

.uk-table tbody tr.uk-active, .uk-table > tr.uk-active {
    background: #ffd
}

.uk-table-small td, .uk-table-small th {
    padding: 9px 16px
}

.uk-table-large td, .uk-table-large th {
    padding: 22px 12px
}

.uk-table-justify td:first-child, .uk-table-justify th:first-child {
    padding-left: 0
}

.uk-table-justify td:last-child, .uk-table-justify th:last-child {
    padding-right: 0
}

.uk-table-shrink {
    width: 1px
}

.uk-table-expand {
    min-width: 150px
}

.uk-table-link {
    padding: 0 !important
}

    .uk-table-link > a {
        display: block;
        padding: 17px 20px
    }

.uk-table-small .uk-table-link > a {
    padding: 9px 16px
}

@media (max-width:959px) {
    .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive td, .uk-table-responsive th, .uk-table-responsive tr {
        display: block
    }

        .uk-table-responsive thead {
            display: none
        }

        .uk-table-responsive td, .uk-table-responsive th {
            width: auto !important;
            max-width: none !important;
            min-width: 0 !important;
            overflow: visible !important;
            white-space: normal !important
        }

            .uk-table-responsive .uk-table-link:not(:first-child) > a, .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
                padding-top: 6px !important
            }

            .uk-table-responsive .uk-table-link:not(:last-child) > a, .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
                padding-bottom: 6px !important
            }

    .uk-table-justify.uk-table-responsive td, .uk-table-justify.uk-table-responsive th {
        padding-left: 0;
        padding-right: 0
    }
}

.uk-table tbody tr {
    transition: background-color .1s linear
}

.uk-table caption {
    background-color: #dfe3ec
}

.uk-table-border tr {
    border-top: 1px solid #dfe3ec
}

    .uk-table-border tr > :not(:first-child) {
        border-left: 1px solid #dfe3ec
    }

.uk-table-small caption {
    padding: 9px 16px
}

.uk-table-expand {
    table-layout: fixed
}

.uk-table-divider thead tr {
    background-color: #f7f9fc
}

.uk-table-divider tbody tr {
    background-color: #fff
}

.uk-table-divider th {
    font-size: 16px;
    padding: 13px 20px
}

@media (max-width:959px) {
    .uk-table th {
        font-size: 12px
    }

    .uk-table-small caption, .uk-table-small td, .uk-table-small th {
        padding: 10px 8px
    }

    .uk-table-divider.uk-table-responsive tr {
        border: none !important;
        border-radius: 8px;
        padding: 16px 0
    }

        .uk-table-divider.uk-table-responsive tr + tr {
            margin-top: 16px
        }

    .uk-table-divider.uk-table-responsive td, .uk-table-divider.uk-table-responsive th {
        padding: 0 16px !important
    }

    .uk-table-divider.uk-table-responsive > tbody > tr:first-child {
        border-top: none
    }

    .uk-border:has(.uk-table-responsive) {
        border: none !important
    }

    .uk-table-responsive .uk-table-link:not(:last-child) > a, .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
        padding-bottom: 4px !important
    }

    .uk-table-responsive .uk-table-link:not(:first-child) > a, .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
        padding-top: 4px !important
    }
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.uk-icon:not(:disabled) {
    cursor: pointer
}

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-icon > * {
    transform: translate(0,0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    object-fit: scale-down;
    max-width: none
}

.uk-icon-link {
    color: #999;
    text-decoration: none !important
}

    .uk-icon-link:hover {
        color: #45476f
    }

    .uk-active > .uk-icon-link, .uk-icon-link:active {
        color: #3b3d5f
    }

.uk-icon-button {
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: #fff;
    color: #0064D9;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dfe3ec;
    box-shadow: 0 1px 8px 0 #000F330A;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color
}

    .uk-icon-button.uk-icon-button-small {
        width: 44px;
        height: 44px
    }

    .uk-icon-button:hover {
        background-color: #fff;
        color: #0064D9
    }

    .uk-active > .uk-icon-button, .uk-icon-button:active {
        background-color: #fff;
        color: #0064D9
    }

.uk-icon-20 svg {
    width: 20px
}

.uk-icon-28 svg {
    width: 28px
}

.uk-icon-32 svg {
    width: 32px
}

.uk-icon-36 svg {
    width: 36px
}

.uk-icon-40 svg {
    width: 40px
}

.uk-icon-button-primary {
    color: #fff;
    background: linear-gradient(180deg,#a961a5 0,#0064D9 100%);
    border: 1px solid;
    border-image-source: linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    border-radius: 8px;
    box-shadow: 0 0 0 1px #0064D9;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:960px) {
    .uk-icon-40\@m svg {
        width: 40px
    }

    .uk-icon-48\@m svg {
        width: 48px
    }
}

.uk-range {
    -webkit-appearance: none;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    background: 0 0
}

    .uk-range:focus {
        outline: 0
    }

    .uk-range::-moz-focus-outer {
        border: none
    }

    .uk-range:not(:disabled)::-webkit-slider-thumb {
        cursor: pointer
    }

    .uk-range:not(:disabled)::-moz-range-thumb {
        cursor: pointer
    }

    .uk-range::-webkit-slider-runnable-track {
        height: 3px;
        background: #e4ebf5;
        border-radius: 500px
    }

    .uk-range:active::-webkit-slider-runnable-track, .uk-range:focus::-webkit-slider-runnable-track {
        background: #d2ddee
    }

    .uk-range::-moz-range-track {
        height: 3px;
        background: #e4ebf5;
        border-radius: 500px
    }

    .uk-range:focus::-moz-range-track {
        background: #d2ddee
    }

    .uk-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        margin-top: -7px;
        height: 15px;
        width: 15px;
        border-radius: 500px;
        background: #45476f;
        border: 1px solid #bfc7d9
    }

    .uk-range::-moz-range-thumb {
        border: none;
        height: 15px;
        width: 15px;
        margin-top: -7px;
        border-radius: 500px;
        background: #45476f;
        border: 1px solid #bfc7d9
    }

.uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit
}

.uk-input {
    overflow: visible
}

.uk-select {
    text-transform: none
}

    .uk-select optgroup {
        font: inherit;
        font-weight: 700
    }

.uk-textarea {
    overflow: auto
}

.uk-input[type=search]::-webkit-search-cancel-button, .uk-input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder {
    opacity: 1
}

.uk-checkbox:not(:disabled), .uk-radio:not(:disabled) {
    cursor: pointer
}

.uk-fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0
}

.uk-input, .uk-textarea {
    -webkit-appearance: none
}

.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 16px;
    background: #fff;
    color: #091e42;
    font-size: 14px;
    border: 1px solid #a3a4b8;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 #091e420A;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border
}

    .uk-input, .uk-select:not([multiple]):not([size]) {
        height: 44px;
        vertical-align: middle;
        display: inline-block
    }

        .uk-input:not(input), .uk-select:not(select) {
            line-height: 44px
        }

    .uk-select[multiple], .uk-select[size], .uk-textarea {
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: top
    }

    .uk-select[multiple], .uk-select[size] {
        resize: vertical
    }

    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {
        outline: 0;
        background-color: #fff;
        color: #45476f;
        border-color: #0064D9
    }

    .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
        background-color: #f7f9fc;
        color: #a3a4b8;
        border-color: transparent
    }

    .uk-input::placeholder {
        color: #7d7e9b
    }

    .uk-textarea::placeholder {
        color: #7d7e9b
    }

.uk-form-small {
    font-size: 14px
}

    .uk-form-small:not(textarea):not([multiple]):not([size]) {
        height: 34px;
        padding-left: 8px;
        padding-right: 8px
    }

[multiple].uk-form-small, [size].uk-form-small, textarea.uk-form-small {
    padding: 5px 8px
}

.uk-form-small:not(select):not(input):not(textarea) {
    line-height: 34px
}

.uk-form-large {
    font-size: 18px
}

    .uk-form-large:not(textarea):not([multiple]):not([size]) {
        height: 46px;
        padding-left: 12px;
        padding-right: 12px
    }

[multiple].uk-form-large, [size].uk-form-large, textarea.uk-form-large {
    padding: 7px 12px
}

.uk-form-large:not(select):not(input):not(textarea) {
    line-height: 46px
}

.uk-form-danger, .uk-form-danger:focus {
    color: #ba3636;
    border-color: #ba3636 !important
}

.uk-form-success, .uk-form-success:focus {
    color: #579741;
    border-color: #579741
}

.uk-form-blank {
    background: 0 0;
    border-color: transparent
}

    .uk-form-blank:focus {
        border-color: #dfe3ec;
        border-style: dashed
    }

input.uk-form-width-xsmall {
    width: 50px
}

select.uk-form-width-xsmall {
    width: 75px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M5%207.5L10%2012.5L15%207.5%22%20stroke%3D%22%2345476F%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%
}

    .uk-select:not([multiple]):not([size]) option {
        color: #444
    }

    .uk-select:not([multiple]):not([size]):disabled {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M5%207.5L10%2012.5L15%207.5%22%20stroke%3D%22%2345476F%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

.uk-input[list] {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

    .uk-input[list]:focus, .uk-input[list]:hover {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2345476F%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

    .uk-input[list]::-webkit-calendar-picker-indicator {
        display: none !important
    }

.uk-checkbox, .uk-radio {
    display: inline-block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #bfc7d9;
    border-radius: 4px;
    transition: .2s ease-in-out;
    transition-property: background-color,border
}

.uk-radio {
    border-radius: 50%
}

    .uk-checkbox:focus, .uk-radio:focus {
        background-color: #fff;
        outline: 0;
        border-color: #a3a4b8
    }

    .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
        background-color: #0064D9;
        border-color: transparent
    }

        .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
            background-color: #0064D9
        }

    .uk-radio:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20y%3D%220.408203%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22url(%23paint0_linear_2562_760)%22%2F%3E%0D%0A%3Ccircle%20cx%3D%2210%22%20cy%3D%2210.4082%22%20r%3D%224%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cdefs%3E%0D%0A%3ClinearGradient%20id%3D%22paint0_linear_2562_760%22%20x1%3D%2210%22%20y1%3D%220.408203%22%20x2%3D%2210%22%20y2%3D%2220.4082%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%3Cstop%20stop-color%3D%22%23A961A5%22%2F%3E%0D%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23974192%22%2F%3E%0D%0A%3C%2FlinearGradient%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

.uk-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M11.6654%203.5L5.2487%209.91667L2.33203%207%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.uk-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0D%0A%3C%2Fsvg%3E")
}

.uk-checkbox:disabled, .uk-radio:disabled {
    background-color: #f7f9fc;
    border-color: #dfe3ec
}

    .uk-radio:disabled:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20y%3D%220.408203%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22url(%23paint0_linear_2562_760)%22%2F%3E%0D%0A%3Ccircle%20cx%3D%2210%22%20cy%3D%2210.4082%22%20r%3D%224%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cdefs%3E%0D%0A%3ClinearGradient%20id%3D%22paint0_linear_2562_760%22%20x1%3D%2210%22%20y1%3D%220.408203%22%20x2%3D%2210%22%20y2%3D%2220.4082%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%3Cstop%20stop-color%3D%22%23A961A5%22%2F%3E%0D%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23974192%22%2F%3E%0D%0A%3C%2FlinearGradient%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

    .uk-checkbox:disabled:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M11.6654%203.5L5.2487%209.91667L2.33203%207%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

    .uk-checkbox:disabled:indeterminate {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0D%0A%3C%2Fsvg%3E")
    }

.uk-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: 20px;
    line-height: 1.4
}

.uk-form-custom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

    .uk-form-custom input[type=file], .uk-form-custom select {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        -webkit-appearance: none;
        opacity: 0;
        cursor: pointer
    }

    .uk-form-custom input[type=file] {
        font-size: 500px;
        overflow: hidden
    }

.uk-form-label {
    color: #091e42;
    font-size: 12px
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 4px;
    font-variation-settings: "wght" 600
}

@media (max-width:959px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 4px;
        font-variation-settings: "wght" 600
    }
}

@media (min-width:960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 7px;
        float: left
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 7px
    }
}

.uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #7d7e9b;
    height: 44px
}

    .uk-form-icon:hover {
        color: #45476f
    }

    .uk-form-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

    .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
        padding-left: 44px !important
    }

.uk-form-icon-flip {
    right: 0;
    left: auto
}

    .uk-form-icon-flip ~ .uk-input {
        padding-right: 44px !important
    }

.uk-select:not([multiple]):not([size]) {
    background-position: right 12px center
}

.uk-select[required] {
    color: #7d7e9b
}

    .uk-select[required]:valid {
        color: #091e42
    }

.uk-radio-small {
    background-size: 16px;
    width: 16px;
    height: 16px
}

.grecaptcha-badge {
    transform: scale(0)
}

label.uk-form-danger {
    font-size: 12px;
    margin-top: 4px;
    display: block
}

label:has(input.uk-form-danger) {
    color: #ba3636 !important
}

    label:has(input.uk-form-danger) a {
        color: #ba3636 !important
    }

    label:has(input.uk-form-danger) label.uk-form-danger {
        display: none !important
    }

.uk-label-container {
    font-variation-settings: "wght" 600;
    line-height: 1;
    border: 1px solid #dfe3ec;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.uk-background-gradient-primary .uk-label-container {
    background: #fffFFF0F;
    border-color: #fffFFF05
}

.uk-form-controls-otp {
    display: flex;
    gap: 12px
}

    .uk-form-controls-otp .uk-input {
        width: 44px
    }

.form-contact-switcher .uk-input {
    height: 48px
}

.form-contact-switcher .uk-button {
    line-height: 42px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.uk-form-rate {
    box-shadow: 0 2px 4px 0 #091e420A;
    height: 54px;
    transition: .2s;
    transition-property: border-color
}

    .uk-form-rate input {
        opacity: 0
    }

    .uk-form-rate:has(input:checked) {
        border-color: #0064D9
    }

.uk-textarea {
    resize: none
}

    .uk-textarea.character-counter {
        padding-right: 60px
    }

    .uk-textarea.uk-form-danger ~ .counter {
        margin-bottom: 34px
    }

.uk-form-controls-phone > .uk-input {
    padding-left: 12px;
    padding-right: 0
}

.uk-form-controls-phone input.uk-input {
    background-color: transparent;
    border: none;
    padding-left: 8px
}

.uk-form-height {
    line-height: 42px !important
}

.iti {
    display: flex
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 14px;
    color: #091e42;
    margin-left: 0
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent
}

.iti__flag-container {
    padding: 0;
    position: static
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti__selected-flag {
    padding-right: 8px;
    padding-left: 0;
    height: 44px
}

    .iti__selected-flag .iti__flag {
        display: none
    }

    .iti__selected-flag::after {
        content: '';
        border-right: 1px solid #d0d5dd;
        height: 20px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

.iti__arrow {
    background-image: url(custom/icons/icn-chevron-down.html);
    border: none;
    margin-left: 0;
    width: 20px;
    height: 20px
}

@media (max-width:959px) {
    .uk-label-container {
        font-variation-settings: "wght" 500;
        line-height: 1.2;
        padding: 9px 16px;
        gap: 6px
    }

        .uk-label-container.uk-form-label {
            font-size: 12px
        }

    .uk-radio:not(.not):not(.uk-radio-small) {
        width: 16px;
        height: 16px
    }
}

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 16px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    font-variation-settings: "wght" 600;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color
}

    .uk-button:not(.uk-button-small) {
        gap: 8px
    }

    .uk-button:not(:disabled) {
        cursor: pointer
    }

    .uk-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .uk-button:hover {
        text-decoration: none
    }

.uk-button-default {
    background-color: #fff;
    color: #091e42;
    border: 1px solid #dfe3ec;
    box-shadow: 0 2px 4px 0 #091e420A
}

    .uk-button-default:hover {
        background-color: #fff;
        color: #091e42;
        border-color: #9fabc6
    }

    .uk-button-default.uk-active, .uk-button-default:active {
        background-color: #fff;
        color: #091e42;
        border-color: #7f8fb3
    }

.uk-button-primary {
    background-color: #0064D9;
    color: #fff;
}

    .uk-button-primary:hover {
        background-color: #853981;
        color: #fff;
        background: linear-gradient(180deg,#0055CC 0,#0055CC 100%)
    }

    .uk-button-primary.uk-active, .uk-button-primary:active {
        background-color: #733270;
        color: #fff;
        background: linear-gradient(180deg,#0064D9 0,#0064D9 100%)
    }

.uk-button-secondary {
    background-color: #091e42;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-secondary:hover {
        background-color: #181a3f;
        color: #fff
    }

    .uk-button-secondary.uk-active, .uk-button-secondary:active {
        background-color: #11122d;
        color: #fff
    }

.uk-button-danger {
    background-color: #ba3636;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-danger:hover {
        background-color: #a63030;
        color: #fff
    }

    .uk-button-danger.uk-active, .uk-button-danger:active {
        background-color: #922b2b;
        color: #fff
    }

    .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
        background-color: #d4b1d2;
        color: #fff;
        border-color: transparent;
        background-image: none;
        box-shadow: none
    }

.uk-button-small {
    padding: 0 12px;
    line-height: 34px;
    font-size: 14px;
    gap: 6px
}

.uk-button-large {
    padding: 0 20px;
    line-height: 46px;
    font-size: 16px
}

.uk-button-text {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #091e42;
    position: relative
}

    .uk-button-text::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 100%;
        border-bottom: 1px solid #999;
        transition: right .3s ease-out
    }

    .uk-button-text:hover {
        color: #999
    }

        .uk-button-text:hover::before {
            right: 0
        }

    .uk-button-text:disabled {
        color: #999
    }

        .uk-button-text:disabled::before {
            display: none
        }

.uk-button-link {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #0064D9
}

    .uk-button-link > span:not(.uk-icon) {
        display: inline-flex;
        align-items: center;
        gap: 8px
    }

    .uk-button-link:not(.uk-open) .less {
        display: none
    }

    .uk-button-link.uk-open .more {
        display: none
    }

    .uk-button-link:hover {
        color: #0064D9;
        text-decoration: none
    }

    .uk-button-link:disabled {
        color: #999;
        text-decoration: none
    }

.uk-button-group {
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

    .uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button {
        margin-left: -1px
    }

    .uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:hover {
        position: relative;
        z-index: 1
    }

select.uk-button {
    text-align: left;
    background-image: url(custom/icons/icn-chevron-down.html);
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-left: 12px
}

.uk-button-medium {
    line-height: 42px;
    padding: 0 20px
}

.uk-dropdown-bottom {
    font-size: 16px;
    font-variation-settings: "wght" 700;
    line-height: 50px;
    color: #091e42;
    border: 1px solid #dfe3ec;
    justify-content: space-between
}

    .uk-dropdown-bottom:focus, .uk-dropdown-bottom:hover {
        color: #091e42
    }

    .uk-dropdown-bottom[aria-expanded=true] {
        color: #091e42;
        border: 1px solid #0064D9
    }

        .uk-dropdown-bottom[aria-expanded=true] .uk-icon {
            transform: scale(-1)
        }

@media (max-width:959px) {
    .uk-button-large {
        font-size: 14px
    }

        .uk-button-large:not(.not) {
            line-height: 38px
        }

        .uk-button-large.not {
            line-height: 42px
        }

    .uk-button-medium {
        line-height: 38px
    }
}

.uk-progress {
    vertical-align: baseline;
    display: block;
    width: 100%;
    border: 0;
    background-color: #f7f9fc;
    margin-bottom: 20px;
    height: 15px;
    border-radius: 500px;
    overflow: hidden
}

* + .uk-progress {
    margin-top: 20px
}

.uk-progress::-webkit-progress-bar {
    background-color: transparent
}

.uk-progress::-webkit-progress-value {
    background-color: #0064D9;
    transition: width .6s ease
}

.uk-progress::-moz-progress-bar {
    background-color: #0064D9;
    transition: width .6s ease
}

.uk-section {
    display: flow-root;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .uk-section {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.uk-section > :last-child {
    margin-bottom: 0
}

.uk-section-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .uk-section-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.uk-section-xlarge {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .uk-section-xlarge {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

.uk-section-default {
    background: #fff
}

.uk-section-muted {
    background: #f7f9fc
}

.uk-section-primary {
    background: #0064D9
}

.uk-section-secondary {
    background: #091e42
}

.section-banner-main {
    background: linear-gradient(238.41deg,#fff 5.59%,#f1ecf5 36.63%,#fff 68.93%);
    margin-top: -142px;
    padding-top: 222px;
    margin-bottom: -150px;
    padding-bottom: 150px
}

    .section-banner-main form {
        max-width: 440px
    }

    .section-banner-main .bg {
        left: -70px;
        bottom: 70px
    }

    .section-banner-main + .uk-section:has(.uk-slider) {
        padding-top: 33px
    }

@media (max-width:959px) {
    .section-banner-main {
        margin-top: -68px;
        padding-top: 92px
    }
}

.uk-section-medium {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .uk-section-medium {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.section-banner:not(.not) {
    padding-top: 82px;
    padding-bottom: 32px;
    box-sizing: border-box;
    min-height: 333px
}

@media (min-width:960px) {
    .section-banner:not(.not) {
        padding-top: 116px;
        padding-bottom: 80px
    }

    .section-banner:not(.not-height) {
        min-height: 444px
    }
}

.section-video .video-container {
    padding: 20px
}

@media (min-width:960px) {
    .section-video .video-container {
        padding: 24px 24px 24px 40px
    }
}

@media (max-width:960px) {
    .section-video .uk-position-center .uk-icon {
        width: 48px
    }

    .uk-section-small {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.uk-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:640px) {
    .uk-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-container > :last-child {
    margin-bottom: 0
}

.uk-container .uk-container {
    padding-left: 0;
    padding-right: 0
}

.uk-container-xsmall {
    max-width: 750px
}

.uk-container-small {
    max-width: 900px
}

.uk-container-large {
    max-width: 1400px
}

.uk-container-xlarge {
    max-width: 1600px
}

.uk-container-expand {
    max-width: none
}

.uk-container-expand-left {
    margin-left: 0
}

.uk-container-expand-right {
    margin-right: 0
}

@media (min-width:640px) {
    .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
        max-width: calc(50% + (750px / 2) - 20px)
    }

    .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
        max-width: calc(50% + (900px / 2) - 20px)
    }
}

@media (min-width:960px) {
    .uk-container-expand-left, .uk-container-expand-right {
        max-width: calc(50% + (1320px / 2) - 40px)
    }

        .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
            max-width: calc(50% + (750px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
            max-width: calc(50% + (900px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
            max-width: calc(50% + (1400px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge {
            max-width: calc(50% + (1600px / 2) - 40px)
        }
}

.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 20px)
}

.uk-container-item-padding-remove-left {
    margin-left: -20px
}

.uk-container-item-padding-remove-right {
    margin-right: -20px
}

@media (min-width:640px) {
    .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
        width: calc(100% + 20px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -20px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -20px
    }
}

@media (min-width:960px) {
    .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
        width: calc(100% + 40px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -40px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -40px
    }
}

.uk-tile {
    display: flow-root;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:640px) {
    .uk-tile {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:960px) {
    .uk-tile {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.uk-tile > :last-child {
    margin-bottom: 0
}

.uk-tile-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-tile-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-tile-large {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:960px) {
    .uk-tile-large {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.uk-tile-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (min-width:960px) {
    .uk-tile-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.uk-tile-default {
    background-color: #fff;
    border: 1px solid #dfe3ec;
    border-radius: 16px
}

.uk-tile-muted {
    background-color: #f7f9fc
}

.uk-tile-primary {
    background-color: #0064D9
}

.uk-tile-secondary {
    background-color: #091e42
}

.uk-background-gradient-primary .uk-tile-default {
    background: linear-gradient(270deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.04) 100%);
    border: none
}

    .uk-background-gradient-primary .uk-tile-default:not(.not) {
        border: 1px solid #fffFFF4D;
        box-shadow: 0 -4px 64px 0 #fffFFF14 inset
    }

.uk-background-gradient-primary .uk-tile-tertiary {
    background: #fffFFF14;
    border: 1px solid #fffFFF4D;
    box-shadow: 0 -4px 64px 0 #fffFFF14 inset
}

.uk-tile-medium {
    padding: 20px 16px
}

.uk-tile-card .uk-tile-header {
    margin-top: -24px;
    margin-right: -20px;
    margin-left: -20px;
    padding: 0 20px;
    height: 42px
}

.uk-tile-card .uk-tile-body {
    padding: 36px 0
}

    .uk-tile-card .uk-tile-body hr {
        margin: 36px 0
    }

@media (min-width:960px) {
    .uk-tile-medium {
        padding: 40px
    }

    .uk-tile-large {
        padding-right: 40px;
        padding-left: 40px
    }

    .uk-background-gradient-primary .uk-tile-default:not(.not) {
        min-height: 284px
    }
}

@media (max-width:959px) {
    .uk-tile-default {
        border-radius: 8px
    }

    .uk-tile-card .uk-tile-header {
        margin-top: -20px;
        height: 40px
    }

    .uk-tile-card .uk-tile-body {
        padding: 28px 0
    }

        .uk-tile-card .uk-tile-body hr {
            margin: 28px 0
        }

    .uk-tile-tertiary {
        min-height: 200px
    }
}

.uk-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow .1s ease-in-out
}

.uk-card-body {
    display: flow-root;
    padding: 20px 20px
}

.uk-card-header {
    display: flow-root;
    padding: 15px 30px
}

.uk-card-footer {
    display: flow-root;
    padding: 15px 30px
}

@media (min-width:1200px) {
    .uk-card-body {
        padding: 24px 24px
    }

    .uk-card-header {
        padding: 20px 40px
    }

    .uk-card-footer {
        padding: 20px 40px
    }
}

.uk-card-body > :last-child, .uk-card-footer > :last-child, .uk-card-header > :last-child {
    margin-bottom: 0
}

.uk-card-title {
    font-size: 18px;
    line-height: 1.4
}

.uk-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    height: 22px;
    padding: 0 10px;
    background: #0064D9;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

    .uk-card-badge:first-child + * {
        margin-top: 0
    }

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background-color: #f7f9fc;
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-card-default {
    background-color: #fff;
    color: #45476f;
    border: 1px solid #dfe3ec;
    border-radius: 16px
}

    .uk-card-default .uk-card-body {
        border-top: 1px solid #dfe3ec
    }

    .uk-card-default .uk-card-media-top {
        padding: 20px
    }

        .uk-card-default .uk-card-media-top > div .icon {
            background-color: #fff;
            border-radius: 12px;
            box-shadow: 0 1px 8px 0 #000F3314;
            width: 80px;
            height: 80px
        }

        .uk-card-default .uk-card-media-top > div img {
            border-radius: 8px
        }

        .uk-card-default .uk-card-media-top > div .placeholder {
            background-color: #fff;
            border-radius: 12px;
            box-shadow: 0 1px 8px 0 #000F3314;
            width: 80px;
            height: 80px;
            position: absolute;
            top: 0;
            scale: 0.75;
            transition: .3s
        }

            .uk-card-default .uk-card-media-top > div .placeholder:first-child {
                translate: -20px;
                rotate: -25deg;
                transform-origin: bottom left
            }

            .uk-card-default .uk-card-media-top > div .placeholder:last-child {
                translate: 20px;
                rotate: 25deg;
                transform-origin: bottom right
            }

            .uk-card-default .uk-card-media-top > div .placeholder::before {
                content: '';
                background-color: #f7f9fc;
                border-radius: 8px;
                box-shadow: 0 1px 8px 0 #000F3314;
                position: absolute;
                top: 12px;
                right: 12px;
                bottom: 12px;
                left: 12px
            }

    .uk-card-default .uk-card-title {
        color: #091e42
    }

    .uk-card-default.uk-card-hover:hover {
        background-color: #fff
    }

        .uk-card-default.uk-card-hover:hover .uk-card-media-top > div .placeholder {
            translate: 0;
            rotate: 0deg
        }

    .uk-card-default .uk-card-header {
        border-bottom: 1px solid #dfe3ec
    }

    .uk-card-default .uk-card-footer {
        border-top: 1px solid #dfe3ec
    }

.uk-card-primary {
    background-color: #0064D9;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-primary .uk-card-title {
        color: #fff
    }

    .uk-card-primary.uk-card-hover:hover {
        background-color: #853981;
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

.uk-card-secondary {
    background-color: #091e42;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-secondary .uk-card-title {
        color: #fff
    }

    .uk-card-secondary.uk-card-hover:hover {
        background-color: #181a3f;
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 20px 20px
}

.uk-card-small .uk-card-header {
    padding: 13px 20px
}

.uk-card-small .uk-card-footer {
    padding: 13px 20px
}

@media (min-width:1200px) {
    .uk-card-large .uk-card-body, .uk-card-large.uk-card-body {
        padding: 70px 70px
    }

    .uk-card-large .uk-card-header {
        padding: 35px 70px
    }

    .uk-card-large .uk-card-footer {
        padding: 35px 70px
    }
}

.uk-card-body > .uk-nav-default {
    margin-left: -20px;
    margin-right: -20px
}

    .uk-card-body > .uk-nav-default:only-child {
        margin-top: -5px;
        margin-bottom: -5px
    }

.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a {
    padding-left: 20px;
    padding-right: 20px
}

.uk-card-body .uk-nav-default .uk-nav-sub {
    padding-left: 35px
}

@media (min-width:1200px) {
    .uk-card-body > .uk-nav-default {
        margin-left: -24px;
        margin-right: -24px
    }

        .uk-card-body > .uk-nav-default:only-child {
            margin-top: -9px;
            margin-bottom: -9px
        }

    .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a {
        padding-left: 24px;
        padding-right: 24px
    }

    .uk-card-body .uk-nav-default .uk-nav-sub {
        padding-left: 39px
    }
}

@media (max-width:959px) {
    .uk-card-default {
        border-radius: 8px
    }

        .uk-card-default .uk-card-media-top {
            padding: 28px
        }

        .uk-card-default .uk-card-title {
            font-size: 16px
        }
}

.uk-card-small > .uk-nav-default {
    margin-left: -20px;
    margin-right: -20px
}

    .uk-card-small > .uk-nav-default:only-child {
        margin-top: -5px;
        margin-bottom: -5px
    }

.uk-card-small .uk-nav-default .uk-nav-divider, .uk-card-small .uk-nav-default .uk-nav-header, .uk-card-small .uk-nav-default > li > a {
    padding-left: 20px;
    padding-right: 20px
}

.uk-card-small .uk-nav-default .uk-nav-sub {
    padding-left: 35px
}

@media (min-width:1200px) {
    .uk-card-large > .uk-nav-default {
        margin: 0
    }

        .uk-card-large > .uk-nav-default:only-child {
            margin: 0
        }

    .uk-card-large .uk-nav-default .uk-nav-divider, .uk-card-large .uk-nav-default .uk-nav-header, .uk-card-large .uk-nav-default > li > a {
        padding-left: 0;
        padding-right: 0
    }

    .uk-card-large .uk-nav-default .uk-nav-sub {
        padding-left: 15px
    }
}

.uk-close {
    color: #999;
    transition: .1s ease-in-out;
    transition-property: color,opacity
}

    .uk-close:hover {
        color: #45476f
    }

.uk-spinner > * {
    animation: uk-spinner-rotate 1.4s linear infinite
}

@keyframes uk-spinner-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(270deg)
    }
}

.uk-spinner > * > * {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 88px;
        transform: rotate(450deg)
    }
}

.uk-totop {
    padding: 5px;
    color: #999;
    transition: color .1s ease-in-out
}

    .uk-totop:hover {
        color: #45476f
    }

    .uk-totop:active {
        color: #091e42
    }

.uk-marker {
    padding: 5px;
    background: #091e42;
    color: #fff;
    border-radius: 500px
}

    .uk-marker:hover {
        color: #fff
    }

.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 29px 15px 15px;
    background: #f7f9fc;
    color: #45476f
}

* + .uk-alert {
    margin-top: 20px
}

.uk-alert > :last-child {
    margin-bottom: 0
}

.uk-alert-close {
    position: absolute;
    top: 20px;
    right: 15px;
    color: inherit;
    opacity: .4
}

    .uk-alert-close:first-child + * {
        margin-top: 0
    }

    .uk-alert-close:hover {
        color: inherit;
        opacity: .8
    }

.uk-alert-primary {
    background: #e5cfe3;
    color: #0064D9
}

.uk-alert-success {
    background: #e3eedf;
    color: #579741
}

.uk-alert-warning {
    background: #fff6ee;
    color: #faa05a
}

.uk-alert-danger {
    background: #f0d2d2;
    color: #ba3636
}

.uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 {
    color: inherit
}

.uk-alert a:not([class]) {
    color: inherit;
    text-decoration: underline
}

    .uk-alert a:not([class]):hover {
        color: inherit;
        text-decoration: underline
    }

.uk-placeholder {
    margin-bottom: 0;
    padding: 28px 28px;
    background: #fff;
    border: 1px solid #a3a4b8
}

* + .uk-placeholder {
    margin-top: 0
}

.uk-placeholder > :last-child {
    margin-bottom: 0
}

.uk-badge {
    box-sizing: border-box;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: #0064D9;
    color: #fff !important;
    font-size: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

    .uk-badge:hover {
        text-decoration: none
    }

.uk-label {
    display: inline-block;
    padding: 0 12px;
    background: #fff;
    line-height: 28px;
    font-size: 12px;
    color: #091e42;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #dfe3ec;
    border-radius: 64px
}

.uk-label-success {
    background-color: #579741;
    color: #fff
}

.uk-label-warning {
    background-color: #f8ebeb;
    color: #ba3636;
    border-color: transparent
}

.uk-label-danger {
    background-color: #ba3636;
    color: #fff
}

.uk-overlay {
    padding: 30px 30px
}

    .uk-overlay > :last-child {
        margin-bottom: 0
    }

.uk-overlay-default {
    background: rgba(255,255,255,.8)
}

.uk-overlay-primary {
    background: rgba(31,33,82,.8)
}

.uk-article {
    display: flow-root
}

    .uk-article > :last-child {
        margin-bottom: 0
    }

    .uk-article + .uk-article {
        margin-top: 70px
    }

.uk-article-title {
    font-size: 27.2px;
    line-height: 1.2
}

@media (min-width:960px) {
    .uk-article-title {
        font-size: 32px
    }
}

.uk-article-meta {
    font-size: 14px;
    line-height: 1.4;
    color: #999
}

    .uk-article-meta a {
        color: #999
    }

        .uk-article-meta a:hover {
            color: #45476f;
            text-decoration: none
        }

.uk-comment-body {
    display: flow-root;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.uk-comment-header {
    display: flow-root;
    margin-bottom: 20px
}

    .uk-comment-body > :last-child, .uk-comment-header > :last-child {
        margin-bottom: 0
    }

.uk-comment-title {
    font-size: 18px;
    line-height: 1.4
}

.uk-comment-meta {
    font-size: 14px;
    line-height: 1.4;
    color: #999
}

.uk-comment-list {
    padding: 0;
    list-style: none
}

    .uk-comment-list > :nth-child(n+2) {
        margin-top: 70px
    }

    .uk-comment-list .uk-comment ~ ul {
        margin: 70px 0 0 0;
        padding-left: 30px;
        list-style: none
    }

@media (min-width:960px) {
    .uk-comment-list .uk-comment ~ ul {
        padding-left: 100px
    }
}

.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
    margin-top: 70px
}

.uk-comment-primary {
    padding: 30px;
    background-color: #f7f9fc
}

.uk-search {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0
}

.uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-search-input::-moz-placeholder {
    opacity: 1
}

.uk-search-input {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    overflow: visible;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    border: none;
    color: #091e42
}

    .uk-search-input:focus {
        outline: 0
    }

    .uk-search-input::placeholder {
        color: #7d7e9b
    }

.uk-search .uk-search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #45476f
}

    .uk-search .uk-search-icon:hover {
        color: #45476f
    }

    .uk-search .uk-search-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

.uk-search .uk-search-icon-flip {
    right: 0;
    left: auto
}

.uk-search-default {
    width: 100%
}

    .uk-search-default .uk-search-input {
        height: 44px;
        padding-left: 90px;
        padding-right: 90px;
        background: #fff;
        border: 1px solid #dfe3ec
    }

        .uk-search-default .uk-search-input:focus {
            background-color: #fff;
            border-color: #0064D9
        }

    .uk-search-default .uk-search-icon {
        width: 40px
    }

        .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    .uk-search-default .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 40px
    }

.uk-search-navbar {
    width: 400px
}

    .uk-search-navbar .uk-search-input {
        height: 40px;
        background: 0 0;
        font-size: 20px
    }

    .uk-search-navbar .uk-search-icon {
        width: 40px
    }

        .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 40px
    }

.uk-search-large {
    width: 100%
}

    .uk-search-large .uk-search-input {
        height: 60px;
        background: 0 0;
        font-size: 20px
    }

    .uk-search-large .uk-search-icon {
        width: 64px
    }

        .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 64px
        }

    .uk-search-large .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 64px
    }

.uk-search-toggle {
    color: #999
}

    .uk-search-toggle:hover {
        color: #45476f
    }

#modal-search {
    background-color: #091e4299;
    padding: 0
}

    #modal-search .uk-list .uk-button {
        font-size: 14px
    }

    #modal-search .search-clear {
        margin-right: 12px
    }

    #modal-search .uk-subnav {
        margin-left: -8px
    }

        #modal-search .uk-subnav > * {
            padding-left: 8px
        }

            #modal-search .uk-subnav > * > :first-child {
                padding: 0 5px
            }

    #modal-search .uk-search-large, #modal-search .uk-width {
        width: 872px
    }

    #modal-search .search-last-list-container {
        height: calc(100vh - 300px)
    }

@media (min-width:960px) {
    #modal-search .search-last-list-container {
        height: calc(100vh - 360px)
    }
}

@media (min-width:640px) {
    #modal-search {
        padding: 30px
    }

        #modal-search .uk-modal-body {
            border-radius: 16px
        }

        #modal-search .uk-modal-close {
            margin-left: 43px
        }

        #modal-search .search-clear {
            margin-right: 24px
        }

        #modal-search .uk-list .uk-button {
            font-size: 16px
        }

        #modal-search .uk-subnav {
            margin-left: -16px
        }

            #modal-search .uk-subnav > * {
                padding-left: 16px
            }

        #modal-search .uk-button-link {
            font-size: 16px
        }

        #modal-search .close-wrapper {
            margin-right: -91px
        }
}

@media (max-width:959px) {
    #modal-search .uk-modal-body {
        padding: 38px 0
    }

    .uk-search-large .uk-search-input {
        font-size: 14px;
        height: 44px
    }

    .uk-search-large .uk-search-icon {
        width: 40px
    }

        .uk-search-large .uk-search-icon svg {
            width: 20px
        }

        .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    #modal-search .search-last-result .uk-background-muted:has(> .uk-overflow-auto) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: -20px
    }

    #modal-search .search-last-result .uk-overflow-auto .uk-subnav > * {
        flex: none
    }

        #modal-search .search-last-result .uk-overflow-auto .uk-subnav > * > :first-child {
            padding: 0 16px
        }
}

.uk-accordion {
    padding: 0;
    list-style: none
}

    .uk-accordion > * {
        border: 1px solid #dfe3ec;
        border-radius: 8px;
        padding: 28px 32px
    }

    .uk-accordion > .uk-open {
        border-color: #0064D9
    }

        .uk-accordion > .uk-open .uk-accordion-title {
            color: #0064D9
        }

    .uk-accordion > :nth-child(n+2) {
        margin-top: 20px
    }

.uk-accordion-title {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    color: #091e42;
    overflow: hidden
}

    .uk-accordion-title::before {
        content: "";
        width: 1.4em;
        height: 1.4em;
        margin-left: 10px;
        float: right;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%205.4082L12%2019.4082M19%2012.4082L5%2012.4082%22%20stroke%3D%22%2345476F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

.uk-open > .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%2012.4082L5%2012.4082%22%20stroke%3D%22%23974192%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.uk-accordion-title:hover {
    color: #45476f;
    text-decoration: none
}

.uk-accordion-content {
    display: flow-root;
    margin-top: 0;
    padding-right: 56px
}

    .uk-accordion-content > :last-child {
        margin-bottom: 0
    }

.uk-accordion-primary .uk-accordion-title {
    padding-right: 60px;
    padding-left: 38px;
    position: relative
}

    .uk-accordion-primary .uk-accordion-title::before {
        display: none
    }

    .uk-accordion-primary .uk-accordion-title .count {
        background-color: #e9e9ee;
        width: 30px;
        height: 30px
    }

        .uk-accordion-primary .uk-accordion-title .count .uk-icon {
            display: none
        }

    .uk-accordion-primary .uk-accordion-title h5 {
        line-height: 1.7
    }

    .uk-accordion-primary .uk-accordion-title .uk-button {
        line-height: 30px
    }

.uk-accordion-primary .uk-accordion-content {
    margin-top: 24px;
    padding-right: 0
}

.uk-accordion-primary > .uk-open {
    border-color: #dfe3ec
}

    .uk-accordion-primary > .uk-open .uk-accordion-title {
        color: #091e42
    }

        .uk-accordion-primary > .uk-open .uk-accordion-title .count {
            color: #0064D9
        }

        .uk-accordion-primary > .uk-open .uk-accordion-title .answer {
            display: none
        }

.uk-accordion-primary > li.uk-disabled {
    opacity: .4
}

.uk-accordion-primary > li.uk-success .uk-accordion-title .count {
    font-size: 0;
    color: #fff;
    background-color: #0064D9;
    border-color: #0064D9
}

    .uk-accordion-primary > li.uk-success .uk-accordion-title .count .uk-icon {
        display: block
    }

@media (max-width:959px) {
    .uk-accordion > * {
        padding: 16px 20px
    }

    .uk-accordion-title {
        font-size: 16px
    }

    .uk-accordion-content {
        padding-right: 40px
    }
}

.uk-drop {
    display: none;
    position: absolute;
    z-index: 1020;
    --uk-position-offset: 20px;
    --uk-position-viewport-offset: 15px;
    box-sizing: border-box;
    width: 300px
}

    .uk-drop.uk-open {
        display: block
    }

.uk-drop-stack .uk-drop-grid > * {
    width: 100% !important
}

.uk-drop-parent-icon {
    margin-left: .25em;
    transition: transform .3s ease-out
}

[aria-expanded=true] > .uk-drop-parent-icon {
    transform: rotateX(180deg)
}

.uk-dropdown {
    --uk-position-offset: 8px;
    --uk-position-viewport-offset: 15px;
    width: auto;
    min-width: 200px;
    padding: 14px;
    background: #fff;
    color: #45476f
}

    .uk-dropdown > :last-child {
        margin-bottom: 0
    }

    .uk-dropdown :focus-visible {
        outline-color: #091e42 !important
    }

.uk-dropdown-large {
    padding: 40px
}

.uk-dropdown-dropbar {
    width: auto;
    background: 0 0;
    padding: 16px 0 16px 0;
    --uk-position-viewport-offset: 15px;
    box-shadow: none
}

@media (min-width:640px) {
    .uk-dropdown-dropbar {
        --uk-position-viewport-offset: 30px
    }
}

@media (min-width:960px) {
    .uk-dropdown-dropbar {
        --uk-position-viewport-offset: 40px
    }
}

.uk-dropdown-dropbar-large {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-dropdown-nav {
    font-size: 14px
}

    .uk-dropdown-nav > li > a {
        color: #45476f
    }

        .uk-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li > a:hover {
            color: #091e42
        }

    .uk-dropdown-nav .uk-nav-subtitle {
        font-size: 12px
    }

    .uk-dropdown-nav .uk-nav-header {
        color: #091e42
    }

    .uk-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #dfe3ec
    }

    .uk-dropdown-nav .uk-nav-sub a {
        color: #999
    }

        .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub li.uk-active > a {
            color: #45476f
        }

.uk-dropdown-button {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 16px center;
    border: 1px solid #dfe3ec;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 #091e420A;
    padding-left: 16px;
    padding-right: 48px
}

    .uk-dropdown-button:not(.no-icon) {
        background-image: url(custom/icons/icn-chevron-down.html)
    }

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    padding: 15px 15px;
    background: rgba(31,33,82,.64);
    opacity: 0;
    transition: opacity .15s linear
}

@media (min-width:640px) {
    .uk-modal {
        padding: 50px 30px
    }
}

@media (min-width:960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: 100% !important;
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity,transform
}

.uk-open > .uk-modal-dialog {
    opacity: 1;
    transform: translateY(0)
}

.uk-modal-container .uk-modal-dialog {
    width: 1094px
}

.uk-modal-full {
    padding: 0;
    background: 0 0
}

    .uk-modal-full .uk-modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        transform: translateY(0)
    }

.uk-modal-body {
    display: flow-root;
    padding: 20px 20px
}

.uk-modal-header {
    display: flow-root;
    padding: 10px 20px;
    background: #f7f9fc;
    border-bottom: 1px solid #dfe3ec
}

.uk-modal-footer {
    display: flow-root;
    padding: 10px 20px;
    background: #f7f9fc;
    border-top: 1px solid #dfe3ec
}

@media (min-width:640px) {
    .uk-modal-body {
        padding: 30px 30px
    }

    .uk-modal-header {
        padding: 15px 30px
    }

    .uk-modal-footer {
        padding: 15px 30px
    }
}

.uk-modal-body > :last-child, .uk-modal-footer > :last-child, .uk-modal-header > :last-child {
    margin-bottom: 0
}

.uk-modal-title {
    font-size: 24px;
    line-height: 1.3
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 12px;
    right: 12px;
    padding: 0
}

    [class*=uk-modal-close-]:first-child + * {
        margin-top: 0
    }

.uk-modal-close-outside {
    top: 0;
    right: 0;
    transform: translate(0,-100%);
    color: #fff
}

    .uk-modal-close-outside:hover {
        color: #fff
    }

@media (min-width:960px) {
    .uk-modal-close-outside {
        right: 0;
        transform: translate(100%,-100%)
    }
}

.uk-modal-close-full {
    top: 0;
    right: 0;
    padding: 10px;
    background: #fff
}

.uk-modal-close-outside {
    transform: translate(0,calc(-100% - 12px)) !important
}

#modal-menu .uk-modal-close {
    margin: 18px 0
}

#modal-menu .uk-nav-primary {
    font-size: 16px
}

    #modal-menu .uk-nav-primary > * + * {
        margin-top: 0
    }

    #modal-menu .uk-nav-primary > :not(.uk-parent) > :first-child {
        line-height: 56px
    }

    #modal-menu .uk-nav-primary > .uk-parent > :first-child {
        line-height: 48px
    }

    #modal-menu .uk-nav-primary > .uk-parent > .detail {
        position: absolute;
        top: 80px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 1;
        overflow: auto;
        padding-bottom: 20px;
        box-sizing: border-box;
        height: calc(100dvh - 80px)
    }

    #modal-menu .uk-nav-primary > :not(.uk-parent) + .uk-parent {
        margin-top: 16px
    }

    #modal-menu .uk-nav-primary > .uk-parent + :not(.uk-parent) {
        margin-top: 16px
    }

    #modal-menu .uk-nav-primary + .uk-nav-primary {
        margin: 16px 0
    }

#modal-menu .uk-subnav-pill[uk-scrollspy-nav] > * > :first-child {
    line-height: 42px;
    border-radius: 6px
}

.uk-slideshow {
    -webkit-tap-highlight-color: transparent
}

.uk-slideshow-items {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    -webkit-touch-callout: none;
    touch-action: pan-y
}

    .uk-slideshow-items > * {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        will-change: transform,opacity
    }

    .uk-slideshow-items > :not(.uk-active) {
        display: none
    }

.uk-slider {
    -webkit-tap-highlight-color: transparent
}

.uk-slider-container {
    overflow: hidden;
    overflow: clip
}

.uk-slider-container-offset {
    margin: -11px -25px -39px -25px;
    padding: 11px 25px 39px 25px
}

.uk-slider-items {
    will-change: transform;
    position: relative;
    touch-action: pan-y
}

    .uk-slider-items:not(.uk-grid) {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-touch-callout: none
    }

    .uk-slider-items.uk-grid {
        flex-wrap: nowrap
    }

    .uk-slider-items > * {
        flex: none !important;
        box-sizing: border-box;
        max-width: 100%;
        position: relative
    }

@keyframes slide {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes slide-revert {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.marquee-slider .marquee-slide {
    display: inline-block;
    animation: 300s slide infinite linear
}

    .marquee-slider .marquee-slide img {
        margin: 0 32px;
        max-width: none
    }

.marquee-slider.marquee-slider-revert .marquee-slide {
    animation: 300s slide-revert infinite linear
}

@media (max-width:959px) {
    .marquee-slider:not(.not) .marquee-slide img {
        margin: 0 16px
    }
}

.uk-sticky {
    position: relative;
    z-index: 980;
    box-sizing: border-box
}

.uk-sticky-fixed {
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.uk-sticky[class*=uk-animation-] {
    animation-duration: .2s
}

.uk-sticky.uk-animation-reverse {
    animation-duration: .2s
}

.uk-sticky-placeholder {
    pointer-events: none
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.uk-offcanvas-flip .uk-offcanvas {
    right: 0;
    left: auto
}

.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px;
    background: #f7f9fc;
    overflow-y: auto
}

@media (min-width:640px) {
    .uk-offcanvas-bar {
        left: -720px;
        width: 720px;
        padding: 40px 60px
    }
}

.uk-offcanvas-flip .uk-offcanvas-bar {
    left: auto;
    right: -100%
}

@media (min-width:640px) {
    .uk-offcanvas-flip .uk-offcanvas-bar {
        right: -720px
    }
}

.uk-open > .uk-offcanvas-bar {
    left: 0
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    left: auto;
    right: 0
}

.uk-offcanvas-bar-animation {
    transition: left .3s ease-out
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
    transition-property: right
}

.uk-offcanvas-reveal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    transition: width .3s ease-out
}

    .uk-offcanvas-reveal .uk-offcanvas-bar {
        left: 0
    }

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
    left: auto;
    right: 0
}

.uk-open > .uk-offcanvas-reveal {
    width: 100%
}

@media (min-width:640px) {
    .uk-open > .uk-offcanvas-reveal {
        width: 720px
    }
}

.uk-offcanvas-flip .uk-offcanvas-reveal {
    right: 0;
    left: auto
}

.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 5px;
    right: 5px;
    padding: 5px
}

@media (min-width:640px) {
    .uk-offcanvas-close {
        top: 10px;
        right: 10px
    }
}

.uk-offcanvas-close:first-child + * {
    margin-top: 0
}

.uk-offcanvas-overlay {
    width: 100vw;
    touch-action: none
}

    .uk-offcanvas-overlay::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #091e4240;
        opacity: 0;
        transition: opacity .15s linear
    }

    .uk-offcanvas-overlay.uk-open::before {
        opacity: 1
    }

.uk-offcanvas-container, .uk-offcanvas-page {
    overflow-x: hidden;
    overflow-x: clip
}

.uk-offcanvas-container {
    position: relative;
    left: 0;
    transition: left .3s ease-out;
    box-sizing: border-box;
    width: 100%
}

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 100%
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -100%
}

@media (min-width:640px) {
    :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
        left: 720px
    }

    .uk-offcanvas-flip.uk-offcanvas-container-animation {
        left: -720px
    }
}

.uk-offcanvas-bottom, .uk-offcanvas-top {
    margin-right: -60px;
    margin-left: -60px;
    box-sizing: border-box
}

.uk-offcanvas-top {
    padding: 40px 60px;
    top: 0
}

.uk-offcanvas-bottom {
    padding: 24px 60px;
    bottom: 0
}

@media (max-width:959px) {
    .uk-offcanvas-bottom, .uk-offcanvas-top {
        margin-right: -20px;
        margin-left: -20px
    }

    .uk-offcanvas-bottom, .uk-offcanvas-top {
        padding: 20px
    }
}

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-switcher > :not(.uk-active) {
        display: none
    }

    .uk-switcher > * > :last-child {
        margin-bottom: 0
    }

.uk-leader {
    overflow: hidden
}

.uk-leader-fill::after {
    display: inline-block;
    margin-left: 15px;
    width: 0;
    content: attr(data-fill);
    white-space: nowrap
}

.uk-leader-fill.uk-leader-hide::after {
    display: none
}

:root {
    --uk-leader-fill-content: .
}

.uk-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notification-bottom-right, .uk-notification-top-right {
    left: auto;
    right: 10px
}

.uk-notification-bottom-center, .uk-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notification-bottom-center, .uk-notification-bottom-left, .uk-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:639px) {
    .uk-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notification-message {
    position: relative;
    padding: 15px;
    background: #f7f9fc;
    color: #45476f;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer
}

* + .uk-notification-message {
    margin-top: 10px
}

.uk-notification-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px
}

.uk-notification-message:hover .uk-notification-close {
    display: block
}

.uk-notification-message-primary {
    color: #0064D9
}

.uk-notification-message-success {
    color: #579741
}

.uk-notification-message-warning {
    color: #faa05a
}

.uk-notification-message-danger {
    color: #ba3636
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    --uk-position-offset: 10px;
    --uk-position-viewport-offset: 10;
    top: 0;
    box-sizing: border-box;
    max-width: 100%;
    padding: 12px 12px;
    background: #091e42;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    width: 270px
}

    .uk-tooltip::after {
        content: '';
        border: 5px solid transparent;
        border-top-color: #091e42;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,100%)
    }

    .uk-tooltip.uk-active {
        display: block
    }

.uk-sortable {
    position: relative
}

    .uk-sortable > :last-child {
        margin-bottom: 0
    }

.uk-sortable-drag {
    position: fixed !important;
    z-index: 1050 !important;
    pointer-events: none
}

.uk-sortable-placeholder {
    opacity: 0;
    pointer-events: none
}

.uk-sortable-empty {
    min-height: 50px
}

.uk-sortable-handle:hover {
    cursor: move
}

.uk-countdown-number {
    font-variant-numeric: tabular-nums;
    font-size: 2rem;
    line-height: .8
}

@media (min-width:640px) {
    .uk-countdown-number {
        font-size: 4rem
    }
}

@media (min-width:960px) {
    .uk-countdown-number {
        font-size: 6rem
    }
}

.uk-countdown-separator {
    font-size: 1rem;
    line-height: 1.6
}

@media (min-width:640px) {
    .uk-countdown-separator {
        font-size: 2rem
    }
}

@media (min-width:960px) {
    .uk-countdown-separator {
        font-size: 3rem
    }
}

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-grid > * {
        margin: 0
    }

        .uk-grid > * > :last-child {
            margin-bottom: 0
        }

.uk-grid {
    margin-left: -16px
}

    .uk-grid > * {
        padding-left: 16px
    }

    * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
        margin-top: 16px
    }

@media (min-width:1200px) {
    .uk-grid {
        margin-left: -24px
    }

        .uk-grid > * {
            padding-left: 24px
        }

        * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
            margin-top: 24px
        }
}

.uk-grid-column-small, .uk-grid-small {
    margin-left: -12px
}

    .uk-grid-column-small > *, .uk-grid-small > * {
        padding-left: 12px
    }

    * + .uk-grid-margin-small, .uk-grid + .uk-grid-row-small, .uk-grid + .uk-grid-small, .uk-grid-row-small > .uk-grid-margin, .uk-grid-small > .uk-grid-margin {
        margin-top: 12px
    }

.uk-grid-column-medium, .uk-grid-medium {
    margin-left: -32px
}

    .uk-grid-column-medium > *, .uk-grid-medium > * {
        padding-left: 32px
    }

    * + .uk-grid-margin-medium, .uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin {
        margin-top: 32px
    }

.uk-grid-column-large, .uk-grid-large {
    margin-left: -40px
}

    .uk-grid-column-large > *, .uk-grid-large > * {
        padding-left: 40px
    }

    * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin {
        margin-top: 48px
    }

@media (min-width:1200px) {
    .uk-grid-column-large, .uk-grid-large {
        margin-left: -70px
    }

        .uk-grid-column-large > *, .uk-grid-large > * {
            padding-left: 70px
        }

        * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin {
            margin-top: 70px
        }
}

.uk-grid-collapse, .uk-grid-column-collapse {
    margin-left: 0
}

    .uk-grid-collapse > *, .uk-grid-column-collapse > * {
        padding-left: 0
    }

    .uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin {
        margin-top: 0
    }

.uk-grid-divider > * {
    position: relative
}

.uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #dfe3ec
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #dfe3ec
}

.uk-grid-divider {
    margin-left: -32px
}

    .uk-grid-divider > * {
        padding-left: 32px
    }

    .uk-grid-divider > :not(.uk-first-column)::before {
        left: 16px
    }

    .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
        margin-top: 32px
    }

        .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
            top: -16px;
            left: 32px
        }

@media (min-width:1200px) {
    .uk-grid-divider {
        margin-left: -48px
    }

        .uk-grid-divider > * {
            padding-left: 48px
        }

        .uk-grid-divider > :not(.uk-first-column)::before {
            left: 24px
        }

        .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
            margin-top: 48px
        }

            .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
                top: -24px;
                left: 48px
            }
}

.uk-grid-divider.uk-grid-column-small, .uk-grid-divider.uk-grid-small {
    margin-left: -24px
}

    .uk-grid-divider.uk-grid-column-small > *, .uk-grid-divider.uk-grid-small > * {
        padding-left: 24px
    }

    .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before {
        left: 12px
    }

    .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
        margin-top: 24px
    }

        .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
            top: -12px;
            left: 24px
        }

        .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
            top: -12px
        }

    .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
        left: 24px
    }

.uk-grid-divider.uk-grid-column-medium, .uk-grid-divider.uk-grid-medium {
    margin-left: -64px
}

    .uk-grid-divider.uk-grid-column-medium > *, .uk-grid-divider.uk-grid-medium > * {
        padding-left: 64px
    }

    .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before {
        left: 32px
    }

    .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
        margin-top: 64px
    }

        .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
            top: -32px;
            left: 64px
        }

        .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
            top: -32px
        }

    .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
        left: 64px
    }

.uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large {
    margin-left: -80px
}

    .uk-grid-divider.uk-grid-column-large > *, .uk-grid-divider.uk-grid-large > * {
        padding-left: 80px
    }

    .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
        left: 40px
    }

    .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
        margin-top: 96px
    }

        .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
            top: -48px;
            left: 80px
        }

        .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
            top: -48px
        }

    .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
        left: 80px
    }

@media (min-width:1200px) {
    .uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large {
        margin-left: -140px
    }

        .uk-grid-divider.uk-grid-column-large > *, .uk-grid-divider.uk-grid-large > * {
            padding-left: 140px
        }

        .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
            left: 70px
        }

        .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
            margin-top: 140px
        }

            .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
                top: -70px;
                left: 140px
            }

            .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
                top: -70px
            }

        .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
            left: 140px
        }
}

.uk-grid-item-match, .uk-grid-match > * {
    display: flex;
    flex-wrap: wrap
}

    .uk-grid-item-match > :not([class*=uk-width]), .uk-grid-match > * > :not([class*=uk-width]) {
        box-sizing: border-box;
        width: 100%;
        flex: auto
    }

.uk-grid-16 {
    margin-left: -16px
}

    .uk-grid-16 > * {
        padding-left: 16px
    }

    .uk-grid-16 > .uk-grid-margin {
        margin-top: 16px
    }

.uk-grid-column-16 {
    margin-left: -16px
}

    .uk-grid-column-16 > * {
        padding-left: 16px
    }

.uk-grid-column-24 {
    margin-left: -24px
}

    .uk-grid-column-24 > * {
        padding-left: 24px
    }

.uk-grid-20 {
    margin-left: -20px
}

    .uk-grid-20 > * {
        padding-left: 20px
    }

.uk-grid-row-20 > .uk-grid-margin {
    margin-top: 20px
}

.uk-grid-column-40 {
    margin-left: -40px
}

    .uk-grid-column-40 > * {
        padding-left: 40px
    }

.uk-grid-row-40 > .uk-grid-margin {
    margin-top: 40px
}

.uk-grid-row-24 > .uk-grid-margin {
    margin-top: 24px
}

.uk-grid-row-32-first > .uk-grid-margin:nth-child(2) {
    margin-top: 32px
}

@media (min-width:960px) {
    .uk-grid-40\@m {
        margin-left: -40px
    }

        .uk-grid-40\@m > * {
            padding-left: 40px
        }

        .uk-grid-40\@m > .uk-grid-margin {
            margin-top: 40px
        }

    .uk-grid-row-medium\@m > .uk-grid-margin {
        margin-top: 32px
    }
}

@media (max-width:959px) {
    .uk-grid-divider.not-m .uk-grid-margin::before {
        border: none
    }

    .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
        margin-top: 40px
    }

    .uk-grid:has(.uk-label-container) > div:has([uk-tooltip]) {
        width: 100%
    }
}

.uk-nav, .uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-nav li > a {
        display: flex;
        align-items: center;
        column-gap: .25em;
        text-decoration: none
    }

    .uk-nav > li > a {
        padding: 0 0
    }

ul.uk-nav-sub {
    padding: 20px 0 20px 12px
}

.uk-nav-sub ul {
    padding-left: 15px
}

.uk-nav-sub a {
    padding: 0 0
}

.uk-nav-parent-icon {
    margin-left: auto;
    transition: transform .3s ease-out
}

.uk-nav > li.uk-open > a .uk-nav-parent-icon {
    transform: rotateX(180deg)
}

.uk-nav-header {
    padding: 0 0;
    text-transform: none;
    font-size: 16px
}

    .uk-nav-header:not(:first-child) {
        margin-top: 20px
    }

.uk-nav .uk-nav-divider {
    margin: 5px 0
}

.uk-nav-default {
    font-size: 16px;
    line-height: 1.5
}

    .uk-nav-default > * + * {
        margin-top: 12px
    }

    .uk-nav-default > li > a {
        color: #999
    }

        .uk-nav-default > li > a:hover {
            color: #45476f
        }

    .uk-nav-default > li.uk-active > a {
        color: #091e42
    }

    .uk-nav-default .uk-nav-subtitle {
        font-size: 14px
    }

    .uk-nav-default .uk-nav-header {
        color: #091e42
    }

    .uk-nav-default .uk-nav-divider {
        border-top: 1px solid #dfe3ec
    }

    .uk-nav-default .uk-nav-sub {
        font-size: 16px;
        line-height: 1.5
    }

        .uk-nav-default .uk-nav-sub a {
            color: #999
        }

            .uk-nav-default .uk-nav-sub a:hover {
                color: #45476f
            }

        .uk-nav-default .uk-nav-sub li.uk-active > a {
            color: #091e42
        }

.uk-nav-primary {
    font-size: 18px;
    line-height: 1.5
}

    .uk-nav-primary > * + * {
        margin-top: 24px
    }

    .uk-nav-primary .uk-nav-sub > :not(.uk-nav-header) {
        font-family: mulish-variable,sans-serif
    }

    .uk-nav-primary .uk-nav-sub > * + :not(.uk-nav-header) {
        margin-top: 12px
    }

    .uk-nav-primary .uk-nav-sub .uk-nav-header {
        margin-bottom: 12px
    }

    .uk-nav-primary > li > a {
        color: #091e42
    }

        .uk-nav-primary > li > a:hover {
            color: #0064D9
        }

    .uk-nav-primary > li.uk-active > a {
        color: #0064D9
    }

    .uk-nav-primary .uk-nav-subtitle {
        font-size: 18px
    }

    .uk-nav-primary .uk-nav-header {
        color: #091e42;
        font-size: 18px
    }

    .uk-nav-primary .uk-nav-divider {
        border-top: 1px solid #dfe3ec
    }

    .uk-nav-primary .uk-nav-sub {
        font-size: 18px;
        line-height: 1.5
    }

        .uk-nav-primary .uk-nav-sub a {
            color: #999
        }

            .uk-nav-primary .uk-nav-sub a:hover {
                color: #45476f
            }

        .uk-nav-primary .uk-nav-sub li.uk-active > a {
            color: #091e42
        }

.uk-nav-secondary {
    font-size: 16px;
    line-height: 1.5
}

    .uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider) {
        margin-top: 4px
    }

    .uk-nav-secondary > li > a {
        color: #091e42;
        border-radius: 8px;
        padding: 12px 12px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .uk-nav-secondary > li > a:hover {
            color: #091e42;
            background-color: #F4F5F7
        }

    .uk-nav-secondary > li.uk-active > a {
        color: #091e42;
        font-variation-settings: "wght" 700;
        background-color: #f7f9fc
    }

    .uk-nav-secondary .uk-nav-subtitle {
        font-size: 12px;
        color: #42526e
    }

    .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
        color: #45476f
    }

    .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
        color: #091e42
    }

    .uk-nav-secondary .uk-nav-header {
        color: #091e42
    }

    .uk-nav-secondary .uk-nav-divider {
        border-top: 1px solid #dfe3ec
    }

    .uk-nav-secondary .uk-nav-sub {
        font-size: 14px;
        line-height: 1.5
    }

        .uk-nav-secondary .uk-nav-sub a {
            color: #999
        }

            .uk-nav-secondary .uk-nav-sub a:hover {
                color: #45476f
            }

        .uk-nav-secondary .uk-nav-sub li.uk-active > a {
            color: #091e42
        }

.uk-nav-medium {
    font-size: 2.8875rem;
    line-height: 1
}

.uk-nav-large {
    font-size: 3.4rem;
    line-height: 1
}

.uk-nav-xlarge {
    font-size: 4rem;
    line-height: 1
}

@media (min-width:960px) {
    .uk-nav-medium {
        font-size: 3.5rem
    }

    .uk-nav-large {
        font-size: 4rem
    }

    .uk-nav-xlarge {
        font-size: 6rem
    }
}

@media (min-width:1200px) {
    .uk-nav-medium {
        font-size: 4rem
    }

    .uk-nav-large {
        font-size: 6rem
    }

    .uk-nav-xlarge {
        font-size: 8rem
    }
}

.uk-nav-center {
    text-align: center
}

    .uk-nav-center li > a {
        justify-content: center
    }

    .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul {
        padding-left: 0
    }

    .uk-nav-center .uk-nav-parent-icon {
        margin-left: .25em
    }

.uk-nav.uk-nav-divider > :not(.uk-nav-header,.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dfe3ec
}

.uk-navbar {
    display: flex;
    position: relative
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff
}

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
    display: flex;
    gap: 0;
    align-items: center
}

.uk-navbar-right {
    margin-left: auto
}

.uk-navbar-center:only-child {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
    box-sizing: border-box;
    z-index: 990
}

.uk-navbar-center-left, .uk-navbar-center-right {
    position: absolute;
    top: 0
}

.uk-navbar-center-left {
    right: calc(100% + 0px)
}

.uk-navbar-center-right {
    left: calc(100% + 0px)
}

[class*=uk-navbar-center-] {
    width: max-content;
    box-sizing: border-box
}

.uk-navbar-nav {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right {
    flex-wrap: wrap
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 51px;
    font-size: 14px;
    font-family: mulish-variable,sans-serif;
    text-decoration: none
}

.uk-navbar-nav > li > a {
    padding: 0 8px;
    color: #172b4d;
    font-variation-settings: "wght" 500;
    transition: .1s ease-in-out;
    transition-property: color,background-color
}

    .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded=true] {
        color: #172b4d;
    }

    .uk-navbar-nav > li > a:active {
        color: #172b4d;
    }

.uk-navbar-nav > li.uk-active > a {
    color: #172b4d;
}

.uk-navbar-parent-icon {
    margin-left: 4px;
    transition: transform .3s ease-out
}

.uk-navbar-nav > li > a[aria-expanded=true] .uk-navbar-parent-icon {
    transform: rotateX(180deg)
}

.uk-navbar-item {
    padding: 0 15px;
    color: #172b4d;
}

    .uk-navbar-item > :last-child {
        margin-bottom: 0
    }

.uk-navbar-toggle {
    padding: 0 15px;
    color: #172b4d;
}

    .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded=true] {
        color: #172b4d;
        text-decoration: none
    }

.uk-navbar-subtitle {
    font-size: 14px
}

.uk-navbar-justify .uk-navbar-item, .uk-navbar-justify .uk-navbar-left, .uk-navbar-justify .uk-navbar-nav, .uk-navbar-justify .uk-navbar-nav > li, .uk-navbar-justify .uk-navbar-right, .uk-navbar-justify .uk-navbar-toggle {
    flex-grow: 1
}

.uk-navbar-dropdown {
    --uk-position-offset: 0;
    --uk-position-shift-offset: 0;
    --uk-position-viewport-offset: 15px;
    width: 200px;
    padding: 0;
    background: #fff;
    color: #172b4d;
    box-shadow: 0 8px 96px 0 #000F3314
}

    .uk-navbar-dropdown.uk-drop {
        margin-top: 4px
    }

    .uk-navbar-dropdown > :last-child {
        margin-bottom: 0
    }

    .uk-navbar-dropdown :focus-visible {
        outline-color: #091e42 !important
    }

    .uk-navbar-dropdown .uk-drop-grid {
        margin-left: -30px
    }

        .uk-navbar-dropdown .uk-drop-grid > * {
            padding-left: 30px
        }

        .uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
            margin-top: 30px
        }

.uk-navbar-dropdown-width-2:not(.uk-drop-stack) {
    width: 400px
}

.uk-navbar-dropdown-width-3:not(.uk-drop-stack) {
    width: 600px
}

.uk-navbar-dropdown-width-4:not(.uk-drop-stack) {
    width: 800px
}

.uk-navbar-dropdown-width-5:not(.uk-drop-stack) {
    width: 1000px
}

.uk-navbar-dropdown-large {
    --uk-position-shift-offset: 0;
    padding: 40px
}

.uk-navbar-dropdown-dropbar {
    width: auto;
    background: 0 0;
    padding: 0;
    --uk-position-offset: 0;
    --uk-position-shift-offset: 0;
    --uk-position-viewport-offset: 15px;
    box-shadow: none
}

@media (min-width:640px) {
    .uk-navbar-dropdown-dropbar {
        --uk-position-viewport-offset: 30px
    }
}

@media (min-width:960px) {
    .uk-navbar-dropdown-dropbar {
        --uk-position-viewport-offset: 40px
    }
}

.uk-navbar-dropdown-dropbar-large {
    --uk-position-shift-offset: 0;
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-navbar-dropdown-nav {
    font-size: 14px
}

    .uk-navbar-dropdown-nav .uk-active {
        font-variation-settings: "wght" 700
    }

        .uk-navbar-dropdown-nav .uk-active > :first-child {
            background-color: #f7f9fc
        }

        .uk-navbar-dropdown-nav .uk-active.uk-parent:not(:first-child) {
            /* margin-top: 8px */
        }

    .uk-navbar-dropdown-nav > * + * {
        margin-top: 4px
    }

    .uk-navbar-dropdown-nav > :not(.uk-parent) > :first-child {
        padding-left: 40px
    }

    .uk-navbar-dropdown-nav > li > a {
        color: #44546f;
        line-height: 20px;
        border-radius: 8px;
        padding: 12px;
        display: flex;
        align-items: center;
        gap: 8px
    }

        .uk-navbar-dropdown-nav > li > a > :last-child {
            margin-left: auto
        }

        .uk-navbar-dropdown-nav > li > a:hover {
            color: #44546f;
        }

    .uk-navbar-dropdown-nav > li.uk-active > a {
        color: #091e42;
    }

    .uk-navbar-dropdown-nav .uk-nav-subtitle {
        font-size: 14px
    }

    .uk-navbar-dropdown-nav .uk-nav-header {
        color: #091e42
    }

    .uk-navbar-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #dfe3ec
    }

    .uk-navbar-dropdown-nav .uk-nav-sub a {
        color: #999
    }

        .uk-navbar-dropdown-nav .uk-nav-sub a:hover {
            color: #45476f
        }

    .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
        color: #091e42
    }

.uk-navbar {
    padding: 16px 0
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    gap: 3px
}

.uk-drop-left, .uk-drop-right {
    box-sizing: border-box;
    width: 312px
}

.uk-drop-center {
    box-sizing: border-box;
    height: 472px
}

    .uk-drop-center::-webkit-scrollbar-track {
        background-color: #dfe3ec
    }

    .uk-drop-center::-webkit-scrollbar {
        width: 4px
    }

    .uk-drop-center::-webkit-scrollbar-thumb {
        background-color: #0064D9;
        border-radius: 64px
    }

.uk-sticky-below .uk-logo img {
    max-height: 40px
}

.uk-sticky-below .uk-navbar-item, .uk-sticky-below .uk-navbar-nav > li > a, .uk-sticky-below .uk-navbar-toggle {
    min-height: 40px
}

.uk-navbar-right {
    gap: 20px
}

.uk-navbar-left {
    gap: 16px
}

.uk-navbar-secondary .uk-navbar-item, .uk-navbar-secondary .uk-navbar-nav > li > a, .uk-navbar-secondary .uk-navbar-toggle {
    min-height: 40px
}

@media (min-width:960px) {
    .uk-navbar-left {
        gap: 226px
    }

    .uk-navbar-right {
        gap: 24px
    }

    [class*=uk-navbar-center] {
        gap: 30px
    }

    .uk-navbar-center-left {
        right: calc(100% + 30px)
    }

    .uk-navbar-center-right {
        left: calc(100% + 30px)
    }
}

@media (min-width:960px) {
    .uk-navbar-nav {
        gap: 6px
    }
}

@media (max-width:959px) {
    .uk-navbar {
        padding: 16px 0
    }

    .uk-navbar-secondary {
        padding: 10px 0
    }

    .uk-logo img {
        width: auto;
        max-height: 32px !important
    }

    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        min-height: 36px
    }

    .uk-navbar-right .uk-button {
        line-height: 34px;
        padding: 0 12px
    }
}

.uk-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -24px;
    padding: 0;
    list-style: none
}

    .uk-subnav > * {
        flex: none;
        padding-left: 24px;
        position: relative
    }

        .uk-subnav > * > :first-child {
            display: flex;
            align-items: center;
            column-gap: .25em;
            color: #999;
            font-size: 14px;
            transition: .1s ease-in-out;
            transition-property: color,background-color
        }

        .uk-subnav > * > a:hover {
            color: #45476f;
            text-decoration: none
        }

    .uk-subnav > .uk-active > a {
        color: #091e42
    }

.uk-subnav-divider {
    margin-left: -49px
}

    .uk-subnav-divider > * {
        display: flex;
        align-items: center
    }

    .uk-subnav-divider > ::before {
        content: "";
        height: 1.5em;
        margin-left: 0;
        margin-right: 24px;
        border-left: 1px solid transparent
    }

    .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
        border-left-color: #dfe3ec
    }

.uk-subnav-pill > * > :first-child {
    padding: 0 32px;
    background: 0 0;
    color: #45476f;
    line-height: 42px;
    border: 1px solid transparent;
    border-radius: 8px
}

.uk-subnav-pill > * > a:hover {
    background-color: transparent;
    color: #45476f
}

.uk-subnav-pill > * > a:active {
    background-color: transparent;
    color: #45476f
}

.uk-subnav-pill > .uk-active > a {
    background-color: #fff;
    color: #091e42;
    border-color: #dfe3ec;
    box-shadow: 0 2px 4px 0 #091e420A
}

.uk-subnav > .uk-disabled > a {
    color: #999
}

.uk-subnav-pill:not(.uk-subnav-pill-primary) {
    margin-left: 0
}

    .uk-subnav-pill:not(.uk-subnav-pill-primary) > * {
        padding-left: 0
    }

.uk-subnav-pill-primary {
    margin-left: -16px
}

    .uk-subnav-pill-primary > * {
        padding-left: 16px
    }

        .uk-subnav-pill-primary > * > :first-child {
            line-height: 44px;
            background-color: #f7f9fc;
            border-width: 0;
            border-radius: 6px;
            padding: 0 16px
        }

    .uk-subnav-pill-primary > .uk-active > :first-child {
        color: #fff;
        background-color: #0064D9
    }

.uk-subnav-primary {
    margin-left: -32px
}

    .uk-subnav-primary > * {
        padding-left: 32px
    }

        .uk-subnav-primary > * > :first-child {
            color: #091e42
        }

            .uk-subnav-primary > * > :first-child > :first-child {
                margin-right: 4px
            }

            .uk-subnav-primary > * > :first-child > :last-child {
                margin-left: 2px
            }

.uk-subnav-radio {
    margin-left: -16px
}

    .uk-subnav-radio > * {
        padding-left: 16px
    }

        .uk-subnav-radio > * > :first-child {
            font-size: 16px;
            color: #091e42;
            gap: 8px
        }

    .uk-subnav-radio > .uk-active .uk-radio {
        background-image: url(custom/icons/icn-radio.html);
        border-color: transparent
    }

.uk-subnav-step {
    margin-left: 0
}

    .uk-subnav-step > * {
        padding-left: 0
    }

        .uk-subnav-step > * > :first-child {
            gap: 8px
        }

            .uk-subnav-step > * > :first-child span:not(.uk-icon) {
                color: #7d7e9b;
                border: 1px solid #7d7e9b;
                border-radius: 50%;
                width: 22px;
                height: 22px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex: none
            }

                .uk-subnav-step > * > :first-child span:not(.uk-icon) .uk-icon {
                    display: none
                }

            .uk-subnav-step > * > :first-child > .uk-icon {
                margin-right: 4px
            }

    .uk-subnav-step > .uk-active > :first-child span:not(.uk-icon) {
        color: #fff;
        background-color: #091e42;
        border-color: #091e42
    }

    .uk-subnav-step > * + * {
        margin-left: 12px
    }

    .uk-subnav-step > .uk-success {
        color: #579741
    }

        .uk-subnav-step > .uk-success > :first-child {
            color: inherit
        }

            .uk-subnav-step > .uk-success > :first-child span:not(.uk-icon) {
                font-size: 0;
                background-color: #579741;
                border-color: transparent
            }

                .uk-subnav-step > .uk-success > :first-child span:not(.uk-icon) .uk-icon {
                    color: #fff;
                    display: block
                }

@media (max-width:1199px) {
    .uk-container:has(.uk-subnav-pill[uk-scrollspy-nav]) {
        padding: 0
    }

    .uk-background-muted:has(.uk-subnav-pill[uk-scrollspy-nav]) {
        padding-right: 0;
        padding-left: 0
    }

    .uk-subnav-pill[uk-scrollspy-nav] {
        padding-right: 20px;
        padding-left: 20px;
        flex-wrap: nowrap;
        gap: 8px
    }

        .uk-subnav-pill[uk-scrollspy-nav] > * {
            flex: none !important
        }

            .uk-subnav-pill[uk-scrollspy-nav] > * > :first-child {
                line-height: 34px;
                padding: 0 16px
            }

    .uk-subnav-vertical-m {
        margin-left: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px
    }

        .uk-subnav-vertical-m > * {
            padding-left: 0
        }

    .uk-subnav-pill-primary.uk-overflow-auto {
        margin-right: -20px;
        padding-right: 20px
    }

    .uk-subnav-step > * {
        flex-basis: 45%
    }

    .uk-subnav-pill-m > * > :first-child {
        padding: 0 12px
    }
}

.uk-breadcrumb {
    padding: 0;
    list-style: none;
    background-color: #0064D90A;
    border-top-right-radius: 64px;
    border-bottom-right-radius: 64px;
    padding: 12px 24px 12px 0;
    display: inline-flex;
    align-items: center;
    position: relative
}

    .uk-breadcrumb::before {
        content: '';
        background-color: #0064D90A;
        width: 100vw;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100vw
    }

    .uk-breadcrumb > * {
        display: contents
    }

        .uk-breadcrumb > * > * {
            font-size: 12px;
            color: #7d7e9b;
            flex: none
        }

        .uk-breadcrumb > * > :hover {
            color: #45476f;
            text-decoration: none
        }

    .uk-breadcrumb > :last-child > a:not([href]), .uk-breadcrumb > :last-child > span {
        color: #091e42
    }

    .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        content: "";
        display: inline-block;
        margin: 0 0 0 calc(0 - 4px);
        font-size: 12px;
        color: #999;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M6%2012L10%208L6%204%22%20stroke%3D%22%231F2152%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
        background-position: center;
        background-repeat: no-repeat;
        width: 32px;
        height: 21px
    }

.uk-position-top .uk-breadcrumb {
    margin-top: 20px
}

.uk-card-primary.uk-card-body .uk-breadcrumb, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb, .uk-card-secondary.uk-card-body .uk-breadcrumb, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb, .uk-light .uk-breadcrumb, .uk-overlay-primary .uk-breadcrumb, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb {
    background-color: rgba(255,255,255,.04)
}

    .uk-card-primary.uk-card-body .uk-breadcrumb::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb::before, .uk-card-secondary.uk-card-body .uk-breadcrumb::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb::before, .uk-light .uk-breadcrumb::before, .uk-overlay-primary .uk-breadcrumb::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb::before {
        background-color: rgba(255,255,255,.04)
    }

@media (min-width:960px) {
    .uk-breadcrumb > * > * {
        font-size: 14px
    }

    .uk-position-top .uk-breadcrumb {
        margin-top: 40px
    }
}

@media (max-width:639px) {
    .uk-container:has(> nav > .uk-breadcrumb) {
        overflow: auto;
        scrollbar-width: none
    }
}

.uk-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 0;
    padding: 0;
    list-style: none
}

    .uk-pagination > * {
        flex: none;
        padding-left: 0;
        position: relative
    }

        .uk-pagination > * > * {
            display: flex;
            align-items: center;
            column-gap: .25em;
            padding: 5px 10px;
            color: #999;
            transition: color .1s ease-in-out
        }

        .uk-pagination > * > :hover {
            color: #45476f;
            text-decoration: none
        }

    .uk-pagination > .uk-active > * {
        color: #45476f
    }

    .uk-pagination > .uk-disabled > * {
        color: #999
    }

.uk-tab {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none;
    position: relative
}

    .uk-tab::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 0;
        border-bottom: 1px solid #dfe3ec
    }

    .uk-tab > * {
        flex: none;
        padding-left: 20px;
        position: relative
    }

        .uk-tab > * > a {
            display: flex;
            align-items: center;
            column-gap: .25em;
            justify-content: center;
            padding: 5px 10px;
            color: #999;
            border-bottom: 1px solid transparent;
            font-size: 14px;
            text-transform: uppercase;
            transition: color .1s ease-in-out
        }

            .uk-tab > * > a:hover {
                color: #45476f;
                text-decoration: none
            }

    .uk-tab > .uk-active > a {
        color: #091e42;
        border-color: #0064D9
    }

    .uk-tab > .uk-disabled > a {
        color: #999
    }

.uk-tab-bottom::before {
    top: 0;
    bottom: auto
}

.uk-tab-bottom > * > a {
    border-top: 1px solid transparent;
    border-bottom: none
}

.uk-tab-left, .uk-tab-right {
    flex-direction: column;
    margin-left: 0
}

    .uk-tab-left > *, .uk-tab-right > * {
        padding-left: 0
    }

    .uk-tab-left::before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        border-left: 1px solid #dfe3ec;
        border-bottom: none
    }

    .uk-tab-right::before {
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        border-left: 1px solid #dfe3ec;
        border-bottom: none
    }

    .uk-tab-left > * > a {
        justify-content: left;
        border-right: 1px solid transparent;
        border-bottom: none
    }

    .uk-tab-right > * > a {
        justify-content: left;
        border-left: 1px solid transparent;
        border-bottom: none
    }

.uk-tab .uk-dropdown {
    margin-left: 30px
}

.uk-slidenav {
    padding: 0 0;
    color: #161739;
    box-shadow: 0 2px 4px 0 #091e420A;
    width: 34px;
    height: 34px;
    transition: color .1s ease-in-out
}

    .uk-slidenav.uk-invisible {
        color: #a3a4b8;
        background-color: #f7f9fc;
        visibility: visible !important;
        pointer-events: none
    }

    .uk-slidenav:hover {
        color: #161739
    }

    .uk-slidenav:active {
        color: #161739
    }

.uk-slidenav-large {
    padding: 10px 10px
}

.uk-slidenav-container {
    display: flex
}

.uk-dotnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -12px
}

    .uk-dotnav > * {
        flex: none;
        padding-left: 12px
    }

        .uk-dotnav > * > * {
            display: block;
            box-sizing: border-box;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(69,71,111,.2);
            text-indent: 100%;
            overflow: hidden;
            white-space: nowrap;
            border: 1px solid rgba(69,71,111,.4);
            transition: .2s ease-in-out;
            transition-property: background-color,border-color
        }

        .uk-dotnav > * > :hover {
            background-color: rgba(69,71,111,.6);
            border-color: transparent
        }

        .uk-dotnav > * > :active {
            background-color: rgba(69,71,111,.2);
            border-color: transparent
        }

    .uk-dotnav > .uk-active > * {
        background-color: rgba(69,71,111,.6);
        border-color: transparent
    }

.uk-dotnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

    .uk-dotnav-vertical > * {
        padding-left: 0;
        padding-top: 12px
    }

.uk-thumbnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -15px
}

    .uk-thumbnav > * {
        padding-left: 15px
    }

        .uk-thumbnav > * > * {
            display: inline-block;
            position: relative
        }

        .uk-thumbnav > * > ::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-image: linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.4));
            transition: opacity .1s ease-in-out
        }

        .uk-thumbnav > * > :hover::after {
            opacity: 0
        }

    .uk-thumbnav > .uk-active > ::after {
        opacity: 0
    }

.uk-thumbnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -15px
}

    .uk-thumbnav-vertical > * {
        padding-left: 0;
        padding-top: 15px
    }

.uk-iconnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -12px
}

    .uk-iconnav.uk-iconnav-large {
        margin-left: -16px
    }

        .uk-iconnav.uk-iconnav-large > * {
            padding-left: 16px
        }

    .uk-iconnav > * {
        padding-left: 12px
    }

        .uk-iconnav > * > a {
            display: flex;
            align-items: center;
            column-gap: .25em;
            line-height: 0;
            color: #999;
            text-decoration: none;
            font-size: 14px;
            transition: .1s ease-in-out;
            transition-property: color,background-color,border-color
        }

            .uk-iconnav > * > a:hover {
                color: #45476f
            }

    .uk-iconnav > .uk-active > a {
        color: #45476f
    }

.uk-iconnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

    .uk-iconnav-vertical > * {
        padding-left: 0;
        padding-top: 12px
    }

[class*=uk-animation-] {
    animation: .5s ease-out both
}

.uk-animation-fade {
    animation-name: uk-fade;
    animation-duration: .8s;
    animation-timing-function: linear
}

.uk-animation-scale-up {
    animation-name: uk-fade,uk-scale-up
}

.uk-animation-scale-down {
    animation-name: uk-fade,uk-scale-down
}

.uk-animation-slide-top {
    animation-name: uk-fade,uk-slide-top
}

.uk-animation-slide-bottom {
    animation-name: uk-fade,uk-slide-bottom
}

.uk-animation-slide-left {
    animation-name: uk-fade,uk-slide-left
}

.uk-animation-slide-right {
    animation-name: uk-fade,uk-slide-right
}

.uk-animation-slide-top-small {
    animation-name: uk-fade,uk-slide-top-small
}

.uk-animation-slide-bottom-small {
    animation-name: uk-fade,uk-slide-bottom-small
}

.uk-animation-slide-left-small {
    animation-name: uk-fade,uk-slide-left-small
}

.uk-animation-slide-right-small {
    animation-name: uk-fade,uk-slide-right-small
}

.uk-animation-slide-top-medium {
    animation-name: uk-fade,uk-slide-top-medium
}

.uk-animation-slide-bottom-medium {
    animation-name: uk-fade,uk-slide-bottom-medium
}

.uk-animation-slide-left-medium {
    animation-name: uk-fade,uk-slide-left-medium
}

.uk-animation-slide-right-medium {
    animation-name: uk-fade,uk-slide-right-medium
}

.uk-animation-kenburns {
    animation-name: uk-kenburns;
    animation-duration: 15s
}

.uk-animation-shake {
    animation-name: uk-shake
}

.uk-animation-stroke {
    animation-name: uk-stroke;
    animation-duration: 2s;
    stroke-dasharray: var(--uk-animation-stroke)
}

.uk-animation-reverse {
    animation-direction: reverse;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    animation-name: none
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes uk-scale-up {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes uk-scale-down {
    0% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes uk-slide-top {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-top-small {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-small {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left-small {
    0% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-small {
    0% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-top-medium {
    0% {
        transform: translateY(-50px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-medium {
    0% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left-medium {
    0% {
        transform: translateX(-50px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-medium {
    0% {
        transform: translateX(50px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-kenburns {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}

@keyframes uk-shake {
    0%,100% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-9px)
    }

    20% {
        transform: translateX(8px)
    }

    30% {
        transform: translateX(-7px)
    }

    40% {
        transform: translateX(6px)
    }

    50% {
        transform: translateX(-5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(-3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(-1px)
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    100% {
        stroke-dashoffset: 0
    }
}

[class*=uk-child-width] > * {
    box-sizing: border-box;
    width: 100%
}

.uk-child-width-1-2 > * {
    width: 50%
}

.uk-child-width-1-3 > * {
    width: calc(100% / 3)
}

.uk-child-width-1-4 > * {
    width: 25%
}

.uk-child-width-1-5 > * {
    width: 20%
}

.uk-child-width-1-6 > * {
    width: calc(100% / 6)
}

.uk-child-width-auto > * {
    width: auto
}

.uk-child-width-expand > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-child-width-1-1\@s > * {
        width: 100%
    }

    .uk-child-width-1-2\@s > * {
        width: 50%
    }

    .uk-child-width-1-3\@s > * {
        width: calc(100% / 3)
    }

    .uk-child-width-1-4\@s > * {
        width: 25%
    }

    .uk-child-width-1-5\@s > * {
        width: 20%
    }

    .uk-child-width-1-6\@s > * {
        width: calc(100% / 6)
    }

    .uk-child-width-auto\@s > * {
        width: auto
    }

    .uk-child-width-expand\@s > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }

    .uk-child-width-1-1\@s > :not([class*=uk-width]), .uk-child-width-1-2\@s > :not([class*=uk-width]), .uk-child-width-1-3\@s > :not([class*=uk-width]), .uk-child-width-1-4\@s > :not([class*=uk-width]), .uk-child-width-1-5\@s > :not([class*=uk-width]), .uk-child-width-1-6\@s > :not([class*=uk-width]), .uk-child-width-auto\@s > :not([class*=uk-width]) {
        flex: initial
    }
}

@media (min-width:960px) {
    .uk-child-width-1-1\@m > * {
        width: 100%
    }

    .uk-child-width-1-2\@m > * {
        width: 50%
    }

    .uk-child-width-1-3\@m > * {
        width: calc(100% / 3)
    }

    .uk-child-width-1-4\@m > * {
        width: 25%
    }

    .uk-child-width-1-5\@m > * {
        width: 20%
    }

    .uk-child-width-1-6\@m > * {
        width: calc(100% / 6)
    }

    .uk-child-width-auto\@m > * {
        width: auto
    }

    .uk-child-width-expand\@m > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }

    .uk-child-width-1-1\@m > :not([class*=uk-width]), .uk-child-width-1-2\@m > :not([class*=uk-width]), .uk-child-width-1-3\@m > :not([class*=uk-width]), .uk-child-width-1-4\@m > :not([class*=uk-width]), .uk-child-width-1-5\@m > :not([class*=uk-width]), .uk-child-width-1-6\@m > :not([class*=uk-width]), .uk-child-width-auto\@m > :not([class*=uk-width]) {
        flex: initial
    }
}

@media (min-width:1200px) {
    .uk-child-width-1-1\@l > * {
        width: 100%
    }

    .uk-child-width-1-2\@l > * {
        width: 50%
    }

    .uk-child-width-1-3\@l > * {
        width: calc(100% / 3)
    }

    .uk-child-width-1-4\@l > * {
        width: 25%
    }

    .uk-child-width-1-5\@l > * {
        width: 20%
    }

    .uk-child-width-1-6\@l > * {
        width: calc(100% / 6)
    }

    .uk-child-width-auto\@l > * {
        width: auto
    }

    .uk-child-width-expand\@l > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }

    .uk-child-width-1-1\@l > :not([class*=uk-width]), .uk-child-width-1-2\@l > :not([class*=uk-width]), .uk-child-width-1-3\@l > :not([class*=uk-width]), .uk-child-width-1-4\@l > :not([class*=uk-width]), .uk-child-width-1-5\@l > :not([class*=uk-width]), .uk-child-width-1-6\@l > :not([class*=uk-width]), .uk-child-width-auto\@l > :not([class*=uk-width]) {
        flex: initial
    }
}

@media (min-width:1600px) {
    .uk-child-width-1-1\@xl > * {
        width: 100%
    }

    .uk-child-width-1-2\@xl > * {
        width: 50%
    }

    .uk-child-width-1-3\@xl > * {
        width: calc(100% / 3)
    }

    .uk-child-width-1-4\@xl > * {
        width: 25%
    }

    .uk-child-width-1-5\@xl > * {
        width: 20%
    }

    .uk-child-width-1-6\@xl > * {
        width: calc(100% / 6)
    }

    .uk-child-width-auto\@xl > * {
        width: auto
    }

    .uk-child-width-expand\@xl > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }

    .uk-child-width-1-1\@xl > :not([class*=uk-width]), .uk-child-width-1-2\@xl > :not([class*=uk-width]), .uk-child-width-1-3\@xl > :not([class*=uk-width]), .uk-child-width-1-4\@xl > :not([class*=uk-width]), .uk-child-width-1-5\@xl > :not([class*=uk-width]), .uk-child-width-1-6\@xl > :not([class*=uk-width]), .uk-child-width-auto\@xl > :not([class*=uk-width]) {
        flex: initial
    }
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-width-1-2 {
    width: 50%
}

.uk-width-1-3 {
    width: calc(100% / 3)
}

.uk-width-2-3 {
    width: calc(200% / 3)
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5 {
    width: 20%
}

.uk-width-2-5 {
    width: 40%
}

.uk-width-3-5 {
    width: 60%
}

.uk-width-4-5 {
    width: 80%
}

.uk-width-1-6 {
    width: calc(100% / 6)
}

.uk-width-5-6 {
    width: calc(500% / 6)
}

.uk-width-small {
    width: 280px
}

.uk-width-medium {
    width: 380px
}

.uk-width-large {
    width: 450px
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-2xlarge {
    width: 950px
}

.uk-width-auto {
    width: auto
}

.uk-width-expand {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-width-1-1\@s {
        width: 100%
    }

    .uk-width-1-2\@s {
        width: 50%
    }

    .uk-width-1-3\@s {
        width: calc(100% / 3)
    }

    .uk-width-2-3\@s {
        width: calc(200% / 3)
    }

    .uk-width-1-4\@s {
        width: 25%
    }

    .uk-width-3-4\@s {
        width: 75%
    }

    .uk-width-1-5\@s {
        width: 20%
    }

    .uk-width-2-5\@s {
        width: 40%
    }

    .uk-width-3-5\@s {
        width: 60%
    }

    .uk-width-4-5\@s {
        width: 80%
    }

    .uk-width-1-6\@s {
        width: calc(100% / 6)
    }

    .uk-width-5-6\@s {
        width: calc(500% / 6)
    }

    .uk-width-small\@s {
        width: 192px
    }

    .uk-width-medium\@s {
        width: 380px
    }

    .uk-width-large\@s {
        width: 450px
    }

    .uk-width-xlarge\@s {
        width: 600px
    }

    .uk-width-2xlarge\@s {
        width: 750px
    }

    .uk-width-auto\@s {
        width: auto
    }

    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px
    }

    .uk-width-1-1\@s, .uk-width-1-2\@s, .uk-width-1-3\@s, .uk-width-1-4\@s, .uk-width-1-5\@s, .uk-width-1-6\@s, .uk-width-2-3\@s, .uk-width-2-5\@s, .uk-width-2xlarge\@s, .uk-width-3-4\@s, .uk-width-3-5\@s, .uk-width-4-5\@s, .uk-width-5-6\@s, .uk-width-auto\@s, .uk-width-large\@s, .uk-width-medium\@s, .uk-width-small\@s, .uk-width-xlarge\@s {
        flex: initial
    }
}

@media (min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-1-3\@m {
        width: calc(100% / 3)
    }

    .uk-width-2-3\@m {
        width: calc(200% / 3)
    }

    .uk-width-1-4\@m {
        width: 25%
    }

    .uk-width-3-4\@m {
        width: 75%
    }

    .uk-width-1-5\@m {
        width: 20%
    }

    .uk-width-2-5\@m {
        width: 40%
    }

    .uk-width-3-5\@m {
        width: 60%
    }

    .uk-width-4-5\@m {
        width: 80%
    }

    .uk-width-1-6\@m {
        width: calc(100% / 6)
    }

    .uk-width-5-6\@m {
        width: calc(500% / 6)
    }

    .uk-width-small\@m {
        width: 192px
    }

    .uk-width-medium\@m {
        width: 380px
    }

    .uk-width-large\@m {
        width: 450px
    }

    .uk-width-xlarge\@m {
        width: 600px
    }

    .uk-width-2xlarge\@m {
        width: 750px
    }

    .uk-width-auto\@m {
        width: auto
    }

    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px
    }

    .uk-width-1-1\@m, .uk-width-1-2\@m, .uk-width-1-3\@m, .uk-width-1-4\@m, .uk-width-1-5\@m, .uk-width-1-6\@m, .uk-width-2-3\@m, .uk-width-2-5\@m, .uk-width-2xlarge\@m, .uk-width-3-4\@m, .uk-width-3-5\@m, .uk-width-4-5\@m, .uk-width-5-6\@m, .uk-width-auto\@m, .uk-width-large\@m, .uk-width-medium\@m, .uk-width-small\@m, .uk-width-xlarge\@m {
        flex: initial
    }
}

@media (min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }

    .uk-width-1-2\@l {
        width: 50%
    }

    .uk-width-1-3\@l {
        width: calc(100% / 3)
    }

    .uk-width-2-3\@l {
        width: calc(200% / 3)
    }

    .uk-width-1-4\@l {
        width: 25%
    }

    .uk-width-3-4\@l {
        width: 75%
    }

    .uk-width-1-5\@l {
        width: 20%
    }

    .uk-width-2-5\@l {
        width: 40%
    }

    .uk-width-3-5\@l {
        width: 60%
    }

    .uk-width-4-5\@l {
        width: 80%
    }

    .uk-width-1-6\@l {
        width: calc(100% / 6)
    }

    .uk-width-5-6\@l {
        width: calc(500% / 6)
    }

    .uk-width-small\@l {
        width: 192px
    }

    .uk-width-medium\@l {
        width: 380px
    }

    .uk-width-large\@l {
        width: 450px
    }

    .uk-width-xlarge\@l {
        width: 600px
    }

    .uk-width-2xlarge\@l {
        width: 750px
    }

    .uk-width-auto\@l {
        width: auto
    }

    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px
    }

    .uk-width-1-1\@l, .uk-width-1-2\@l, .uk-width-1-3\@l, .uk-width-1-4\@l, .uk-width-1-5\@l, .uk-width-1-6\@l, .uk-width-2-3\@l, .uk-width-2-5\@l, .uk-width-2xlarge\@l, .uk-width-3-4\@l, .uk-width-3-5\@l, .uk-width-4-5\@l, .uk-width-5-6\@l, .uk-width-auto\@l, .uk-width-large\@l, .uk-width-medium\@l, .uk-width-small\@l, .uk-width-xlarge\@l {
        flex: initial
    }
}

@media (min-width:1600px) {
    .uk-width-1-1\@xl {
        width: 100%
    }

    .uk-width-1-2\@xl {
        width: 50%
    }

    .uk-width-1-3\@xl {
        width: calc(100% / 3)
    }

    .uk-width-2-3\@xl {
        width: calc(200% / 3)
    }

    .uk-width-1-4\@xl {
        width: 25%
    }

    .uk-width-3-4\@xl {
        width: 75%
    }

    .uk-width-1-5\@xl {
        width: 20%
    }

    .uk-width-2-5\@xl {
        width: 40%
    }

    .uk-width-3-5\@xl {
        width: 60%
    }

    .uk-width-4-5\@xl {
        width: 80%
    }

    .uk-width-1-6\@xl {
        width: calc(100% / 6)
    }

    .uk-width-5-6\@xl {
        width: calc(500% / 6)
    }

    .uk-width-small\@xl {
        width: 192px
    }

    .uk-width-medium\@xl {
        width: 380px
    }

    .uk-width-large\@xl {
        width: 450px
    }

    .uk-width-xlarge\@xl {
        width: 600px
    }

    .uk-width-2xlarge\@xl {
        width: 750px
    }

    .uk-width-auto\@xl {
        width: auto
    }

    .uk-width-expand\@xl {
        flex: 1;
        min-width: 1px
    }

    .uk-width-1-1\@xl, .uk-width-1-2\@xl, .uk-width-1-3\@xl, .uk-width-1-4\@xl, .uk-width-1-5\@xl, .uk-width-1-6\@xl, .uk-width-2-3\@xl, .uk-width-2-5\@xl, .uk-width-2xlarge\@xl, .uk-width-3-4\@xl, .uk-width-3-5\@xl, .uk-width-4-5\@xl, .uk-width-5-6\@xl, .uk-width-auto\@xl, .uk-width-large\@xl, .uk-width-medium\@xl, .uk-width-small\@xl, .uk-width-xlarge\@xl {
        flex: initial
    }
}

.uk-width-max-content {
    width: max-content
}

.uk-width-min-content {
    width: min-content
}

@media (min-width:960px) {
    .uk-width-44\@m {
        width: 44%
    }
}

@media (min-width:640px) {
    .uk-width-200\@s {
        width: 200px
    }

    .uk-width-360\@s {
        width: 360px
    }
}

[class*=uk-height] {
    box-sizing: border-box
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    min-height: 100vh
}

.uk-height-viewport-2 {
    min-height: 200vh
}

.uk-height-viewport-3 {
    min-height: 300vh
}

.uk-height-viewport-4 {
    min-height: 400vh
}

.uk-height-small {
    height: 150px
}

.uk-height-medium {
    height: 300px
}

.uk-height-large {
    height: 450px
}

.uk-height-max-small {
    max-height: 150px
}

.uk-height-max-medium {
    max-height: 300px
}

.uk-height-max-large {
    max-height: 450px
}

.uk-text-lead {
    font-size: 18px;
    line-height: 1.5;
    color: #161739
}

.uk-text-meta {
    font-size: 14px;
    line-height: 1.4;
    color: #999
}

    .uk-text-meta > a {
        color: #999
    }

        .uk-text-meta > a:hover {
            color: #45476f;
            text-decoration: none
        }

.uk-text-small {
    font-size: 14px;
    line-height: 1.5
}

.uk-text-large {
    font-size: 16px;
    line-height: 1.5
}

.uk-text-default {
    font-size: 16px;
    line-height: 1.5
}

.uk-text-light {
    font-weight: 300
}

.uk-text-normal {
    font-weight: 400
}

.uk-text-bold {
    font-weight: 700
}

.uk-text-lighter {
    font-weight: lighter
}

.uk-text-bolder {
    font-weight: bolder
}

.uk-text-italic {
    font-style: italic
}

.uk-text-capitalize {
    text-transform: capitalize !important
}

.uk-text-uppercase {
    text-transform: uppercase !important
}

.uk-text-lowercase {
    text-transform: lowercase !important
}

.uk-text-decoration-none {
    text-decoration: none !important
}

.uk-text-muted {
    color: #999 !important
}

.uk-text-emphasis {
    color: #091e42 !important
}

.uk-text-primary {
    color: #0064D9 !important
}

.uk-text-secondary {
    color: #091e42 !important
}

.uk-text-success {
    color: #579741 !important
}

.uk-text-warning {
    color: #faa05a !important
}

.uk-text-danger {
    color: #ba3636 !important
}

.uk-text-background {
    -webkit-background-clip: text;
    color: transparent !important;
    display: inline-block;
    background-color: #0064D9;
    background-image: linear-gradient(90deg,#0064D9 0,#974159 100%)
}

.uk-text-left {
    text-align: left !important
}

.uk-text-right {
    text-align: right !important
}

.uk-text-center {
    text-align: center !important
}

.uk-text-justify {
    text-align: justify !important
}

@media (min-width:640px) {
    .uk-text-left\@s {
        text-align: left !important
    }

    .uk-text-right\@s {
        text-align: right !important
    }

    .uk-text-center\@s {
        text-align: center !important
    }
}

@media (min-width:960px) {
    .uk-text-left\@m {
        text-align: left !important
    }

    .uk-text-right\@m {
        text-align: right !important
    }

    .uk-text-center\@m {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .uk-text-left\@l {
        text-align: left !important
    }

    .uk-text-right\@l {
        text-align: right !important
    }

    .uk-text-center\@l {
        text-align: center !important
    }
}

@media (min-width:1600px) {
    .uk-text-left\@xl {
        text-align: left !important
    }

    .uk-text-right\@xl {
        text-align: right !important
    }

    .uk-text-center\@xl {
        text-align: center !important
    }
}

.uk-text-top {
    vertical-align: top !important
}

.uk-text-middle {
    vertical-align: middle !important
}

.uk-text-bottom {
    vertical-align: bottom !important
}

.uk-text-baseline {
    vertical-align: baseline !important
}

.uk-text-nowrap {
    white-space: nowrap
}

.uk-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

td.uk-text-truncate, th.uk-text-truncate {
    max-width: 0
}

.uk-text-break {
    overflow-wrap: break-word
}

td.uk-text-break, th.uk-text-break {
    word-break: break-word
}

.uk-text-balance {
    text-wrap: balance
}

.uk-font-title {
    font-family: cordale-arabic,sans-serif
}

.uk-font-600 {
    font-variation-settings: "wght" 600
}

.uk-font-400 {
    font-variation-settings: "wght" 400
}

.uk-font-500 {
    font-variation-settings: "wght" 500
}

.uk-font-700 {
    font-variation-settings: "wght" 700
}

.uk-text-xsmall {
    font-size: 12px !important
}

.uk-text-medium {
    font-size: 16px
}

.uk-text-2xlarge {
    font-size: 32px
}

.uk-text-author {
    display: inline-flex;
    align-items: center;
    gap: 10px
}

    .uk-text-author > * + * {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .uk-text-author > * + ::before {
        content: '';
        background-color: #161739;
        border-radius: 4px;
        width: 4px;
        height: 4px
    }

.uk-text-tertiary {
    color: #003dbe
}

.uk-text-emphasis-100 {
    color: #7d7e9b
}

.uk-text-emphasis-400 {
    color: #161739
}

@media (min-width:960px) {
    .uk-text-medium {
        font-size: 18px
    }

    .uk-text-medium\@m {
        font-size: 18px
    }

    .uk-text-large {
        font-size: 20px
    }

    .uk-text-small\@m {
        font-size: 14px !important
    }

    .uk-text-default\@m {
        font-size: 16px
    }

    .uk-text-large\@m {
        font-size: 20px
    }
}

@media (max-width:959px) {
    .uk-font-700-m {
        font-variation-settings: "wght" 700
    }
}

[class*=uk-column-] {
    column-gap: 30px
}

@media (min-width:1200px) {
    [class*=uk-column-] {
        column-gap: 40px
    }
}

[class*=uk-column-] img {
    transform: translate3d(0,0,0)
}

.uk-column-divider {
    column-rule: 1px solid #DFE3EC;
    column-gap: 60px
}

@media (min-width:1200px) {
    .uk-column-divider {
        column-gap: 80px
    }
}

.uk-column-1-2 {
    column-count: 2
}

.uk-column-1-3 {
    column-count: 3
}

.uk-column-1-4 {
    column-count: 4
}

.uk-column-1-5 {
    column-count: 5
}

.uk-column-1-6 {
    column-count: 6
}

@media (min-width:640px) {
    .uk-column-1-2\@s {
        column-count: 2
    }

    .uk-column-1-3\@s {
        column-count: 3
    }

    .uk-column-1-4\@s {
        column-count: 4
    }

    .uk-column-1-5\@s {
        column-count: 5
    }

    .uk-column-1-6\@s {
        column-count: 6
    }
}

@media (min-width:960px) {
    .uk-column-1-2\@m {
        column-count: 2
    }

    .uk-column-1-3\@m {
        column-count: 3
    }

    .uk-column-1-4\@m {
        column-count: 4
    }

    .uk-column-1-5\@m {
        column-count: 5
    }

    .uk-column-1-6\@m {
        column-count: 6
    }
}

@media (min-width:1200px) {
    .uk-column-1-2\@l {
        column-count: 2
    }

    .uk-column-1-3\@l {
        column-count: 3
    }

    .uk-column-1-4\@l {
        column-count: 4
    }

    .uk-column-1-5\@l {
        column-count: 5
    }

    .uk-column-1-6\@l {
        column-count: 6
    }
}

@media (min-width:1600px) {
    .uk-column-1-2\@xl {
        column-count: 2
    }

    .uk-column-1-3\@xl {
        column-count: 3
    }

    .uk-column-1-4\@xl {
        column-count: 4
    }

    .uk-column-1-5\@xl {
        column-count: 5
    }

    .uk-column-1-6\@xl {
        column-count: 6
    }
}

.uk-column-span {
    column-span: all
}

[data-uk-cover]:where(canvas,iframe,svg), [uk-cover]:where(canvas,iframe,svg) {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    --uk-position-translate-x: -50%;
    --uk-position-translate-y: -50%;
    transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y))
}

iframe[data-uk-cover], iframe[uk-cover] {
    pointer-events: none
}

[data-uk-cover]:where(img,video), [uk-cover]:where(img,video) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center
}

.uk-cover-container {
    overflow: hidden;
    position: relative
}

.uk-background-default {
    background-color: #fff
}

.uk-background-muted {
    background-color: #f7f9fc
}

.uk-background-primary {
    background-color: #0064D9
}

.uk-background-secondary {
    background-color: #091e42
}

.uk-background-contain, .uk-background-cover, .uk-background-height-1-1, .uk-background-width-1-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uk-background-cover {
    background-size: cover
}

.uk-background-contain {
    background-size: contain
}

.uk-background-width-1-1 {
    background-size: 100%
}

.uk-background-height-1-1 {
    background-size: auto 100%
}

.uk-background-top-left {
    background-position: 0 0
}

.uk-background-top-center {
    background-position: 50% 0
}

.uk-background-top-right {
    background-position: 100% 0
}

.uk-background-center-left {
    background-position: 0 50%
}

.uk-background-center-center {
    background-position: 50% 50%
}

.uk-background-center-right {
    background-position: 100% 50%
}

.uk-background-bottom-left {
    background-position: 0 100%
}

.uk-background-bottom-center {
    background-position: 50% 100%
}

.uk-background-bottom-right {
    background-position: 100% 100%
}

.uk-background-norepeat {
    background-repeat: no-repeat
}

.uk-background-fixed {
    background-attachment: fixed;
    backface-visibility: hidden
}

@media (pointer:coarse) {
    .uk-background-fixed {
        background-attachment: scroll
    }
}

@media (max-width:639px) {
    .uk-background-image\@s {
        background-image: none !important
    }
}

@media (max-width:959px) {
    .uk-background-image\@m {
        background-image: none !important
    }
}

@media (max-width:1199px) {
    .uk-background-image\@l {
        background-image: none !important
    }
}

@media (max-width:1599px) {
    .uk-background-image\@xl {
        background-image: none !important
    }
}

.uk-background-blend-multiply {
    background-blend-mode: multiply
}

.uk-background-blend-screen {
    background-blend-mode: screen
}

.uk-background-blend-overlay {
    background-blend-mode: overlay
}

.uk-background-blend-darken {
    background-blend-mode: darken
}

.uk-background-blend-lighten {
    background-blend-mode: lighten
}

.uk-background-blend-color-dodge {
    background-blend-mode: color-dodge
}

.uk-background-blend-color-burn {
    background-blend-mode: color-burn
}

.uk-background-blend-hard-light {
    background-blend-mode: hard-light
}

.uk-background-blend-soft-light {
    background-blend-mode: soft-light
}

.uk-background-blend-difference {
    background-blend-mode: difference
}

.uk-background-blend-exclusion {
    background-blend-mode: exclusion
}

.uk-background-blend-hue {
    background-blend-mode: hue
}

.uk-background-blend-saturation {
    background-blend-mode: saturation
}

.uk-background-blend-color {
    background-blend-mode: color
}

.uk-background-blend-luminosity {
    background-blend-mode: luminosity
}

.uk-background-transparent {
    background-color: transparent
}

.uk-background-gradient-default {
    background: linear-gradient(to bottom,#fff -14.38%,#f1ecf5 37.45%,#fff 91.38%)
}

.uk-background-gradient-primary {
    background-image: linear-gradient(112.91deg,#241f52 14.85%,#0064D9 85.15%)
}

.uk-background-gradient-primary-figure {
    background-image: url(../img/icon-figure.svg),linear-gradient(112.91deg,#0082FF 14.85%,#0050D3 85.15%)
}

.uk-background-gradient-secondary {
    background: linear-gradient(97.11deg,#1c2457 0,#2483c5 113.05%)
}

.uk-background-default-90 {
    background-color: rgba(255,255,255,.9)
}

.uk-hover-muted {
    transition: .1s ease-in-out;
    transition-property: background-color
}

    .uk-hover-muted:hover {
        background-color: #f7f9fc
    }

@media (min-width:960px) {
    .uk-background-default\@m {
        background-color: #fff
    }

    .uk-background-muted\@m {
        background-color: #f7f9fc
    }
}

[class*=uk-align] {
    display: block;
    margin-bottom: 30px
}

* + [class*=uk-align] {
    margin-top: 30px
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto
}

.uk-align-left {
    margin-top: 0;
    margin-right: 30px;
    float: left
}

.uk-align-right {
    margin-top: 0;
    margin-left: 30px;
    float: right
}

@media (min-width:640px) {
    .uk-align-left\@s {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right\@s {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:960px) {
    .uk-align-left\@m {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right\@m {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:1200px) {
    .uk-align-left\@l {
        margin-top: 0;
        float: left
    }

    .uk-align-right\@l {
        margin-top: 0;
        float: right
    }

    .uk-align-left, .uk-align-left\@l, .uk-align-left\@m, .uk-align-left\@s {
        margin-right: 40px
    }

    .uk-align-right, .uk-align-right\@l, .uk-align-right\@m, .uk-align-right\@s {
        margin-left: 40px
    }
}

@media (min-width:1600px) {
    .uk-align-left\@xl {
        margin-top: 0;
        margin-right: 40px;
        float: left
    }

    .uk-align-right\@xl {
        margin-top: 0;
        margin-left: 40px;
        float: right
    }
}

.uk-svg, .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: currentcolor
}

    .uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
        stroke: currentcolor
    }

.uk-svg {
    transform: translate(0,0)
}

.uk-panel {
    display: flow-root;
    position: relative;
    box-sizing: border-box
}

    .uk-panel > :last-child {
        margin-bottom: 0
    }

.uk-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 1px solid #dfe3ec;
    overflow: auto;
    resize: both
}

.uk-clearfix::before {
    content: "";
    display: table-cell
}

.uk-clearfix::after {
    content: "";
    display: table;
    clear: both
}

.uk-float-left {
    float: left
}

.uk-float-right {
    float: right
}

[class*=uk-float-] {
    max-width: 100%
}

.uk-overflow-hidden {
    overflow: hidden
}

.uk-overflow-auto {
    overflow: auto
}

    .uk-overflow-auto > :last-child {
        margin-bottom: 0
    }

.uk-box-sizing-content {
    box-sizing: content-box
}

.uk-box-sizing-border {
    box-sizing: border-box
}

.uk-resize {
    resize: both
}

.uk-resize-horizontal {
    resize: horizontal
}

.uk-resize-vertical {
    resize: vertical
}

.uk-display-block {
    display: block !important
}

.uk-display-inline {
    display: inline !important
}

.uk-display-inline-block {
    display: inline-block !important
}

[class*=uk-inline] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    -webkit-backface-visibility: hidden
}

.uk-inline-clip {
    overflow: hidden
}

.uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video {
    max-width: none
}

.uk-responsive-height, .uk-responsive-width {
    box-sizing: border-box
}

.uk-responsive-width {
    max-width: 100% !important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto;
    max-width: none
}

[data-uk-responsive], [uk-responsive] {
    max-width: 100%
}

.uk-object-cover {
    object-fit: cover
}

.uk-object-contain {
    object-fit: contain
}

.uk-object-fill {
    object-fit: fill
}

.uk-object-none {
    object-fit: none
}

.uk-object-scale-down {
    object-fit: scale-down
}

.uk-object-top-left {
    object-position: 0 0
}

.uk-object-top-center {
    object-position: 50% 0
}

.uk-object-top-right {
    object-position: 100% 0
}

.uk-object-center-left {
    object-position: 0 50%
}

.uk-object-center-center {
    object-position: 50% 50%
}

.uk-object-center-right {
    object-position: 100% 50%
}

.uk-object-bottom-left {
    object-position: 0 100%
}

.uk-object-bottom-center {
    object-position: 50% 100%
}

.uk-object-bottom-right {
    object-position: 100% 100%
}

.uk-border-circle {
    border-radius: 50%
}

.uk-border-pill {
    border-radius: 500px
}

.uk-border-rounded {
    border-radius: 8px
}

.uk-inline-clip[class*=uk-border-] {
    -webkit-transform: translateZ(0)
}

.uk-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.uk-box-shadow-medium {
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

.uk-box-shadow-large {
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-box-shadow-xlarge {
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

[class*=uk-box-shadow-hover] {
    transition: box-shadow .1s ease-in-out
}

.uk-box-shadow-hover-small:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.uk-box-shadow-hover-medium:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

.uk-box-shadow-hover-large:hover {
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-box-shadow-hover-xlarge:hover {
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

@supports (filter:blur(0)) {
    .uk-box-shadow-bottom {
        display: inline-block;
        position: relative;
        z-index: 0;
        max-width: 100%;
        vertical-align: middle
    }

        .uk-box-shadow-bottom::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 0;
            right: 0;
            z-index: -1;
            height: 30px;
            border-radius: 100%;
            background: #444;
            filter: blur(20px);
            will-change: filter
        }
}

.uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 4.5em;
    line-height: 1;
    margin-bottom: -2px
}

@-moz-document url-prefix() {
    .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
        margin-top: 1.1%
    }
}

.uk-logo {
    font-size: 20px;
    font-family: mulish-variable,sans-serif;
    color: #091e42;
    text-decoration: none
}

:where(.uk-logo) {
    display: inline-block;
    vertical-align: middle
}

.uk-logo:hover {
    color: #091e42;
    text-decoration: none
}

.uk-logo :where(img,svg,video) {
    display: block
}

.uk-logo-inverse {
    display: none
}

.uk-disabled {
    pointer-events: none
}

.uk-drag, .uk-drag * {
    cursor: move
}

    .uk-drag iframe {
        pointer-events: none
    }

.uk-dragover {
    box-shadow: 0 0 20px rgba(100,100,100,.3)
}

.uk-blend-multiply {
    mix-blend-mode: multiply
}

.uk-blend-screen {
    mix-blend-mode: screen
}

.uk-blend-overlay {
    mix-blend-mode: overlay
}

.uk-blend-darken {
    mix-blend-mode: darken
}

.uk-blend-lighten {
    mix-blend-mode: lighten
}

.uk-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.uk-blend-color-burn {
    mix-blend-mode: color-burn
}

.uk-blend-hard-light {
    mix-blend-mode: hard-light
}

.uk-blend-soft-light {
    mix-blend-mode: soft-light
}

.uk-blend-difference {
    mix-blend-mode: difference
}

.uk-blend-exclusion {
    mix-blend-mode: exclusion
}

.uk-blend-hue {
    mix-blend-mode: hue
}

.uk-blend-saturation {
    mix-blend-mode: saturation
}

.uk-blend-color {
    mix-blend-mode: color
}

.uk-blend-luminosity {
    mix-blend-mode: luminosity
}

.uk-transform-center {
    transform: translate(-50%,-50%)
}

.uk-transform-origin-top-left {
    transform-origin: 0 0
}

.uk-transform-origin-top-center {
    transform-origin: 50% 0
}

.uk-transform-origin-top-right {
    transform-origin: 100% 0
}

.uk-transform-origin-center-left {
    transform-origin: 0 50%
}

.uk-transform-origin-center-right {
    transform-origin: 100% 50%
}

.uk-transform-origin-bottom-left {
    transform-origin: 0 100%
}

.uk-transform-origin-bottom-center {
    transform-origin: 50% 100%
}

.uk-transform-origin-bottom-right {
    transform-origin: 100% 100%
}

.uk-border {
    border: 1px solid #dfe3ec
}

.uk-border-danger {
    border: 1px solid #ba3636
}

.uk-border-top {
    border-top: 1px solid #dfe3ec
}

.uk-border-bottom {
    border-bottom: 1px solid #dfe3ec
}

.uk-border-rounded-small {
    border-radius: 6px
}

.uk-border-rounded-medium {
    border-radius: 8px
}

.uk-border-rounded-large {
    border-radius: 8px
}

.uk-scrollbar-none::-webkit-scrollbar {
    width: 0;
    height: 0
}

.uk-border-rounded-2xl {
    border-radius: 64px
}

.uk-logo-square {
    width: 180px;
    height: 180px
}

.uk-cursor-pointer {
    cursor: pointer
}

.uk-hidden-empty-child:has(.uk-empty:empty) {
    display: none
}

@media (min-width:960px) {
    .uk-border-rounded-large {
        border-radius: 16px
    }

    .uk-border-rounded-medium {
        border-radius: 12px
    }

    .uk-logo-square {
        width: 200px;
        height: 200px
    }
}

@media (min-width:640px) {
    .uk-display-block\@s {
        display: block !important
    }
}

.uk-overflow-visible {
    overflow: visible
}

@media (max-width:959px) {
    .uk-line-clamp-2-m {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .uk-hidden-last-child-m > :last-child {
        display: none
    }
}

.uk-flex {
    display: flex
}

.uk-flex-inline {
    display: inline-flex
}

.uk-flex-left {
    justify-content: flex-start
}

.uk-flex-center {
    justify-content: center
}

.uk-flex-right {
    justify-content: flex-end
}

.uk-flex-between {
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}

@media (min-width:640px) {
    .uk-flex-left\@s {
        justify-content: flex-start
    }

    .uk-flex-center\@s {
        justify-content: center
    }

    .uk-flex-right\@s {
        justify-content: flex-end
    }

    .uk-flex-between\@s {
        justify-content: space-between
    }

    .uk-flex-around\@s {
        justify-content: space-around
    }
}

@media (min-width:960px) {
    .uk-flex-left\@m {
        justify-content: flex-start
    }

    .uk-flex-center\@m {
        justify-content: center
    }

    .uk-flex-right\@m {
        justify-content: flex-end
    }

    .uk-flex-between\@m {
        justify-content: space-between
    }

    .uk-flex-around\@m {
        justify-content: space-around
    }
}

@media (min-width:1200px) {
    .uk-flex-left\@l {
        justify-content: flex-start
    }

    .uk-flex-center\@l {
        justify-content: center
    }

    .uk-flex-right\@l {
        justify-content: flex-end
    }

    .uk-flex-between\@l {
        justify-content: space-between
    }

    .uk-flex-around\@l {
        justify-content: space-around
    }
}

@media (min-width:1600px) {
    .uk-flex-left\@xl {
        justify-content: flex-start
    }

    .uk-flex-center\@xl {
        justify-content: center
    }

    .uk-flex-right\@xl {
        justify-content: flex-end
    }

    .uk-flex-between\@xl {
        justify-content: space-between
    }

    .uk-flex-around\@xl {
        justify-content: space-around
    }
}

.uk-flex-stretch {
    align-items: stretch
}

.uk-flex-top {
    align-items: flex-start
}

.uk-flex-middle {
    align-items: center
}

.uk-flex-bottom {
    align-items: flex-end
}

@media (min-width:640px) {
    .uk-flex-stretch\@s {
        align-items: stretch
    }

    .uk-flex-top\@s {
        align-items: flex-start
    }

    .uk-flex-middle\@s {
        align-items: center
    }

    .uk-flex-bottom\@s {
        align-items: flex-end
    }
}

@media (min-width:960px) {
    .uk-flex-stretch\@m {
        align-items: stretch
    }

    .uk-flex-top\@m {
        align-items: flex-start
    }

    .uk-flex-middle\@m {
        align-items: center
    }

    .uk-flex-bottom\@m {
        align-items: flex-end
    }
}

@media (min-width:1200px) {
    .uk-flex-stretch\@l {
        align-items: stretch
    }

    .uk-flex-top\@l {
        align-items: flex-start
    }

    .uk-flex-middle\@l {
        align-items: center
    }

    .uk-flex-bottom\@l {
        align-items: flex-end
    }
}

@media (min-width:1600px) {
    .uk-flex-stretch\@xl {
        align-items: stretch
    }

    .uk-flex-top\@xl {
        align-items: flex-start
    }

    .uk-flex-middle\@xl {
        align-items: center
    }

    .uk-flex-bottom\@xl {
        align-items: flex-end
    }
}

.uk-flex-row {
    flex-direction: row
}

.uk-flex-row-reverse {
    flex-direction: row-reverse
}

.uk-flex-column {
    flex-direction: column
}

.uk-flex-column-reverse {
    flex-direction: column-reverse
}

@media (min-width:640px) {
    .uk-flex-row\@s {
        flex-direction: row
    }

    .uk-flex-column\@s {
        flex-direction: column
    }
}

@media (min-width:960px) {
    .uk-flex-row\@m {
        flex-direction: row
    }

    .uk-flex-column\@m {
        flex-direction: column
    }
}

@media (min-width:1200px) {
    .uk-flex-row\@l {
        flex-direction: row
    }

    .uk-flex-column\@l {
        flex-direction: column
    }
}

@media (min-width:1600px) {
    .uk-flex-row\@xl {
        flex-direction: row
    }

    .uk-flex-column\@xl {
        flex-direction: column
    }
}

.uk-flex-nowrap {
    flex-wrap: nowrap
}

.uk-flex-wrap {
    flex-wrap: wrap
}

.uk-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.uk-flex-wrap-stretch {
    align-content: stretch
}

.uk-flex-wrap-top {
    align-content: flex-start
}

.uk-flex-wrap-middle {
    align-content: center
}

.uk-flex-wrap-bottom {
    align-content: flex-end
}

.uk-flex-wrap-between {
    align-content: space-between
}

.uk-flex-wrap-around {
    align-content: space-around
}

.uk-flex-first {
    order: -1
}

.uk-flex-last {
    order: 99
}

@media (min-width:640px) {
    .uk-flex-first\@s {
        order: -1
    }

    .uk-flex-last\@s {
        order: 99
    }
}

@media (min-width:960px) {
    .uk-flex-first\@m {
        order: -1
    }

    .uk-flex-last\@m {
        order: 99
    }
}

@media (min-width:1200px) {
    .uk-flex-first\@l {
        order: -1
    }

    .uk-flex-last\@l {
        order: 99
    }
}

@media (min-width:1600px) {
    .uk-flex-first\@xl {
        order: -1
    }

    .uk-flex-last\@xl {
        order: 99
    }
}

.uk-flex-initial {
    flex: initial
}

.uk-flex-none {
    flex: none
}

.uk-flex-auto {
    flex: auto
}

.uk-flex-1 {
    flex: 1
}

@media (min-width:640px) {
    .uk-flex-initial\@s {
        flex: initial
    }

    .uk-flex-none\@s {
        flex: none
    }

    .uk-flex-1\@s {
        flex: 1
    }
}

@media (min-width:960px) {
    .uk-flex-initial\@m {
        flex: initial
    }

    .uk-flex-none\@m {
        flex: none
    }

    .uk-flex-1\@m {
        flex: 1
    }
}

@media (min-width:1200px) {
    .uk-flex-initial\@l {
        flex: initial
    }

    .uk-flex-none\@l {
        flex: none
    }

    .uk-flex-1\@l {
        flex: 1
    }
}

@media (min-width:1600px) {
    .uk-flex-initial\@xl {
        flex: initial
    }

    .uk-flex-none\@xl {
        flex: none
    }

    .uk-flex-1\@xl {
        flex: 1
    }
}

.uk-gap-8 {
    gap: 8px
}

.uk-gap-10 {
    gap: 10px
}

.uk-gap-column-16 {
    column-gap: 16px
}

.uk-gap-12 {
    gap: 12px
}

.uk-gap-row-12 {
    row-gap: 12px
}

.uk-flex-grow {
    flex-grow: 1 !important
}

@media (min-width:960px) {
    .uk-gap-16\@m {
        gap: 16px
    }

    .uk-flex-middle\@m {
        align-items: center
    }
}

@media (max-width:959px) {
    .uk-flex-wrap-m {
        flex-wrap: wrap
    }
}

.uk-margin {
    margin-bottom: 20px
}

* + .uk-margin {
    margin-top: 20px !important
}

.uk-margin-top {
    margin-top: 20px !important
}

.uk-margin-bottom {
    margin-bottom: 20px !important
}

.uk-margin-left {
    margin-left: 20px !important
}

.uk-margin-right {
    margin-right: 20px !important
}

.uk-margin-small {
    margin-bottom: 12px
}

* + .uk-margin-small {
    margin-top: 12px !important
}

.uk-margin-small-top {
    margin-top: 12px !important
}

.uk-margin-small-bottom {
    margin-bottom: 12px !important
}

.uk-margin-small-left {
    margin-left: 12px !important
}

.uk-margin-small-right {
    margin-right: 12px !important
}

.uk-margin-medium {
    margin-bottom: 40px
}

* + .uk-margin-medium {
    margin-top: 40px !important
}

.uk-margin-medium-top {
    margin-top: 40px !important
}

.uk-margin-medium-bottom {
    margin-bottom: 40px !important
}

.uk-margin-medium-left {
    margin-left: 40px !important
}

.uk-margin-medium-right {
    margin-right: 40px !important
}

.uk-margin-large {
    margin-bottom: 32px
}

* + .uk-margin-large {
    margin-top: 32px !important
}

.uk-margin-large-top {
    margin-top: 32px !important
}

.uk-margin-large-bottom {
    margin-bottom: 32px !important
}

.uk-margin-large-left {
    margin-left: 32px !important
}

.uk-margin-large-right {
    margin-right: 32px !important
}

@media (min-width:1200px) {
    .uk-margin-large {
        margin-bottom: 60px
    }

    * + .uk-margin-large {
        margin-top: 60px !important
    }

    .uk-margin-large-top {
        margin-top: 60px !important
    }

    .uk-margin-large-bottom {
        margin-bottom: 60px !important
    }

    .uk-margin-large-left {
        margin-left: 60px !important
    }

    .uk-margin-large-right {
        margin-right: 60px !important
    }
}

.uk-margin-xlarge {
    margin-bottom: 70px
}

* + .uk-margin-xlarge {
    margin-top: 70px !important
}

.uk-margin-xlarge-top {
    margin-top: 70px !important
}

.uk-margin-xlarge-bottom {
    margin-bottom: 70px !important
}

.uk-margin-xlarge-left {
    margin-left: 70px !important
}

.uk-margin-xlarge-right {
    margin-right: 70px !important
}

@media (min-width:1200px) {
    .uk-margin-xlarge {
        margin-bottom: 140px
    }

    * + .uk-margin-xlarge {
        margin-top: 140px !important
    }

    .uk-margin-xlarge-top {
        margin-top: 140px !important
    }

    .uk-margin-xlarge-bottom {
        margin-bottom: 140px !important
    }

    .uk-margin-xlarge-left {
        margin-left: 140px !important
    }

    .uk-margin-xlarge-right {
        margin-right: 140px !important
    }
}

.uk-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.uk-margin-auto-top {
    margin-top: auto !important
}

.uk-margin-auto-bottom {
    margin-bottom: auto !important
}

.uk-margin-auto-left {
    margin-left: auto !important
}

.uk-margin-auto-right {
    margin-right: auto !important
}

.uk-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width:640px) {
    .uk-margin-auto\@s {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@s {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@s {
        margin-right: auto !important
    }
}

@media (min-width:960px) {
    .uk-margin-auto\@m {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@m {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@m {
        margin-right: auto !important
    }
}

@media (min-width:1200px) {
    .uk-margin-auto\@l {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@l {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@l {
        margin-right: auto !important
    }
}

@media (min-width:1600px) {
    .uk-margin-auto\@xl {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-left\@xl {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@xl {
        margin-right: auto !important
    }
}

.uk-margin-remove {
    margin: 0 !important
}

.uk-margin-remove-top {
    margin-top: 0 !important
}

.uk-margin-remove-bottom {
    margin-bottom: 0 !important
}

.uk-margin-remove-left {
    margin-left: 0 !important
}

.uk-margin-remove-right {
    margin-right: 0 !important
}

.uk-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child {
    margin-top: 0 !important
}

.uk-margin-remove-last-child > :last-child {
    margin-bottom: 0 !important
}

@media (min-width:640px) {
    .uk-margin-remove-left\@s {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@s {
        margin-right: 0 !important
    }
}

@media (min-width:960px) {
    .uk-margin-remove-left\@m {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@m {
        margin-right: 0 !important
    }
}

@media (min-width:1200px) {
    .uk-margin-remove-left\@l {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@l {
        margin-right: 0 !important
    }
}

@media (min-width:1600px) {
    .uk-margin-remove-left\@xl {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@xl {
        margin-right: 0 !important
    }
}

.uk-margin-remove-child > * {
    margin: 0 !important
}

.uk-margin-2 {
    margin-bottom: 2px
}

.uk-margin-4 {
    margin-bottom: 4px
}

.uk-margin-8-right {
    margin-right: 8px
}

.uk-margin-8 {
    margin-bottom: 8px
}

* + .uk-margin-8 {
    margin-top: 8px
}

.uk-margin-8-top {
    margin-top: 8px !important
}

.uk-margin-8-bottom {
    margin-bottom: 8px !important
}

.uk-margin-16 {
    margin-bottom: 16px
}

* + .uk-margin-16 {
    margin-top: 16px
}

.uk-margin-16-top {
    margin-top: 16px !important
}

.uk-margin-16-bottom {
    margin-bottom: 16px !important
}

.uk-margin-16-vertical {
    margin-top: 16px;
    margin-bottom: 16px
}

.uk-margin-24 {
    margin-bottom: 24px
}

* + .uk-margin-24 {
    margin-top: 24px
}

.uk-margin-24-bottom {
    margin-bottom: 24px !important
}

.uk-margin-32 {
    margin-bottom: 32px
}

* + .uk-margin-32 {
    margin-top: 32px
}

.uk-margin-32-bottom {
    margin-bottom: 32px !important
}

.uk-margin-48 {
    margin-bottom: 48px
}

* + .uk-margin-48 {
    margin-top: 48px
}

@media (min-width:960px) {
    .uk-margin-8\@m {
        margin-bottom: 8px
    }

    .uk-margin-8-bottom\@m {
        margin-bottom: 8px !important
    }

    .uk-margin-small\@m {
        margin-bottom: 12px
    }

    * + .uk-margin-small\@m {
        margin-top: 12px
    }

    .uk-margin-16\@m {
        margin-bottom: 16px
    }

    .uk-margin-16-top\@m {
        margin-top: 16px !important
    }

    .uk-margin-top\@m {
        margin-top: 20px !important
    }

    .uk-margin-24\@m {
        margin-bottom: 24px
    }

    * + .uk-margin-24\@m {
        margin-top: 24px !important
    }

    .uk-margin-24-top\@m {
        margin-top: 24px !important
    }

    .uk-margin-24-bottom\@m {
        margin-bottom: 24px !important
    }

    .uk-margin-32\@m {
        margin-bottom: 32px
    }

    * + .uk-margin-32\@m {
        margin-top: 32px !important
    }

    .uk-margin-32-bottom\@m {
        margin-bottom: 32px !important
    }

    .uk-margin-medium\@m {
        margin-bottom: 40px
    }

    * + .uk-margin-medium\@m {
        margin-top: 40px !important
    }

    .uk-margin-medium-top\@m {
        margin-top: 40px !important
    }

    .uk-margin-medium-bottom\@m {
        margin-bottom: 40px !important
    }

    .uk-margin-48\@m {
        margin-bottom: 48px
    }

    * + .uk-margin-48\@m {
        margin-top: 48px !important
    }

    .uk-margin-64\@m {
        margin-bottom: 64px
    }

    * + .uk-margin-64\@m {
        margin-top: 64px !important
    }

    .uk-margin-64-top\@m {
        margin-top: 64px !important
    }
}

@media (max-width:959px) {
    .uk-margin-2-top-m {
        margin-top: 2px
    }

    .uk-margin-right-negative-m {
        margin-right: -20px
    }
}

.uk-padding {
    padding: 20px
}

@media (min-width:1200px) {
    .uk-padding {
        padding: 24px
    }
}

.uk-padding-small {
    padding: 15px
}

.uk-padding-large {
    padding: 20px
}

@media (min-width:1200px) {
    .uk-padding-large {
        padding: 48px
    }
}

.uk-padding-remove {
    padding: 0 !important
}

.uk-padding-remove-top {
    padding-top: 0 !important
}

.uk-padding-remove-bottom {
    padding-bottom: 0 !important
}

.uk-padding-remove-left {
    padding-left: 0 !important
}

.uk-padding-remove-right {
    padding-right: 0 !important
}

.uk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.uk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.uk-padding-xsmall-vertical {
    padding-top: 8px;
    padding-bottom: 8px
}

.uk-padding-xsmall {
    padding: 8px
}

.uk-padding-10-16 {
    padding: 10px 16px
}

.uk-padding-14-16 {
    padding: 14px 16px
}

.uk-padding-12-16 {
    padding: 12px 16px
}

.uk-padding-small-vertical {
    padding-top: 12px;
    padding-bottom: 12px
}

.uk-padding-16 {
    padding: 16px
}

.uk-padding-16-horizontal {
    padding-right: 16px;
    padding-left: 16px
}

.uk-padding-16-20 {
    padding: 16px 20px
}

.uk-padding-16-24 {
    padding: 16px 24px
}

.uk-padding-20-24 {
    padding: 20px 24px
}

.uk-padding-20 {
    padding: 20px
}

.uk-padding-24 {
    padding: 24px
}

.uk-padding-20-bottom {
    padding-bottom: 20px
}

.uk-padding-20-vertical {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-padding-20-horizontal {
    padding-right: 20px;
    padding-left: 20px
}

.uk-padding-32-horizontal {
    padding-right: 32px;
    padding-left: 32px
}

.uk-padding-32 {
    padding: 32px
}

.uk-padding-40-top {
    padding-top: 40px
}

.uk-padding-40-bottom {
    padding-bottom: 40px
}

.uk-padding-120-bottom {
    padding-bottom: 120px
}

@media (min-width:960px) {
    .uk-padding-small-vertical\@m {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .uk-padding-16-horizontal\@m {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .uk-padding-16\@m {
        padding: 16px
    }

    .uk-padding-24\@m {
        padding: 24px
    }

    .uk-padding-32\@m {
        padding: 32px
    }

    .uk-padding-20-24\@m {
        padding: 20px 24px
    }

    .uk-padding-24-32\@m {
        padding: 24px 32px
    }

    .uk-padding-40\@m {
        padding: 40px
    }

    .uk-padding-40-bottom\@m {
        padding-bottom: 40px
    }

    .uk-padding-40-vertical\@m {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .uk-padding-48-vertical\@m {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .uk-padding-60-top\@m {
        padding-top: 60px
    }

    .uk-padding-64-horizontal\@m {
        padding-right: 64px;
        padding-left: 64px
    }

    .uk-padding-80-bottom\@m {
        padding-bottom: 80px
    }

    .uk-padding-xlarge-top\@m {
        padding-top: 160px
    }

    .uk-padding-xlarge-bottom\@m {
        padding-bottom: 160px
    }
}

@media (max-width:959px) {
    .uk-padding-remove-bottom-m {
        padding-bottom: 0
    }
}

:root {
    --uk-position-margin-offset: 0px
}

[class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] {
    position: absolute !important;
    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: calc(50% - var(--uk-position-margin-offset));
    left: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-x: -50%;
    --uk-position-translate-y: -50%;
    transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y));
    width: max-content
}

.uk-position-center-vertical, [class*=uk-position-center-left], [class*=uk-position-center-right] {
    top: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -50%;
    transform: translate(0,var(--uk-position-translate-y))
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-vertical {
    left: 0;
    right: 0
}

.uk-position-center-left-out {
    right: 100%;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%;
    width: max-content
}

.uk-position-bottom-center, .uk-position-center-horizontal, .uk-position-top-center {
    left: calc(50% - var(--uk-position-margin-offset));
    --uk-position-translate-x: -50%;
    transform: translate(var(--uk-position-translate-x),0);
    width: max-content
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-center-horizontal {
    top: 0;
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-small {
    margin: 12px;
    --uk-position-margin-offset: 12px
}

.uk-position-medium {
    margin: 30px;
    --uk-position-margin-offset: 30px
}

.uk-position-large {
    margin: 30px;
    --uk-position-margin-offset: 30px
}

@media (min-width:1200px) {
    .uk-position-large {
        margin: 50px;
        --uk-position-margin-offset: 50px
    }
}

.uk-position-relative {
    position: relative !important
}

.uk-position-absolute {
    position: absolute !important
}

.uk-position-fixed {
    position: fixed !important
}

.uk-position-sticky {
    position: sticky !important
}

.uk-position-z-index {
    z-index: 1
}

.uk-position-z-index-zero {
    z-index: 0
}

.uk-position-z-index-negative {
    z-index: -1
}

.uk-position-z-index-high {
    z-index: 990
}

.uk-position-z-index-1000 {
    z-index: 1000
}

.uk-position-static {
    position: static !important
}

.uk-top {
    top: 0
}

.uk-top-124 {
    top: 124px
}

@media (min-width:960px) {
    .uk-position-sticky\@m {
        position: sticky !important
    }
}

@media (max-width:959px) {
    .sticky-price-detail {
        border-radius: 0;
        border-color: rgba(255,255,255,.12);
        border-width: 0 0 1px 0;
        position: fixed !important;
        bottom: 74px;
        top: auto;
        right: 0;
        left: 0;
        color: #fff !important;
        padding: 20px;
        transform: translateY(100%);
        transition: .3s
    }

        .sticky-price-detail.uk-open {
            transform: translateY(0)
        }

        .sticky-price-detail hr {
            border-top-color: rgba(255,255,255,.12)
        }

    .sticky-price-summary .uk-icon {
        transition: .3s
    }

    .sticky-price-summary.uk-open .uk-icon {
        rotate: 180deg
    }

    .uk-section:has(.sticky-price-summary) {
        padding-bottom: 98px
    }

    .uk-position-z-index-m {
        z-index: 1
    }
}

:where(.uk-transition-fade), :where([class*=uk-transition-scale]), :where([class*=uk-transition-slide]) {
    --uk-position-translate-x: 0;
    --uk-position-translate-y: 0
}

.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] {
    --uk-translate-x: 0;
    --uk-translate-y: 0;
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));
    transition: .3s ease-out;
    transition-property: opacity,transform,filter;
    opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade, .uk-transition-toggle .uk-transition-fade:focus-within, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle:hover .uk-transition-fade {
    opacity: 1
}

[class*=uk-transition-scale] {
    -webkit-backface-visibility: hidden
}

.uk-transition-scale-up {
    --uk-scale-x: 1;
    --uk-scale-y: 1
}

.uk-transition-scale-down {
    --uk-scale-x: 1.03;
    --uk-scale-y: 1.03
}

.uk-transition-active.uk-active .uk-transition-scale-up, .uk-transition-toggle .uk-transition-scale-up:focus-within, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle:hover .uk-transition-scale-up {
    --uk-scale-x: 1.03;
    --uk-scale-y: 1.03;
    opacity: 1
}

.uk-transition-active.uk-active .uk-transition-scale-down, .uk-transition-toggle .uk-transition-scale-down:focus-within, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle:hover .uk-transition-scale-down {
    --uk-scale-x: 1;
    --uk-scale-y: 1;
    opacity: 1
}

.uk-transition-slide-top {
    --uk-translate-y: -100%
}

.uk-transition-slide-bottom {
    --uk-translate-y: 100%
}

.uk-transition-slide-left {
    --uk-translate-x: -100%
}

.uk-transition-slide-right {
    --uk-translate-x: 100%
}

.uk-transition-slide-top-small {
    --uk-translate-y: calc(-1 * 10px)
}

.uk-transition-slide-bottom-small {
    --uk-translate-y: 10px
}

.uk-transition-slide-left-small {
    --uk-translate-x: calc(-1 * 10px)
}

.uk-transition-slide-right-small {
    --uk-translate-x: 10px
}

.uk-transition-slide-top-medium {
    --uk-translate-y: calc(-1 * 50px)
}

.uk-transition-slide-bottom-medium {
    --uk-translate-y: 50px
}

.uk-transition-slide-left-medium {
    --uk-translate-x: calc(-1 * 50px)
}

.uk-transition-slide-right-medium {
    --uk-translate-x: 50px
}

.uk-transition-active.uk-active [class*=uk-transition-slide], .uk-transition-toggle [class*=uk-transition-slide]:focus-within, .uk-transition-toggle:focus [class*=uk-transition-slide], .uk-transition-toggle:hover [class*=uk-transition-slide] {
    --uk-translate-x: 0;
    --uk-translate-y: 0;
    opacity: 1
}

.uk-transition-opaque {
    opacity: 1
}

.uk-transition-slow {
    transition-duration: .7s
}

.uk-transition-disable, .uk-transition-disable * {
    transition: none !important
}

.uk-hidden, [hidden] {
    display: none !important
}

@media (min-width:640px) {
    .uk-hidden\@s {
        display: none !important
    }
}

@media (min-width:960px) {
    .uk-hidden\@m {
        display: none !important
    }
}

@media (min-width:1200px) {
    .uk-hidden\@l {
        display: none !important
    }
}

@media (min-width:1600px) {
    .uk-hidden\@xl {
        display: none !important
    }
}

@media (max-width:639px) {
    .uk-visible\@s {
        display: none !important
    }
}

@media (max-width:959px) {
    .uk-visible\@m {
        display: none !important
    }
}

@media (max-width:1199px) {
    .uk-visible\@l {
        display: none !important
    }
}

@media (max-width:1599px) {
    .uk-visible\@xl {
        display: none !important
    }
}

.uk-invisible {
    visibility: hidden !important
}

.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
    opacity: 0 !important
}

@media (hover:none) {
    .uk-hidden-touch {
        display: none !important
    }
}

@media (hover) {
    .uk-hidden-notouch {
        display: none !important
    }
}

.uk-card-primary.uk-card-body, .uk-card-primary > :not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*=uk-card-media]), .uk-light, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
    color: rgba(255,255,255,.8)
}

    .uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary > :not([class*=uk-card-media]) .uk-link, .uk-card-primary > :not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link, .uk-card-secondary > :not([class*=uk-card-media]) a, .uk-light .uk-link, .uk-light a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-link:hover, .uk-card-primary > :not([class*=uk-card-media]) a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link:hover, .uk-card-secondary > :not([class*=uk-card-media]) a:hover, .uk-light .uk-link-toggle:hover .uk-link, .uk-light .uk-link:hover, .uk-light a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body :not(pre) > code, .uk-card-primary.uk-card-body :not(pre) > kbd, .uk-card-primary.uk-card-body :not(pre) > samp, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > code, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > kbd, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > samp, .uk-card-secondary.uk-card-body :not(pre) > code, .uk-card-secondary.uk-card-body :not(pre) > kbd, .uk-card-secondary.uk-card-body :not(pre) > samp, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > code, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > kbd, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > samp, .uk-light :not(pre) > code, .uk-light :not(pre) > kbd, .uk-light :not(pre) > samp, .uk-overlay-primary :not(pre) > code, .uk-overlay-primary :not(pre) > kbd, .uk-overlay-primary :not(pre) > samp, .uk-section-primary:not(.uk-preserve-color) :not(pre) > code, .uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp {
        color: rgba(255,255,255,.8);
        background: rgba(255,255,255,.1)
    }

    .uk-card-primary.uk-card-body em, .uk-card-primary > :not([class*=uk-card-media]) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary > :not([class*=uk-card-media]) em, .uk-light em, .uk-overlay-primary em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary.uk-card-body .uk-heading-3xlarge, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body h6, .uk-card-primary > :not([class*=uk-card-media]) .uk-h1, .uk-card-primary > :not([class*=uk-card-media]) .uk-h2, .uk-card-primary > :not([class*=uk-card-media]) .uk-h3, .uk-card-primary > :not([class*=uk-card-media]) .uk-h4, .uk-card-primary > :not([class*=uk-card-media]) .uk-h5, .uk-card-primary > :not([class*=uk-card-media]) .uk-h6, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-3xlarge, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-large, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-medium, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-small, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-primary > :not([class*=uk-card-media]) h1, .uk-card-primary > :not([class*=uk-card-media]) h2, .uk-card-primary > :not([class*=uk-card-media]) h3, .uk-card-primary > :not([class*=uk-card-media]) h4, .uk-card-primary > :not([class*=uk-card-media]) h5, .uk-card-primary > :not([class*=uk-card-media]) h6, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary.uk-card-body .uk-heading-3xlarge, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h1, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h2, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h3, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h4, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h5, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h6, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-3xlarge, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-large, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-medium, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-small, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-secondary > :not([class*=uk-card-media]) h1, .uk-card-secondary > :not([class*=uk-card-media]) h2, .uk-card-secondary > :not([class*=uk-card-media]) h3, .uk-card-secondary > :not([class*=uk-card-media]) h4, .uk-card-secondary > :not([class*=uk-card-media]) h5, .uk-card-secondary > :not([class*=uk-card-media]) h6, .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light .uk-heading-2xlarge, .uk-light .uk-heading-3xlarge, .uk-light .uk-heading-large, .uk-light .uk-heading-medium, .uk-light .uk-heading-small, .uk-light .uk-heading-xlarge, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6, .uk-overlay-primary .uk-h1, .uk-overlay-primary .uk-h2, .uk-overlay-primary .uk-h3, .uk-overlay-primary .uk-h4, .uk-overlay-primary .uk-h5, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-2xlarge, .uk-overlay-primary .uk-heading-3xlarge, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary h1, .uk-overlay-primary h2, .uk-overlay-primary h3, .uk-overlay-primary h4, .uk-overlay-primary h5, .uk-overlay-primary h6, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) h6 {
        color: #fff
    }

    .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*=uk-card-media]) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*=uk-card-media]) blockquote, .uk-light blockquote, .uk-overlay-primary blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote {
        color: #fff
    }

        .uk-card-primary.uk-card-body blockquote footer, .uk-card-primary > :not([class*=uk-card-media]) blockquote footer, .uk-card-secondary.uk-card-body blockquote footer, .uk-card-secondary > :not([class*=uk-card-media]) blockquote footer, .uk-light blockquote footer, .uk-overlay-primary blockquote footer, .uk-section-primary:not(.uk-preserve-color) blockquote footer, .uk-section-secondary:not(.uk-preserve-color) blockquote footer, .uk-tile-primary:not(.uk-preserve-color) blockquote footer, .uk-tile-secondary:not(.uk-preserve-color) blockquote footer {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-hr, .uk-card-primary.uk-card-body hr, .uk-card-primary > :not([class*=uk-card-media]) .uk-hr, .uk-card-primary > :not([class*=uk-card-media]) hr, .uk-card-secondary.uk-card-body .uk-hr, .uk-card-secondary.uk-card-body hr, .uk-card-secondary > :not([class*=uk-card-media]) .uk-hr, .uk-card-secondary > :not([class*=uk-card-media]) hr, .uk-light .uk-hr, .uk-light hr, .uk-overlay-primary .uk-hr, .uk-overlay-primary hr, .uk-section-primary:not(.uk-preserve-color) .uk-hr, .uk-section-primary:not(.uk-preserve-color) hr, .uk-section-secondary:not(.uk-preserve-color) .uk-hr, .uk-section-secondary:not(.uk-preserve-color) hr, .uk-tile-primary:not(.uk-preserve-color) .uk-hr, .uk-tile-primary:not(.uk-preserve-color) hr, .uk-tile-secondary:not(.uk-preserve-color) .uk-hr, .uk-tile-secondary:not(.uk-preserve-color) hr {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body :focus-visible, .uk-card-primary > :not([class*=uk-card-media]) :focus-visible, .uk-card-secondary.uk-card-body :focus-visible, .uk-card-secondary > :not([class*=uk-card-media]) :focus-visible, .uk-light :focus-visible, .uk-overlay-primary :focus-visible, .uk-section-primary:not(.uk-preserve-color) :focus-visible, .uk-section-secondary:not(.uk-preserve-color) :focus-visible, .uk-tile-primary:not(.uk-preserve-color) :focus-visible, .uk-tile-secondary:not(.uk-preserve-color) :focus-visible {
        outline-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary.uk-card-body a.uk-link-muted, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-muted, .uk-light .uk-link-muted a, .uk-light a.uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-overlay-primary a.uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-light .uk-link-toggle:hover .uk-link-muted, .uk-light a.uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, .uk-overlay-primary a.uk-link-muted:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-text a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-light .uk-link-toggle:hover .uk-link-text, .uk-light a.uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-text, .uk-overlay-primary a.uk-link-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading, .uk-card-primary > :not([class*=uk-card-media]) a.uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary > :not([class*=uk-card-media]) a.uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-light .uk-link-toggle:hover .uk-link-heading, .uk-light a.uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, .uk-overlay-primary a.uk-link-heading:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-heading-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-divider, .uk-card-secondary.uk-card-body .uk-heading-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-divider, .uk-light .uk-heading-divider, .uk-overlay-primary .uk-heading-divider, .uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider {
        border-bottom-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-heading-bullet::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-bullet::before, .uk-card-secondary.uk-card-body .uk-heading-bullet::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-bullet::before, .uk-light .uk-heading-bullet::before, .uk-overlay-primary .uk-heading-bullet::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before {
        border-left-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-heading-line > ::after, .uk-card-primary.uk-card-body .uk-heading-line > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::after, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::before, .uk-card-secondary.uk-card-body .uk-heading-line > ::after, .uk-card-secondary.uk-card-body .uk-heading-line > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::before, .uk-light .uk-heading-line > ::after, .uk-light .uk-heading-line > ::before, .uk-overlay-primary .uk-heading-line > ::after, .uk-overlay-primary .uk-heading-line > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before {
        border-bottom-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-divider-icon, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon, .uk-card-secondary.uk-card-body .uk-divider-icon, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon, .uk-light .uk-divider-icon, .uk-overlay-primary .uk-divider-icon, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.12%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
        background-image: url("images/backgrounds/divider-icon.html")
    }

        .uk-card-primary.uk-card-body .uk-divider-icon::after, .uk-card-primary.uk-card-body .uk-divider-icon::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::after, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::before, .uk-card-secondary.uk-card-body .uk-divider-icon::after, .uk-card-secondary.uk-card-body .uk-divider-icon::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::before, .uk-light .uk-divider-icon::after, .uk-light .uk-divider-icon::before, .uk-overlay-primary .uk-divider-icon::after, .uk-overlay-primary .uk-divider-icon::before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before {
            border-bottom-color: rgba(255,255,255,.12)
        }

    .uk-card-primary.uk-card-body .uk-divider-small::after, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-small::after, .uk-card-secondary.uk-card-body .uk-divider-small::after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-small::after, .uk-light .uk-divider-small::after, .uk-overlay-primary .uk-divider-small::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-divider-vertical, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-vertical, .uk-card-secondary.uk-card-body .uk-divider-vertical, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-vertical, .uk-light .uk-divider-vertical, .uk-overlay-primary .uk-divider-vertical, .uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical {
        border-left-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-list-muted > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-muted > ::before, .uk-card-secondary.uk-card-body .uk-list-muted > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-muted > ::before, .uk-light .uk-list-muted > ::before, .uk-overlay-primary .uk-list-muted > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before {
        color: rgba(255,255,255,.64) !important
    }

    .uk-card-primary.uk-card-body .uk-list-emphasis > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-emphasis > ::before, .uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-emphasis > ::before, .uk-light .uk-list-emphasis > ::before, .uk-overlay-primary .uk-list-emphasis > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-list-primary > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-primary > ::before, .uk-card-secondary.uk-card-body .uk-list-primary > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-primary > ::before, .uk-light .uk-list-primary > ::before, .uk-overlay-primary .uk-list-primary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-list-secondary > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-secondary > ::before, .uk-card-secondary.uk-card-body .uk-list-secondary > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-secondary > ::before, .uk-light .uk-list-secondary > ::before, .uk-overlay-primary .uk-list-secondary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-list-bullet > ::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-bullet > ::before, .uk-card-secondary.uk-card-body .uk-list-bullet > ::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-bullet > ::before, .uk-light .uk-list-bullet > ::before, .uk-overlay-primary .uk-list-bullet > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.8%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0D%0A%3C%2Fsvg%3E")
    }

    .uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), .uk-card-primary > :not([class*=uk-card-media]) .uk-list-divider > :nth-child(n+2), .uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-divider > :nth-child(n+2), .uk-light .uk-list-divider > :nth-child(n+2), .uk-overlay-primary .uk-list-divider > :nth-child(n+2), .uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2) {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > :nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > :nth-of-type(odd), .uk-light .uk-list-striped > :nth-of-type(odd), .uk-overlay-primary .uk-list-striped > :nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd) {
        border-top-color: rgba(255,255,255,.12);
        border-bottom-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > :nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > :nth-of-type(odd), .uk-light .uk-list-striped > :nth-of-type(odd), .uk-overlay-primary .uk-list-striped > :nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd) {
        background-color: rgba(255,255,255,.1)
    }

    .uk-card-primary.uk-card-body .uk-table th, .uk-card-primary > :not([class*=uk-card-media]) .uk-table th, .uk-card-secondary.uk-card-body .uk-table th, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table th, .uk-light .uk-table th, .uk-overlay-primary .uk-table th, .uk-section-primary:not(.uk-preserve-color) .uk-table th, .uk-section-secondary:not(.uk-preserve-color) .uk-table th, .uk-tile-primary:not(.uk-preserve-color) .uk-table th, .uk-tile-secondary:not(.uk-preserve-color) .uk-table th {
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-table caption, .uk-card-primary > :not([class*=uk-card-media]) .uk-table caption, .uk-card-secondary.uk-card-body .uk-table caption, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table caption, .uk-light .uk-table caption, .uk-overlay-primary .uk-table caption, .uk-section-primary:not(.uk-preserve-color) .uk-table caption, .uk-section-secondary:not(.uk-preserve-color) .uk-table caption, .uk-tile-primary:not(.uk-preserve-color) .uk-table caption, .uk-tile-secondary:not(.uk-preserve-color) .uk-table caption {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-primary.uk-card-body .uk-table > tr.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-table tbody tr.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-table > tr.uk-active, .uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-secondary.uk-card-body .uk-table > tr.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table tbody tr.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table > tr.uk-active, .uk-light .uk-table tbody tr.uk-active, .uk-light .uk-table > tr.uk-active, .uk-overlay-primary .uk-table tbody tr.uk-active, .uk-overlay-primary .uk-table > tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active {
        background: rgba(255,255,255,.08)
    }

    .uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, .uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), .uk-card-primary > :not([class*=uk-card-media]) .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-primary > :not([class*=uk-card-media]) .uk-table-divider > :not(:first-child) > tr, .uk-card-primary > :not([class*=uk-card-media]) .uk-table-divider > tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, .uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-divider > :not(:first-child) > tr, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-divider > tr:not(:first-child), .uk-light .uk-table-divider > :first-child > tr:not(:first-child), .uk-light .uk-table-divider > :not(:first-child) > tr, .uk-light .uk-table-divider > tr:not(:first-child), .uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), .uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, .uk-overlay-primary .uk-table-divider > tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child) {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), .uk-card-primary > :not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary > :not([class*=uk-card-media]) .uk-table-striped > tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-striped > tr:nth-of-type(odd), .uk-light .uk-table-striped tbody tr:nth-of-type(odd), .uk-light .uk-table-striped > tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd) {
        background: rgba(255,255,255,.1);
        border-top-color: rgba(255,255,255,.12);
        border-bottom-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-primary.uk-card-body .uk-table-hover > tr:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-table-hover tbody tr:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-table-hover > tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-hover tbody tr:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-table-hover > tr:hover, .uk-light .uk-table-hover tbody tr:hover, .uk-light .uk-table-hover > tr:hover, .uk-overlay-primary .uk-table-hover tbody tr:hover, .uk-overlay-primary .uk-table-hover > tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover {
        background: rgba(255,255,255,.08)
    }

    .uk-card-primary.uk-card-body .uk-icon-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link, .uk-light .uk-icon-link, .uk-overlay-primary .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:hover, .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:hover, .uk-light .uk-icon-link:hover, .uk-overlay-primary .uk-icon-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover {
            color: rgba(255,255,255,.8)
        }

        .uk-card-primary.uk-card-body .uk-active > .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:active, .uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:active, .uk-light .uk-active > .uk-icon-link, .uk-light .uk-icon-link:active, .uk-overlay-primary .uk-active > .uk-icon-link, .uk-overlay-primary .uk-icon-link:active, .uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button, .uk-light .uk-icon-button, .uk-overlay-primary .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button {
        background-color: transparent;
        color: #fff;
        border-color: #fffFFF14
    }

        .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:hover, .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:hover, .uk-light .uk-icon-button:hover, .uk-overlay-primary .uk-icon-button:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover {
            background-color: transparent;
            color: #fff;
            border-color: #fff
        }

        .uk-card-primary.uk-card-body .uk-icon-button:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:active, .uk-card-secondary.uk-card-body .uk-icon-button:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:active, .uk-light .uk-icon-button:active, .uk-overlay-primary .uk-icon-button:active, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active {
            background-color: transparent;
            color: #fff;
            border-color: #fff
        }

    .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary > :not([class*=uk-card-media]) .uk-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-select, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-select, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea, .uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea {
        background-color: rgba(255,255,255,.1);
        color: rgba(255,255,255,.8);
        background-clip: padding-box;
        border-color: rgba(255,255,255,.12)
    }

        .uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary.uk-card-body .uk-select:focus, .uk-card-primary.uk-card-body .uk-textarea:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-select:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary.uk-card-body .uk-select:focus, .uk-card-secondary.uk-card-body .uk-textarea:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-select:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:focus, .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus, .uk-overlay-primary .uk-input:focus, .uk-overlay-primary .uk-select:focus, .uk-overlay-primary .uk-textarea:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-select:focus, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
            background-color: rgba(255,255,255,.1);
            color: rgba(255,255,255,.8);
            border-color: rgba(255,255,255,.8)
        }

        .uk-card-primary.uk-card-body .uk-input::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::placeholder, .uk-card-secondary.uk-card-body .uk-input::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::placeholder, .uk-light .uk-input::placeholder, .uk-overlay-primary .uk-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
            color: rgba(255,255,255,.64)
        }

        .uk-card-primary.uk-card-body .uk-textarea::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::placeholder, .uk-card-secondary.uk-card-body .uk-textarea::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::placeholder, .uk-light .uk-textarea::placeholder, .uk-overlay-primary .uk-textarea::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
            color: rgba(255,255,255,.64)
        }

        .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-primary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]), .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-secondary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]), .uk-light .uk-select:not([multiple]):not([size]), .uk-overlay-primary .uk-select:not([multiple]):not([size]), .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M5%207.5L10%2012.5L15%207.5%22%20stroke%3D%22%2345476F%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
        }

        .uk-card-primary.uk-card-body .uk-input[list]:focus, .uk-card-primary.uk-card-body .uk-input[list]:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:hover, .uk-card-secondary.uk-card-body .uk-input[list]:focus, .uk-card-secondary.uk-card-body .uk-input[list]:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:hover, .uk-light .uk-input[list]:focus, .uk-light .uk-input[list]:hover, .uk-overlay-primary .uk-input[list]:focus, .uk-overlay-primary .uk-input[list]:hover, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.8%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
        }

    .uk-card-primary.uk-card-body .uk-checkbox, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio, .uk-card-secondary.uk-card-body .uk-checkbox, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio, .uk-light .uk-checkbox, .uk-light .uk-radio, .uk-overlay-primary .uk-checkbox, .uk-overlay-primary .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
        background-color: #fffFFF0F;
        border-color: #fffFFF1F
    }

        .uk-card-primary.uk-card-body .uk-checkbox:focus, .uk-card-primary.uk-card-body .uk-radio:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:focus, .uk-card-secondary.uk-card-body .uk-checkbox:focus, .uk-card-secondary.uk-card-body .uk-radio:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:focus, .uk-light .uk-checkbox:focus, .uk-light .uk-radio:focus, .uk-overlay-primary .uk-checkbox:focus, .uk-overlay-primary .uk-radio:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus {
            background-color: rgba(255,255,255,.10882353);
            border-color: rgba(255,255,255,.8)
        }

        .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-light .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
            background-color: #fff;
            border-color: #0064D9
        }

            .uk-card-primary.uk-card-body .uk-checkbox:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-primary.uk-card-body .uk-radio:checked:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-secondary.uk-card-body .uk-radio:checked:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-light .uk-checkbox:checked:focus, .uk-light .uk-checkbox:indeterminate:focus, .uk-light .uk-radio:checked:focus, .uk-overlay-primary .uk-checkbox:checked:focus, .uk-overlay-primary .uk-checkbox:indeterminate:focus, .uk-overlay-primary .uk-radio:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus {
                background-color: #fff
            }

        .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-light .uk-radio:checked, .uk-overlay-primary .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Crect%20y%3D%220.408203%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22url(%23paint0_linear_2562_760)%22%2F%3E%0D%0A%3Ccircle%20cx%3D%2210%22%20cy%3D%2210.4082%22%20r%3D%224%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cdefs%3E%0D%0A%3ClinearGradient%20id%3D%22paint0_linear_2562_760%22%20x1%3D%2210%22%20y1%3D%220.408203%22%20x2%3D%2210%22%20y2%3D%2220.4082%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%3Cstop%20stop-color%3D%22%23A961A5%22%2F%3E%0D%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23974192%22%2F%3E%0D%0A%3C%2FlinearGradient%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
        }

        .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-light .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M11.6654%203.5L5.2487%209.91667L2.33203%207%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
        }

        .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-light .uk-checkbox:indeterminate, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Crect%20fill%3D%22%2345476F%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0D%0A%3C%2Fsvg%3E")
        }

    .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-label, .uk-light .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-form-icon, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon, .uk-card-secondary.uk-card-body .uk-form-icon, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon, .uk-light .uk-form-icon, .uk-overlay-primary .uk-form-icon, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-form-icon:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon:hover, .uk-card-secondary.uk-card-body .uk-form-icon:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon:hover, .uk-light .uk-form-icon:hover, .uk-overlay-primary .uk-form-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default, .uk-light .uk-button-default, .uk-overlay-primary .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
        background-color: #fff;
        color: #091e42;
        border-color: rgba(255,255,255,.8)
    }

        .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:hover, .uk-light .uk-button-default:hover, .uk-overlay-primary .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
            background-color: #f2f2f2;
            color: #091e42;
            border-color: #fff
        }

        .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-light .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active {
            background-color: #e6e6e6;
            color: #45476f;
            border-color: #fff
        }

    .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary, .uk-light .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
        background-color: #fff;
        color: #45476f
    }

        .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:hover, .uk-light .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
            background-color: #f2f2f2;
            color: #45476f
        }

        .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-light .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active {
            background-color: #e6e6e6;
            color: #45476f
        }

    .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary, .uk-light .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary {
        background-color: #fff;
        color: #091e42
    }

        .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-light .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover {
            background-color: #f2f2f2;
            color: #45476f
        }

        .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-light .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active {
            background-color: #e6e6e6;
            color: #45476f
        }

    .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text, .uk-light .uk-button-text, .uk-overlay-primary .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-button-text::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text::before, .uk-card-secondary.uk-card-body .uk-button-text::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text::before, .uk-light .uk-button-text::before, .uk-overlay-primary .uk-button-text::before, .uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before {
            border-bottom-color: #fff
        }

        .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:hover, .uk-light .uk-button-text:hover, .uk-overlay-primary .uk-button-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
            color: rgba(255,255,255,.64)
        }

        .uk-card-primary.uk-card-body .uk-button-text:disabled, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:disabled, .uk-card-secondary.uk-card-body .uk-button-text:disabled, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:disabled, .uk-light .uk-button-text:disabled, .uk-overlay-primary .uk-button-text:disabled, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled {
            color: rgba(255,255,255,.64)
        }

    .uk-card-primary.uk-card-body .uk-button-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-link, .uk-card-secondary.uk-card-body .uk-button-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link, .uk-light .uk-button-link, .uk-overlay-primary .uk-button-link, .uk-section-primary:not(.uk-preserve-color) .uk-button-link, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:hover, .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:hover, .uk-light .uk-button-link:hover, .uk-overlay-primary .uk-button-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body.uk-card-badge, .uk-card-primary > :not([class*=uk-card-media]).uk-card-badge, .uk-card-secondary.uk-card-body.uk-card-badge, .uk-card-secondary > :not([class*=uk-card-media]).uk-card-badge, .uk-light.uk-card-badge, .uk-overlay-primary.uk-card-badge, .uk-section-primary:not(.uk-preserve-color).uk-card-badge, .uk-section-secondary:not(.uk-preserve-color).uk-card-badge, .uk-tile-primary:not(.uk-preserve-color).uk-card-badge, .uk-tile-secondary:not(.uk-preserve-color).uk-card-badge {
        background-color: #fff;
        color: #45476f
    }

    .uk-card-primary.uk-card-body .uk-close, .uk-card-primary > :not([class*=uk-card-media]) .uk-close, .uk-card-secondary.uk-card-body .uk-close, .uk-card-secondary > :not([class*=uk-card-media]) .uk-close, .uk-light .uk-close, .uk-overlay-primary .uk-close, .uk-section-primary:not(.uk-preserve-color) .uk-close, .uk-section-secondary:not(.uk-preserve-color) .uk-close, .uk-tile-primary:not(.uk-preserve-color) .uk-close, .uk-tile-secondary:not(.uk-preserve-color) .uk-close {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-close:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-close:hover, .uk-card-secondary.uk-card-body .uk-close:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-close:hover, .uk-light .uk-close:hover, .uk-overlay-primary .uk-close:hover, .uk-section-primary:not(.uk-preserve-color) .uk-close:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-totop, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop, .uk-card-secondary.uk-card-body .uk-totop, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop, .uk-light .uk-totop, .uk-overlay-primary .uk-totop, .uk-section-primary:not(.uk-preserve-color) .uk-totop, .uk-section-secondary:not(.uk-preserve-color) .uk-totop, .uk-tile-primary:not(.uk-preserve-color) .uk-totop, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-totop:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop:hover, .uk-card-secondary.uk-card-body .uk-totop:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:hover, .uk-light .uk-totop:hover, .uk-overlay-primary .uk-totop:hover, .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover {
            color: rgba(255,255,255,.8)
        }

        .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:active, .uk-light .uk-totop:active, .uk-overlay-primary .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-marker, .uk-card-primary > :not([class*=uk-card-media]) .uk-marker, .uk-card-secondary.uk-card-body .uk-marker, .uk-card-secondary > :not([class*=uk-card-media]) .uk-marker, .uk-light .uk-marker, .uk-overlay-primary .uk-marker, .uk-section-primary:not(.uk-preserve-color) .uk-marker, .uk-section-secondary:not(.uk-preserve-color) .uk-marker, .uk-tile-primary:not(.uk-preserve-color) .uk-marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker {
        background: #f7f9fc;
        color: #45476f
    }

        .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-marker:hover, .uk-light .uk-marker:hover, .uk-overlay-primary .uk-marker:hover, .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover {
            color: #45476f
        }

    .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary > :not([class*=uk-card-media]) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary > :not([class*=uk-card-media]) .uk-badge, .uk-light .uk-badge, .uk-overlay-primary .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge {
        background-color: #fff;
        color: #45476f !important
    }

    .uk-card-primary.uk-card-body .uk-label, .uk-card-primary > :not([class*=uk-card-media]) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary > :not([class*=uk-card-media]) .uk-label, .uk-light .uk-label, .uk-overlay-primary .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label {
        background-color: #fff;
        color: #45476f
    }

    .uk-card-primary.uk-card-body .uk-article-meta, .uk-card-primary > :not([class*=uk-card-media]) .uk-article-meta, .uk-card-secondary.uk-card-body .uk-article-meta, .uk-card-secondary > :not([class*=uk-card-media]) .uk-article-meta, .uk-light .uk-article-meta, .uk-overlay-primary .uk-article-meta, .uk-section-primary:not(.uk-preserve-color) .uk-article-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input, .uk-light .uk-search-input, .uk-overlay-primary .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input {
        color: rgba(255,255,255,.8)
    }

        .uk-card-primary.uk-card-body .uk-search-input::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::placeholder, .uk-card-secondary.uk-card-body .uk-search-input::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::placeholder, .uk-light .uk-search-input::placeholder, .uk-overlay-primary .uk-search-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder {
            color: rgba(255,255,255,.64)
        }

    .uk-card-primary.uk-card-body .uk-search .uk-search-icon, .uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon, .uk-light .uk-search .uk-search-icon, .uk-overlay-primary .uk-search .uk-search-icon, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover, .uk-light .uk-search .uk-search-icon:hover, .uk-overlay-primary .uk-search .uk-search-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover {
            color: rgba(255,255,255,.64)
        }

    .uk-card-primary.uk-card-body .uk-search-default .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input, .uk-light .uk-search-default .uk-search-input, .uk-overlay-primary .uk-search-default .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input {
        background-color: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.12)
    }

        .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus, .uk-light .uk-search-default .uk-search-input:focus, .uk-overlay-primary .uk-search-default .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus {
            background-color: rgba(255,255,255,.15)
        }

    .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input, .uk-light .uk-search-navbar .uk-search-input, .uk-overlay-primary .uk-search-navbar .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input {
        background-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-search-large .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input, .uk-light .uk-search-large .uk-search-input, .uk-overlay-primary .uk-search-large .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input {
        background-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-search-toggle, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle, .uk-card-secondary.uk-card-body .uk-search-toggle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle, .uk-light .uk-search-toggle, .uk-overlay-primary .uk-search-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-search-toggle:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:hover, .uk-card-secondary.uk-card-body .uk-search-toggle:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:hover, .uk-light .uk-search-toggle:hover, .uk-overlay-primary .uk-search-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-accordion-title, .uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title, .uk-card-secondary.uk-card-body .uk-accordion-title, .uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title, .uk-light .uk-accordion-title, .uk-overlay-primary .uk-accordion-title, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title:hover, .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title:hover, .uk-light .uk-accordion-title:hover, .uk-overlay-primary .uk-accordion-title:hover, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column)::before, .uk-light .uk-grid-divider > :not(.uk-first-column)::before, .uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before {
        border-left-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-nav-default > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a, .uk-card-secondary.uk-card-body .uk-nav-default > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a, .uk-light .uk-nav-default > li > a, .uk-overlay-primary .uk-nav-default > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover, .uk-light .uk-nav-default > li > a:hover, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-light .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-light .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-light .uk-nav-default .uk-nav-divider, .uk-overlay-primary .uk-nav-default .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a, .uk-light .uk-nav-primary > li > a, .uk-overlay-primary .uk-nav-primary > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover, .uk-light .uk-nav-primary > li > a:hover, .uk-overlay-primary .uk-nav-primary > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a, .uk-light .uk-nav-primary > li.uk-active > a, .uk-overlay-primary .uk-nav-primary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-light .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-light .uk-nav-primary .uk-nav-divider, .uk-overlay-primary .uk-nav-primary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-light .uk-nav-primary .uk-nav-sub a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary > li > a, .uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary > li > a, .uk-light .uk-nav-secondary > li > a, .uk-overlay-primary .uk-nav-secondary > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary > li > a:hover, .uk-light .uk-nav-secondary > li > a:hover, .uk-overlay-primary .uk-nav-secondary > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover {
            color: #fff;
            background-color: rgba(255,255,255,.1)
        }

    .uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary > li.uk-active > a, .uk-light .uk-nav-secondary > li.uk-active > a, .uk-overlay-primary .uk-nav-secondary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a {
        color: #fff;
        background-color: rgba(255,255,255,.1)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle, .uk-light .uk-nav-secondary .uk-nav-subtitle, .uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header, .uk-light .uk-nav-secondary .uk-nav-header, .uk-overlay-primary .uk-nav-secondary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider, .uk-light .uk-nav-secondary .uk-nav-divider, .uk-overlay-primary .uk-nav-secondary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a, .uk-light .uk-nav-secondary .uk-nav-sub a, .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover, .uk-light .uk-nav-secondary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-card-primary > :not([class*=uk-card-media]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider), .uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider) {
        border-top-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a, .uk-light .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded=true], .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a[aria-expanded=true], .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded=true], .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a[aria-expanded=true], .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a[aria-expanded=true], .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded=true], .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded=true], .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded=true], .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded=true], .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded=true] {
            color: rgba(255,255,255,.8)
        }

        .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active, .uk-light .uk-navbar-nav > li > a:active, .uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a, .uk-light .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-navbar-item, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-item, .uk-card-secondary.uk-card-body .uk-navbar-item, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-item, .uk-light .uk-navbar-item, .uk-overlay-primary .uk-navbar-item, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item {
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle, .uk-light .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-navbar-toggle:hover, .uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true], .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true], .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, .uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true], .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true], .uk-light .uk-navbar-toggle:hover, .uk-light .uk-navbar-toggle[aria-expanded=true], .uk-overlay-primary .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle[aria-expanded=true], .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true], .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true], .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true], .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true] {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-subnav > * > :first-child, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child, .uk-light .uk-subnav > * > :first-child, .uk-overlay-primary .uk-subnav > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-subnav > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover, .uk-light .uk-subnav > * > a:hover, .uk-overlay-primary .uk-subnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a, .uk-light .uk-subnav > .uk-active > a, .uk-overlay-primary .uk-subnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
        border-left-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child, .uk-light .uk-subnav-pill > * > :first-child, .uk-overlay-primary .uk-subnav-pill > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child {
        background-color: transparent;
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover, .uk-light .uk-subnav-pill > * > a:hover, .uk-overlay-primary .uk-subnav-pill > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover {
        background-color: rgba(255,255,255,.1);
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active, .uk-light .uk-subnav-pill > * > a:active, .uk-overlay-primary .uk-subnav-pill > * > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active {
        background-color: rgba(255,255,255,.1);
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a, .uk-light .uk-subnav-pill > .uk-active > a, .uk-overlay-primary .uk-subnav-pill > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a {
        background-color: #fff;
        color: #45476f
    }

    .uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a, .uk-light .uk-subnav > .uk-disabled > a, .uk-overlay-primary .uk-subnav > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > * > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *, .uk-light .uk-breadcrumb > * > *, .uk-overlay-primary .uk-breadcrumb > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > * {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover, .uk-light .uk-breadcrumb > * > :hover, .uk-overlay-primary .uk-breadcrumb > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *, .uk-light .uk-breadcrumb > :last-child > *, .uk-overlay-primary .uk-breadcrumb > :last-child > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > * {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        color: rgba(255,255,255,.64);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M6%2012L10%208L6%204%22%20stroke%3D%22white%22%20stroke-width%3D%221.33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

    .uk-card-primary.uk-card-body .uk-pagination > * > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > *, .uk-card-secondary.uk-card-body .uk-pagination > * > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > *, .uk-light .uk-pagination > * > *, .uk-overlay-primary .uk-pagination > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > * {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-pagination > * > :hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :hover, .uk-card-secondary.uk-card-body .uk-pagination > * > :hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :hover, .uk-light .uk-pagination > * > :hover, .uk-overlay-primary .uk-pagination > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover {
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *, .uk-light .uk-pagination > .uk-active > *, .uk-overlay-primary .uk-pagination > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > * {
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *, .uk-light .uk-pagination > .uk-disabled > *, .uk-overlay-primary .uk-pagination > .uk-disabled > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > * {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-tab::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab::before, .uk-card-secondary.uk-card-body .uk-tab::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab::before, .uk-light .uk-tab::before, .uk-overlay-primary .uk-tab::before, .uk-section-primary:not(.uk-preserve-color) .uk-tab::before, .uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before {
        border-color: rgba(255,255,255,.12)
    }

    .uk-card-primary.uk-card-body .uk-tab > * > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a, .uk-card-secondary.uk-card-body .uk-tab > * > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a, .uk-light .uk-tab > * > a, .uk-overlay-primary .uk-tab > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a {
        color: rgba(255,255,255,.64)
    }

        .uk-card-primary.uk-card-body .uk-tab > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:hover, .uk-card-secondary.uk-card-body .uk-tab > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:hover, .uk-light .uk-tab > * > a:hover, .uk-overlay-primary .uk-tab > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover {
            color: rgba(255,255,255,.8)
        }

    .uk-card-primary.uk-card-body .uk-tab > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a, .uk-light .uk-tab > .uk-active > a, .uk-overlay-primary .uk-tab > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a {
        color: #fff;
        border-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a, .uk-light .uk-tab > .uk-disabled > a, .uk-overlay-primary .uk-tab > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav, .uk-light .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
        color: rgba(255,255,255,.7)
    }

        .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:hover, .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:hover, .uk-light .uk-slidenav:hover, .uk-overlay-primary .uk-slidenav:hover, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
            color: rgba(255,255,255,.95)
        }

        .uk-card-primary.uk-card-body .uk-slidenav:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:active, .uk-card-secondary.uk-card-body .uk-slidenav:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:active, .uk-light .uk-slidenav:active, .uk-overlay-primary .uk-slidenav:active, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active {
            color: rgba(255,255,255,.7)
        }

    .uk-card-primary.uk-card-body .uk-dotnav > * > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > *, .uk-card-secondary.uk-card-body .uk-dotnav > * > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > *, .uk-light .uk-dotnav > * > *, .uk-overlay-primary .uk-dotnav > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > * {
        background-color: rgba(255,255,255,.5);
        border-color: rgba(255,255,255,.9)
    }

    .uk-card-primary.uk-card-body .uk-dotnav > * > :hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover, .uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover, .uk-light .uk-dotnav > * > :hover, .uk-overlay-primary .uk-dotnav > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover {
        background-color: rgba(255,255,255,.9);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-dotnav > * > :active, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :active, .uk-card-secondary.uk-card-body .uk-dotnav > * > :active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :active, .uk-light .uk-dotnav > * > :active, .uk-overlay-primary .uk-dotnav > * > :active, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active {
        background-color: rgba(255,255,255,.5);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *, .uk-light .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > * {
        background-color: rgba(255,255,255,.9);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-thumbnav > * > ::after, .uk-card-primary > :not([class*=uk-card-media]) .uk-thumbnav > * > ::after, .uk-card-secondary.uk-card-body .uk-thumbnav > * > ::after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-thumbnav > * > ::after, .uk-light .uk-thumbnav > * > ::after, .uk-overlay-primary .uk-thumbnav > * > ::after, .uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > ::after, .uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > ::after, .uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > ::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > ::after {
        background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4))
    }

    .uk-card-primary.uk-card-body .uk-iconnav > * > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a, .uk-card-secondary.uk-card-body .uk-iconnav > * > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a, .uk-light .uk-iconnav > * > a, .uk-overlay-primary .uk-iconnav > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover, .uk-light .uk-iconnav > * > a:hover, .uk-overlay-primary .uk-iconnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a, .uk-light .uk-iconnav > .uk-active > a, .uk-overlay-primary .uk-iconnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-lead, .uk-light .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
        color: rgba(255,255,255,.8)
    }

    .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-meta, .uk-light .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta {
        color: rgba(255,255,255,.64)
    }

    .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-muted, .uk-light .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
        color: rgba(255,255,255,.64) !important
    }

    .uk-card-primary.uk-card-body .uk-text-emphasis, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-emphasis, .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-emphasis, .uk-light .uk-text-emphasis, .uk-overlay-primary .uk-text-emphasis, .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-text-primary, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-primary, .uk-card-secondary.uk-card-body .uk-text-primary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-primary, .uk-light .uk-text-primary, .uk-overlay-primary .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-text-secondary, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-secondary, .uk-card-secondary.uk-card-body .uk-text-secondary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-secondary, .uk-light .uk-text-secondary, .uk-overlay-primary .uk-text-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-column-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-column-divider, .uk-card-secondary.uk-card-body .uk-column-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-column-divider, .uk-light .uk-column-divider, .uk-overlay-primary .uk-column-divider, .uk-section-primary:not(.uk-preserve-color) .uk-column-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider {
        column-rule-color: rgba(255,255,255,0.12)
    }

    .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo, .uk-light .uk-logo, .uk-overlay-primary .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:hover, .uk-light .uk-logo:hover, .uk-overlay-primary .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover {
            color: #fff
        }

        .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-primary > :not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
            display: none
        }

    .uk-card-primary.uk-card-body .uk-logo-inverse, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo-inverse, .uk-card-secondary.uk-card-body .uk-logo-inverse, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo-inverse, .uk-light .uk-logo-inverse, .uk-overlay-primary .uk-logo-inverse, .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse {
        display: block
    }

    .uk-card-primary.uk-card-body.uk-card-badge, .uk-card-primary > :not([class*=uk-card-media]).uk-card-badge, .uk-card-secondary.uk-card-body.uk-card-badge, .uk-card-secondary > :not([class*=uk-card-media]).uk-card-badge, .uk-light.uk-card-badge, .uk-overlay-primary.uk-card-badge, .uk-section-primary:not(.uk-preserve-color).uk-card-badge, .uk-section-secondary:not(.uk-preserve-color).uk-card-badge, .uk-tile-primary:not(.uk-preserve-color).uk-card-badge, .uk-tile-secondary:not(.uk-preserve-color).uk-card-badge {
        background-color: #fff;
        color: #45476f
    }

    .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title::before, .uk-light .uk-accordion-title::before, .uk-overlay-primary .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%205.4082L12%2019.4082M19%2012.4082L5%2012.4082%22%20stroke%3D%22%2345476F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

    .uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-primary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before, .uk-light .uk-open > .uk-accordion-title::before, .uk-overlay-primary .uk-open > .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%2012.4082L5%2012.4082%22%20stroke%3D%22%23974192%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
    }

* {
    --uk-inverse: initial
}

.uk-card-primary.uk-card-body, .uk-card-primary > :not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*=uk-card-media]), .uk-light, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
    --uk-inverse: light
}

.uk-card-default.uk-card-body, .uk-card-default > :not([class*=uk-card-media]), .uk-dark, .uk-offcanvas-bar, .uk-overlay-default, .uk-section-default:not(.uk-preserve-color), .uk-section-muted:not(.uk-preserve-color), .uk-tile-default:not(.uk-preserve-color), .uk-tile-muted:not(.uk-preserve-color) {
    --uk-inverse: dark
}

.uk-inverse-light {
    --uk-inverse: light !important
}

.uk-inverse-dark {
    --uk-inverse: dark !important
}

@media print {
    *, ::after, ::before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

html {
    scroll-behavior: smooth
}

.turn-180 {
    transform: rotate(180deg);
    transition: .5s
}

.blog-slider {
    background: linear-gradient(186.91deg,#fff -14.38%,#f1ecf5 37.45%,#fff 91.38%);
    padding-top: 120px
}

@media screen and (min-width:1024px) {
    .blog-slider .uk-container-expand {
        padding-right: 0
    }
}

.blog-slider h1 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 36px;
    color: #091e42
}

@media screen and (max-width:959.99px) {
    .blog-slider h1 {
        padding-right: 0
    }
}

.blog-slider .slider-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    background-color: #fff;
    border-radius: 16px;
    height: 392px;
    overflow: hidden
}

@media screen and (max-width:959.98px) {
    .blog-slider .slider-card {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
        height: auto
    }
}

.blog-slider .slider-card .content {
    padding: 48px;
    width: auto;
    height: calc(100% - 80px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center
}

@media screen and (max-width:959.98px) {
    .blog-slider .slider-card .content {
        padding: 20px;
        height: auto
    }
}

.blog-slider .slider-card .content h5 {
    font-family: mulish-variable,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #091e42;
    padding: 8px 16px;
    border-radius: 64px;
    margin: 0;
    margin-bottom: 16px;
    padding-bottom: 6px
}

.blog-slider .slider-card .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #091e42;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
    text-align: left
}

.blog-slider .slider-card .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #45476f;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    line-height: 1.5em
}

.blog-slider .slider-card .content .info {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 12px
}

    .blog-slider .slider-card .content .info span {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #091e42
    }

.blog-slider .slider-card .content a.readButton {
    font-family: mulish-variable,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg,#a961a5 0,#0064D9 100%);
    padding: 8px 12px 6px 12px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    box-shadow: 0 0 0 1px #0064D9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px
}

@media screen and (max-width:959.98px) {
    .blog-slider .slider-card .content a.readButton {
        width: calc(100% - 27px)
    }
}

.blog-slider .slider-card .content a.readButton svg {
    margin-top: -3px
}

.blog-slider .slider-card .image {
    aspect-ratio: 376/392;
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row
}

@media screen and (max-width:959.98px) {
    .blog-slider .slider-card .image {
        aspect-ratio: 335/168;
        width: 100%
    }
}

.blog-slider .slider-card .image picture img {
    width: 100%;
    height: 100%;
    aspect-ratio: 376/392;
    object-fit: cover;
    min-width: 376px
}

@media screen and (max-width:959.98px) {
    .blog-slider .slider-card .image picture img {
        aspect-ratio: 335/168;
        min-width: unset
    }
}

.blog-slider .navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 16px;
    margin-right: 60px
}

@media screen and (max-width:1023.99px) {
    .blog-slider .navigation {
        margin-right: 0
    }
}

.blog-slider .navigation .swiper-next, .blog-slider .navigation .swiper-prev {
    border: 1px solid #dfe3ec;
    box-shadow: 0 2px 4px 0 #091e420A;
    padding: 8px;
    border-radius: 8px;
    background-color: #fff
}

.blog-filter-list {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width:960px) {
    .blog-filter-list {
        padding-top: 120px;
        padding-bottom: 40px
    }
}

.blog-filter-list .filterSwiper .swiper-slide {
    width: fit-content
}

    .blog-filter-list .filterSwiper .swiper-slide .category-link {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        color: #45476f;
        background: #f7f9fc;
        height: 44px;
        width: fit-content;
        padding: 0 16px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .blog-filter-list .filterSwiper .swiper-slide .category-link.active {
            background: #0064D9;
            color: #fff;
            box-shadow: 0 2px 4px 0 #091e420A
        }

.blog-filter-list .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 48px;
    gap: 8px
}

    .blog-filter-list .pagination .page-button {
        background: #fff;
        border: none !important;
        padding: 12px 16px
    }

    .blog-filter-list .pagination .prev-button {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #0064D9;
        background: #fff
    }

        .blog-filter-list .pagination .prev-button svg {
            margin-top: -4px
        }

    .blog-filter-list .pagination .next-button {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #0064D9;
        background: #fff
    }

        .blog-filter-list .pagination .next-button svg {
            margin-top: -4px
        }

    .blog-filter-list .pagination .page-button {
        font-family: mulish-variable,sans-serif;
        background: #f7f9fc;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left
    }

        .blog-filter-list .pagination .page-button.active {
            background: #0064D9;
            box-shadow: 0 2px 4px 0 #091e420A;
            color: #fff
        }

.blog-filter-list .filter-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px
}

    .blog-filter-list .filter-cards .readMore {
        position: absolute;
        right: 24px;
        bottom: 24px
    }

    .blog-filter-list .filter-cards .blog-card {
        border: 1px solid #dfe3ec;
        padding: 24px;
        padding-bottom: 64px;
        position: relative;
        border-radius: 10px;
        width: calc(50% - 66px);
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 24px;
        align-items: flex-start
    }

@media screen and (max-width:639.98px) {
    .blog-filter-list .filter-cards .blog-card {
        width: 100%
    }
}

.blog-filter-list .filter-cards .blog-card .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap
}

    .blog-filter-list .filter-cards .blog-card .content h5 {
        font-family: mulish-variable,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        color: #091e42;
        padding: 8px 16px;
        border-radius: 64px;
        margin: 0;
        margin-bottom: 16px;
        padding-bottom: 6px
    }

    .blog-filter-list .filter-cards .blog-card .content h3 {
        font-family: cordale-arabic,sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: #091e42;
        padding: 0;
        margin: 0;
        margin-bottom: 4px;
        text-align: left
    }

    .blog-filter-list .filter-cards .blog-card .content p {
        font-family: mulish-variable,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        padding: 0;
        margin: 0;
        color: #45476f;
        margin-bottom: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 1.5em
    }

    .blog-filter-list .filter-cards .blog-card .content .info {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 12px
    }

        .blog-filter-list .filter-cards .blog-card .content .info span {
            font-family: mulish-variable,sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            text-align: left;
            color: #45476f
        }

.blog-filter-list .filter-cards .blog-card .image {
    display: flex
}

@media screen and (max-width:959.98px) {
    .blog-filter-list .filter-cards .blog-card .image {
        display: none
    }
}

.blog-filter-list .filter-cards .blog-card .image picture img {
    aspect-ratio: 200/200;
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-width: 200px;
    border-radius: 8px
}

.blog-detail-title {
    background: linear-gradient(186.91deg,#fff -14.38%,#f1ecf5 37.45%,#fff 91.38%);
    padding-top: 120px
}

    .blog-detail-title h1 {
        font-family: cordale-arabic,sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 48px;
        text-align: left;
        color: #091e42;
        margin: 0;
        padding: 0;
        margin-bottom: 32px
    }

@media screen and (max-width:959.98px) {
    .blog-detail-title h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.blog-detail-title .info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 12px
}

    .blog-detail-title .info h5 {
        font-family: mulish-variable,sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        color: #091e42;
        padding: 8px 16px;
        border-radius: 64px;
        margin: 0;
        padding-bottom: 6px
    }

@media screen and (max-width:959.98px) {
    .blog-detail-title .info h5 {
        font-size: 12px;
        line-height: 18px
    }
}

.blog-detail-title .info span {
    font-family: mulish-variable,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #091e42
}

.blog-detail-title .info .lastUpdate p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #7d7e9b;
    padding: 0;
    margin: 0
}

.blog-detail-content .detail-trio {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    width: 100%
}

@media screen and (max-width:959.98px) {
    .blog-detail-content .detail-trio {
        display: flex;
        flex-direction: column
    }
}

.blog-detail-content .detail-trio .content, .blog-detail-content .detail-trio .ingredients, .blog-detail-content .detail-trio .others {
    flex: 0 1 auto
}

.blog-detail-content .detail-trio .ingredients, .blog-detail-content .detail-trio .others {
    flex-basis: 25%;
    position: sticky;
    top: 100px;
    width: 25%
}

@media screen and (max-width:959.98px) {
    .blog-detail-content .detail-trio .ingredients, .blog-detail-content .detail-trio .others {
        flex-basis: 100%;
        position: relative;
        top: unset;
        width: 100%
    }
}

.blog-detail-content .detail-trio .content {
    flex-basis: 50%;
    width: 50%
}

@media screen and (max-width:959.98px) {
    .blog-detail-content .detail-trio .content {
        flex-basis: 100%;
        width: 100%
    }
}

.blog-detail-content .detail-trio .ingredients h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #091e42;
    margin-bottom: 20px
}

.blog-detail-content .detail-trio .ingredients .ingr-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 8px;
    margin-bottom: 40px;
    background: #f7f9fc;
    border: 1px solid #dfe3ec;
    border-radius: 8px
}

    .blog-detail-content .detail-trio .ingredients .ingr-list a {
        padding: 12px 32px 10px 32px;
        width: -webkit-fill-available;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        color: #091e42;
        margin: 0;
        transition: .5s all;
        text-decoration: none !important
    }

        .blog-detail-content .detail-trio .ingredients .ingr-list a.active {
            background: #fff;
            border: 1px solid #dfe3ec;
            border-radius: 6px
        }

.blog-detail-content .detail-trio .ingredients .shareThis {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 8px
}

.blog-detail-content .detail-trio .others .specialCard {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    background: #0064D914;
    border-radius: 16px
}

    .blog-detail-content .detail-trio .others .specialCard .image {
        width: 100%;
        border-radius: 8px;
        overflow: hidden
    }

        .blog-detail-content .detail-trio .others .specialCard .image picture img {
            width: 100%;
            aspect-ratio: 272/200;
            object-fit: cover;
            height: auto
        }

    .blog-detail-content .detail-trio .others .specialCard h6 {
        font-family: cordale-arabic,sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        margin: 0;
        padding: 0;
        margin-bottom: 12px;
        margin-top: 16px;
        color: #091e42
    }

    .blog-detail-content .detail-trio .others .specialCard p {
        font-family: mulish-variable,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        padding: 0;
        margin: 0;
        margin-bottom: 13px;
        color: #45476f
    }

    .blog-detail-content .detail-trio .others .specialCard a {
        background: linear-gradient(180deg,#a961a5 0,#0064D9 100%);
        width: -webkit-fill-available;
        padding: 8px 12px 8px 12px;
        border-radius: 8px;
        font-family: mulish-variable,sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        border: 1px solid;
        border-image-source: linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
        box-shadow: 0 0 0 1px #0064D9
    }

.blog-detail-content .detail-trio .content .uk-overflow-auto::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.blog-detail-content .detail-trio .content .uk-overflow-auto::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 10px
}

.blog-detail-content .detail-trio .content .uk-overflow-auto::-webkit-scrollbar-track {
    background: 0 0
}

.blog-detail-content .detail-trio .content .table-container table {
    border-radius: 20px;
    border: 1px solid #dfe3ec;
    overflow: hidden;
    background: #fff
}

    .blog-detail-content .detail-trio .content .table-container table td, .blog-detail-content .detail-trio .content .table-container table th {
        white-space: nowrap
    }

    .blog-detail-content .detail-trio .content .table-container table th {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        color: #091e42
    }

    .blog-detail-content .detail-trio .content .table-container table td {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        color: #000
    }

.blog-detail-content .detail-trio .content .image {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 24px;
    overflow: hidden
}

    .blog-detail-content .detail-trio .content .image picture img {
        width: 100%;
        aspect-ratio: 648/324;
        object-fit: cover;
        height: auto
    }

.blog-detail-content .detail-trio .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f
}

    .blog-detail-content .detail-trio .content p a {
        font-weight: 600;
        color: #0064D9
    }

.blog-detail-content .detail-trio .content ul li {
    font-family: mulish-variable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #45476f;
    padding-bottom: 10px
}

    .blog-detail-content .detail-trio .content ul li a {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: #0064D9;
        text-decoration: underline
    }

.blog-detail-content .detail-trio .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #091e42;
    margin-bottom: 8px
}

.blog-detail-content .detail-trio .content h4 {
    font-family: cordale-arabic,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    margin-bottom: 8px;
    color: #091e42
}

.blog-detail-content .detail-trio .content .command-area {
    padding: 40px;
    background: #f7f9fc;
    border-radius: 16px
}

    .blog-detail-content .detail-trio .content .command-area p {
        font-family: mulish-variable,sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: #161739
    }

    .blog-detail-content .detail-trio .content .command-area .author {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 12px
    }

        .blog-detail-content .detail-trio .content .command-area .author b {
            font-family: cordale-arabic,sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 26px;
            text-align: left;
            color: #161739
        }

        .blog-detail-content .detail-trio .content .command-area .author span {
            font-family: mulish-variable,sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: left;
            color: #161739
        }

.blog-detail-content .detail-trio .content .video-card {
    padding: 32px;
    background: #f7f9fc;
    border-radius: 16px
}

    .blog-detail-content .detail-trio .content .video-card .video-container {
        position: relative
    }

        .blog-detail-content .detail-trio .content .video-card .video-container .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            cursor: pointer
        }

        .blog-detail-content .detail-trio .content .video-card .video-container video {
            width: 100%;
            height: auto;
            border-radius: 12px
        }

.YouMightBeInterested h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    color: #091e42;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

.YouMightBeInterested .filter-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 24px
}

    .YouMightBeInterested .filter-cards .readMore {
        position: absolute;
        right: 24px;
        bottom: 24px
    }

    .YouMightBeInterested .filter-cards .blog-card {
        border: 1px solid #dfe3ec;
        padding: 24px;
        padding-bottom: 64px;
        position: relative;
        border-radius: 10px;
        width: calc(50% - 72px);
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 24px;
        align-items: flex-start
    }

@media screen and (max-width:639.98px) {
    .YouMightBeInterested .filter-cards .blog-card {
        width: 100%
    }
}

.YouMightBeInterested .filter-cards .blog-card .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap
}

    .YouMightBeInterested .filter-cards .blog-card .content h5 {
        font-family: mulish-variable,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        color: #091e42;
        padding: 8px 16px;
        border-radius: 64px;
        margin: 0;
        margin-bottom: 16px;
        padding-bottom: 6px
    }

    .YouMightBeInterested .filter-cards .blog-card .content h3 {
        font-family: cordale-arabic,sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: #091e42;
        padding: 0;
        margin: 0;
        margin-bottom: 4px;
        text-align: left
    }

    .YouMightBeInterested .filter-cards .blog-card .content p {
        font-family: mulish-variable,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        padding: 0;
        margin: 0;
        color: #45476f;
        margin-bottom: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 1.5em
    }

    .YouMightBeInterested .filter-cards .blog-card .content .info {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 12px
    }

        .YouMightBeInterested .filter-cards .blog-card .content .info span {
            font-family: mulish-variable,sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            text-align: left;
            color: #45476f
        }

.YouMightBeInterested .filter-cards .blog-card .image {
    display: flex
}

@media screen and (max-width:959.98px) {
    .YouMightBeInterested .filter-cards .blog-card .image {
        display: none
    }
}

.YouMightBeInterested .filter-cards .blog-card .image picture img {
    aspect-ratio: 200/200;
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-width: 200px;
    border-radius: 8px
}

.SideMenuAndContent .PageContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px
}

    .SideMenuAndContent .PageContainer .SidebarMenu {
        width: var(--breadcrumbWidth)
    }

        .SideMenuAndContent .PageContainer .SidebarMenu ul {
            list-style: none;
            padding-left: 0;
            width: 100%
        }

            .SideMenuAndContent .PageContainer .SidebarMenu ul li {
                padding: 12px;
                width: calc(100% - 24px);
                border-radius: 8px
            }

                .SideMenuAndContent .PageContainer .SidebarMenu ul li a {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    font-family: mulish-variable,sans-serif;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    text-align: left;
                    color: #45476f
                }

                .SideMenuAndContent .PageContainer .SidebarMenu ul li.active {
                    background: #f7f9fc
                }

                    .SideMenuAndContent .PageContainer .SidebarMenu ul li.active a {
                        font-weight: 700
                    }

    .SideMenuAndContent .PageContainer .ContentArea {
        width: calc((100% / 7) * 5)
    }

        .SideMenuAndContent .PageContainer .ContentArea .mapArea {
            margin-bottom: 80px
        }

            .SideMenuAndContent .PageContainer .ContentArea .mapArea .img-content {
                width: 100%;
                border-radius: 16px;
                overflow: hidden;
                border: 1px solid #dfe3ec
            }

                .SideMenuAndContent .PageContainer .ContentArea .mapArea .img-content picture img {
                    aspect-ratio: 984/400;
                    width: 100%;
                    object-fit: cover
                }

        .SideMenuAndContent .PageContainer .ContentArea h1 {
            font-family: cordale-arabic,sans-serif;
            font-size: 40px;
            font-weight: 700;
            line-height: 64px;
            letter-spacing: -.02em;
            text-align: left;
            color: #091e42;
            margin-bottom: 4px;
            line-height: 64px !important
        }

@media (min-width:960px) {
    .SideMenuAndContent .PageContainer .ContentArea h1 {
        line-height: 42px !important
    }
}

.SideMenuAndContent .PageContainer .ContentArea p {
    font-family: mulish-variable,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #45476f;
    margin-top: 0
}

.SideMenuAndContent .PageContainer .ContentArea .uk-accordion-title {
    font-family: cordale-arabic,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #161739
}

.SideMenuAndContent .PageContainer .ContentArea .uk-accordion > .uk-open .uk-accordion-title {
    color: #0064D9
}

.SideMenuAndContent .PageContainer .ContentArea .uk-accordion p {
    font-family: mulish-variable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #45476f
}

.SideMenuAndContent .PageContainer .ContentArea .sc-title {
    margin-bottom: 80px
}

.SideMenuAndContent .PageContainer .ContentArea h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    color: #091e42
}

    .SideMenuAndContent .PageContainer .ContentArea h2 span {
        color: #0064D9
    }

.SideMenuAndContent .PageContainer .ContentArea .Guide {
    margin-bottom: 80px
}

    .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 24px
    }

        .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content .dl-slim {
            width: calc(50% - 136px);
            border: 1px solid #dfe3ec;
            border-radius: 16px;
            padding: 20px 32px;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: nowrap;
            gap: 16px;
            padding-right: 90px;
            position: relative
        }

            .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content .dl-slim .details {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap: nowrap
            }

                .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content .dl-slim .details b {
                    font-family: cordale-arabic,sans-serif;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 24px;
                    text-align: left;
                    color: #091e42
                }

                .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content .dl-slim .details p {
                    font-family: mulish-variable,sans-serif;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 20px;
                    text-align: left;
                    color: #45476f;
                    margin-bottom: 0
                }

            .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content .dl-slim a.dl-btn {
                position: absolute;
                right: 32px;
                background: linear-gradient(180deg,#a961a5 0,#0064D9 100%);
                border-radius: 8px;
                width: 36px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                top: 50%;
                transform: translateY(-50%)
            }

.SideMenuAndContent .PageContainer .ContentArea .Logos {
    margin-bottom: 80px
}

    .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 24px
    }

        .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo {
            width: calc(50% - 62px);
            border: 1px solid #dfe3ec;
            border-radius: 16px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: nowrap;
            gap: 16px
        }

            .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo .image-content {
                border-radius: 8px;
                overflow: hidden;
                width: 100%
            }

                .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo .image-content picture img {
                    aspect-ratio: 432/200;
                    width: 100%;
                    object-fit: cover
                }

            .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo .detail-content {
                position: relative;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap: nowrap;
                flex-direction: row;
                gap: 16px;
                width: calc(100% - 40px);
                padding-right: 40px
            }

                .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo .detail-content b {
                    font-family: cordale-arabic,sans-serif;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 24px;
                    text-align: left;
                    color: #091e42
                }

                .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo .detail-content p {
                    font-family: mulish-variable,sans-serif;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 20px;
                    text-align: left;
                    color: #45476f;
                    margin-bottom: 0
                }

            .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo a.dl-btn {
                position: absolute;
                right: 0;
                background: linear-gradient(180deg,#a961a5 0,#0064D9 100%);
                border-radius: 8px;
                width: 36px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                top: 50%;
                transform: translateY(-50%)
            }

.SideMenuAndContent .PageContainer .ContentArea .board {
    margin-bottom: 80px
}

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card {
        padding: 24px;
        border-radius: 16px;
        border: 1px solid #dfe3ec;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 24px;
        max-height: 208px;
        overflow: hidden;
        transition: max-height .5s ease;
        position: relative
    }

        .SideMenuAndContent .PageContainer .ContentArea .board .manager-card::after {
            content: "";
            width: 100%;
            height: 90px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: linear-gradient(360deg,#fff,transparent);
            transition: .5s
        }

@media screen and (max-width:959.98px) {
    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card p {
        display: none
    }

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card::after {
        content: none !important
    }
}

.SideMenuAndContent .PageContainer .ContentArea .board .manager-card.expanded {
    max-height: none
}

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card.expanded::after {
        content: none !important
    }

@media screen and (max-width:959.98px) {
    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card.expanded p {
        display: block
    }
}

.SideMenuAndContent .PageContainer .ContentArea .board .manager-card .manager-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    position: relative;
    width: 100%
}

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card .manager-title a.readMore {
        position: absolute;
        right: 0;
        transition: .5s
    }

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card .manager-title .img-content {
        overflow: hidden;
        border-radius: 100%
    }

        .SideMenuAndContent .PageContainer .ContentArea .board .manager-card .manager-title .img-content picture img {
            aspect-ratio: 1;
            object-fit: cover;
            width: 64px
        }

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card .manager-title .name-content h5 {
        font-family: cordale-arabic,sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        text-align: left;
        padding: 0;
        margin: 0;
        margin-bottom: 4px;
        color: #091e42
    }

    .SideMenuAndContent .PageContainer .ContentArea .board .manager-card .manager-title .name-content h6 {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        padding: 0;
        margin: 0;
        margin-bottom: 4px;
        color: #091e42
    }

.SideMenuAndContent .PageContainer .ContentArea .info-card {
    padding: 32px;
    border-radius: 16px;
    border: 1px solid #dfe3ec;
    margin-bottom: 24px
}

    .SideMenuAndContent .PageContainer .ContentArea .info-card h4 {
        font-family: cordale-arabic,sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        text-align: left;
        color: #091e42;
        margin-bottom: 12px
    }

    .SideMenuAndContent .PageContainer .ContentArea .info-card p {
        font-family: mulish-variable,sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
        color: #45476f;
        margin: 0
    }

.SideMenuAndContent .PageContainer .ContentArea a.readMoreManagement {
    border: 1px solid #dfe3ec;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #091e42;
    display: flex;
    width: fit-content;
    align-items: center;
    font-family: mulish-variable,sans-serif;
    margin-top: 36px
}

.SideMenuAndContent .PageContainer .ContentArea .awards-n-more {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 80px
}

    .SideMenuAndContent .PageContainer .ContentArea .awards-n-more .award-card {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 16px;
        width: calc(50% - 72px);
        padding: 24px;
        border: 1px solid #dfe3ec;
        border-radius: 16px
    }

        .SideMenuAndContent .PageContainer .ContentArea .awards-n-more .award-card .img-content {
            min-width: 84px;
            width: 84px
        }

            .SideMenuAndContent .PageContainer .ContentArea .awards-n-more .award-card .img-content picture img {
                aspect-ratio: 1;
                object-fit: cover;
                width: 100%
            }

        .SideMenuAndContent .PageContainer .ContentArea .awards-n-more .award-card p {
            font-family: cordale-arabic,sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            text-align: left
        }

.SideMenuAndContent .PageContainer .ContentArea .corporate-journey {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 80px
}

    .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 4px
    }

    .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 48px;
        width: calc(50% - 86px);
        padding: 24px;
        border: 1px solid #dfe3ec;
        border-radius: 16px;
        position: relative;
        padding-right: 48px
    }

        .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            background: #dfe3ec;
            left: 132px
        }

        .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card .img-content {
            min-width: 84px;
            width: 84px
        }

            .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card .img-content picture img {
                aspect-ratio: 1;
                object-fit: cover;
                width: 100%
            }

        .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card h6 {
            font-family: cordale-arabic,sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            text-align: left;
            color: #091e42;
            margin: 0;
            padding: 0
        }

        .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card p {
            font-family: mulish-variable,sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            text-align: left;
            color: #45476f;
            margin: 0;
            padding: 0
        }

        .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card a.cj-card-button {
            position: absolute;
            right: 16px
        }

.SideMenuAndContent .PageContainer .ContentArea .time-slider {
    margin-bottom: 60px
}

.SideMenuAndContent .PageContainer .ContentArea .navigation-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 16px;
    margin-right: 60px
}

@media screen and (max-width:959.99px) {
    .SideMenuAndContent .PageContainer .ContentArea .navigation-buttons {
        margin-right: 0
    }
}

.SideMenuAndContent .PageContainer .ContentArea .navigation-buttons .swiper-next, .SideMenuAndContent .PageContainer .ContentArea .navigation-buttons .swiper-prev {
    border: 1px solid #dfe3ec;
    box-shadow: 0 2px 4px 0 #091e420A;
    padding: 8px;
    border-radius: 8px;
    background-color: #fff
}

.SideMenuAndContent .PageContainer .ContentArea .timeSwiper {
    padding-bottom: 60px;
    margin-bottom: 50px
}

    .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
        position: relative
    }

        .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card::after {
            content: "";
            position: absolute;
            width: calc(100% + 60px);
            height: 2px;
            background: #dfe3ec;
            bottom: -51px;
            left: 28px
        }

        .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card .time {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
            gap: 16px;
            position: relative
        }

            .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card .time::after {
                content: "";
                position: absolute;
                width: 2px;
                height: 51px;
                background: #dfe3ec;
                bottom: -51px;
                left: 50%;
                transform: translateX(-6px)
            }

            .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card .time p.year {
                font-weight: 400;
                line-height: 64px;
                letter-spacing: -.02em;
                text-align: center;
                font-family: cordale-arabic,sans-serif;
                color: #7d7e9b;
                margin: 0;
                padding: 0;
                font-size: 40px;
                writing-mode: vertical-lr;
                text-orientation: mixed;
                transform: rotate(180deg)
            }

            .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card .time p.month {
                font-family: cordale-arabic,sans-serif;
                font-size: 12px;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: .02em;
                text-align: center;
                color: #7d7e9b;
                margin: 0;
                padding: 0;
                margin-left: -10px
            }

        .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card .details h5 {
            font-family: mulish-variable,sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 26px;
            text-align: left;
            margin: 0;
            padding: 0;
            margin-bottom: 8px;
            color: #091e42
        }

        .SideMenuAndContent .PageContainer .ContentArea .timeSwiper .time-card .details p.info {
            font-family: mulish-variable,sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            text-align: left;
            margin: 0;
            padding: 0;
            color: #45476f
        }

.SideMenuAndContent .PageContainer .ContentArea .filters {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    margin-bottom: 36px
}

    .SideMenuAndContent .PageContainer .ContentArea .filters div#City {
        width: 240px;
        min-width: 240px
    }

        .SideMenuAndContent .PageContainer .ContentArea .filters div#City button {
            width: 100%;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: nowrap;
            box-shadow: none
        }

    .SideMenuAndContent .PageContainer .ContentArea .filters div#District {
        min-width: 240px;
        width: 240px
    }

        .SideMenuAndContent .PageContainer .ContentArea .filters div#District button {
            width: 100%;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
            box-shadow: none;
            flex-wrap: nowrap
        }

    .SideMenuAndContent .PageContainer .ContentArea .filters div#SearchBar {
        width: 100%
    }

        .SideMenuAndContent .PageContainer .ContentArea .filters div#SearchBar input {
            height: 44px;
            border-radius: 8px
        }

.SideMenuAndContent .PageContainer .ContentArea .dealerCards {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 80px
}

    .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard {
        width: 100%;
        padding: 24px 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 16px;
        border: 1px solid #dfe3ec;
        border-radius: 8px
    }

        .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard b {
            font-family: mulish-variable,sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            text-align: left;
            margin: 0;
            padding: 0;
            color: #091e42
        }

        .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard .details {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 16px;
            flex-wrap: nowrap
        }

            .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard .details p.address {
                font-family: mulish-variable,sans-serif;
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                text-align: left;
                color: #091e42;
                padding: 0;
                margin: 0
            }

            .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard .details .contact {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: row;
                flex-wrap: nowrap;
                gap: 16px;
                width: 100%
            }

                .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard .details .contact a {
                    font-family: mulish-variable,sans-serif;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 24px;
                    text-align: left;
                    color: #0064D9
                }

        .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard a.addressRecipe {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
            width: 135px;
            gap: 8px;
            padding-left: 50px
        }

.SideMenuAndContent .PageContainer .ContentArea .dealerRequest {
    background: linear-gradient(112.91deg,#241f52 14.85%,#0064D9 85.15%);
    padding: 44px 40px;
    border-radius: 16px
}

    .SideMenuAndContent .PageContainer .ContentArea .dealerRequest h2 {
        font-family: cordale-arabic,sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        color: #fff;
        margin: 0;
        padding: 0;
        margin-bottom: 8px
    }

    .SideMenuAndContent .PageContainer .ContentArea .dealerRequest p {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #fff;
        opacity: .8;
        margin: 0;
        padding: 0;
        margin-bottom: 24px
    }

    .SideMenuAndContent .PageContainer .ContentArea .dealerRequest a {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        color: #161739;
        background: #fff;
        padding: 12px 20px;
        border-radius: 8px
    }

@media screen and (max-width:959.98px) {
    .SideMenuAndContent .PageContainer {
        flex-direction: column
    }

        .SideMenuAndContent .PageContainer .SidebarMenu {
            width: 100%
        }

        .SideMenuAndContent .PageContainer .ContentArea {
            width: 100%
        }

            .SideMenuAndContent .PageContainer .ContentArea h1 {
                font-size: 24px;
                font-weight: 700;
                line-height: 32px
            }

            .SideMenuAndContent .PageContainer .ContentArea h2 {
                font-size: 20px;
                font-weight: 700;
                line-height: 28px
            }

            .SideMenuAndContent .PageContainer .ContentArea b, .SideMenuAndContent .PageContainer .ContentArea h5, .SideMenuAndContent .PageContainer .ContentArea h6, .SideMenuAndContent .PageContainer .ContentArea p {
                font-size: 16px;
                line-height: 24px
            }

            .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content {
                flex-direction: column
            }

                .SideMenuAndContent .PageContainer .ContentArea .Guide .dl-content .dl-slim {
                    width: calc(100% - 130px)
                }

            .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content {
                flex-direction: column
            }

                .SideMenuAndContent .PageContainer .ContentArea .Logos .dl-content .dl-logo {
                    width: calc(100% - 50px)
                }

            .SideMenuAndContent .PageContainer .ContentArea .awards-n-more {
                flex-wrap: wrap
            }

                .SideMenuAndContent .PageContainer .ContentArea .awards-n-more .award-card {
                    width: calc(100% - 50px)
                }

            .SideMenuAndContent .PageContainer .ContentArea .corporate-journey {
                flex-direction: column
            }

                .SideMenuAndContent .PageContainer .ContentArea .corporate-journey .cj-card {
                    width: calc(100% - 86px)
                }

            .SideMenuAndContent .PageContainer .ContentArea .filters {
                flex-direction: column
            }

                .SideMenuAndContent .PageContainer .ContentArea .filters div#City {
                    width: 100%
                }

                .SideMenuAndContent .PageContainer .ContentArea .filters div#District {
                    width: 100%
                }

            .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard {
                align-items: flex-start;
                justify-content: flex-start;
                width: calc(100% - 34px);
                flex-direction: column
            }

                .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard .details .contact {
                    align-items: flex-start;
                    justify-content: flex-start;
                    flex-direction: column
                }

                .SideMenuAndContent .PageContainer .ContentArea .dealerCards .dealerCard a.addressRecipe {
                    padding-left: 0
                }
}

.zero-carb-title {
    background: linear-gradient(186.91deg,#fff -14.38%,#f1ecf5 37.45%,#fff 91.38%);
    padding-top: 120px
}

    .zero-carb-title h1 {
        font-family: cordale-arabic,sans-serif;
        font-size: 40px;
        font-weight: 700;
        line-height: 64px;
        letter-spacing: -.02em;
        text-align: left;
        padding: 0;
        margin: 0;
        margin-bottom: 12px;
        color: #091e42
    }

@media screen and (max-width:959.98px) {
    .zero-carb-title h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.zero-carb-title p {
    font-family: mulish-variable,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
    color: #7d7e9b;
    max-width: 900px
}

.zero-carb-image-with-content .image-with-content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 48px
}

@media screen and (max-width:959.98px) {
    .zero-carb-image-with-content .image-with-content {
        flex-direction: column
    }
}

.zero-carb-image-with-content .image-with-content .img-content {
    width: 30%;
    min-width: 30%;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:959.98px) {
    .zero-carb-image-with-content .image-with-content .img-content {
        width: 100%
    }
}

.zero-carb-image-with-content .image-with-content .img-content picture img {
    aspect-ratio: 430/264;
    width: 100%;
    object-fit: cover
}

@media screen and (max-width:959.98px) {
    .zero-carb-image-with-content .image-with-content .img-content picture img {
        aspect-ratio: 335/206
    }
}

.zero-carb-image-with-content .image-with-content .content {
    width: 70%
}

@media screen and (max-width:959.98px) {
    .zero-carb-image-with-content .image-with-content .content {
        width: 100%
    }
}

.zero-carb-image-with-content .image-with-content .content h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    color: #091e42
}

@media screen and (max-width:959.98px) {
    .zero-carb-image-with-content .image-with-content .content h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.zero-carb-image-with-content .image-with-content .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f
}

.zero-carb-fw-content h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    color: #091e42
}

@media screen and (max-width:959.98px) {
    .zero-carb-fw-content h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.zero-carb-fw-content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f
}

.zero-carb-fw-content .img-content {
    width: 100%;
    border-radius: 12px;
    overflow: hidden
}

    .zero-carb-fw-content .img-content picture img {
        aspect-ratio: 1320/570;
        width: 100%;
        object-fit: cover
    }

.zero-carb-certificates .Guide {
    margin-bottom: 80px
}

    .zero-carb-certificates .Guide .dl-content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 24px
    }

        .zero-carb-certificates .Guide .dl-content .dl-slim {
            width: calc(50% - 176px);
            border: 1px solid #dfe3ec;
            border-radius: 16px;
            padding: 20px 32px;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: nowrap;
            gap: 16px;
            padding-right: 130px;
            position: relative
        }

            .zero-carb-certificates .Guide .dl-content .dl-slim .details {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap: nowrap
            }

            .zero-carb-certificates .Guide .dl-content .dl-slim a.dl-btn {
                position: absolute;
                right: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                top: 50%;
                transform: translateY(-50%)
            }

@media screen and (max-width:959.98px) {
    .zero-carb-certificates .Guide .dl-content {
        flex-direction: column
    }

        .zero-carb-certificates .Guide .dl-content .dl-slim {
            width: calc(100% - 163px)
        }
}

.kep-module {
    background: linear-gradient(97.11deg,#1c2457 0,#2483c5 113.05%)
}

    .kep-module .modules {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 130px
    }

@media screen and (max-width:959.98px) {
    .kep-module .modules {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 32px;
        align-content: flex-start
    }
}

.kep-module .modules .packages {
    width: 50%
}

@media screen and (max-width:959.98px) {
    .kep-module .modules .packages {
        width: 100%
    }
}

.kep-module .modules .packages h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 12px
}

@media screen and (max-width:959.98px) {
    .kep-module .modules .packages h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.kep-module .modules .packages p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .kep-module .modules .packages p {
        font-size: 16px;
        line-height: 24px
    }
}

.kep-module .modules .packages .pacards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px
}

    .kep-module .modules .packages .pacards .package {
        border: 1px solid #fffFFF29;
        border-radius: 8px;
        background: #fffFFF14;
        padding: 12px 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        width: calc(50% - 52px)
    }

@media screen and (max-width:959.98px) {
    .kep-module .modules .packages .pacards .package {
        width: 100%
    }
}

.kep-module .modules .packages .pacards .package .infos h6 {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0
}

.kep-module .modules .packages .pacards .package .infos p {
    font-family: mulish-variable,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0
}

.kep-module .modules .packages .pacards .package .values {
    font-family: cordale-arabic,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: right;
    color: #fff;
    margin: 0;
    padding: 0
}

.kep-module .modules .default-card {
    width: calc(50% - 130px)
}

@media screen and (max-width:959.98px) {
    .kep-module .modules .default-card {
        width: 100%
    }
}

.kep-packages {
    background: linear-gradient(97.11deg,#1c2457 0,#2483c5 113.05%)
}

    .kep-packages .info-m {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .kep-packages a.kep-btn {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        color: #161739;
        padding: 16px 20px;
        background: #fff;
        border-radius: 8px
    }

@media screen and (max-width:959.98px) {
    .kep-packages a.kep-btn {
        width: calc(100% - 40px)
    }
}

.kep-packages .modules {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 130px;
    align-items: flex-start
}

    .kep-packages .modules h2 {
        font-family: cordale-arabic,sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 48px;
        text-align: left;
        color: #fff;
        margin: 0;
        padding: 0;
        margin-bottom: 12px
    }

@media screen and (max-width:959.98px) {
    .kep-packages .modules h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.kep-packages .modules p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .kep-packages .modules p {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width:959.98px) {
    .kep-packages .modules {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 32px;
        align-content: flex-start
    }
}

.kep-packages .modules .packages {
    width: 50%
}

@media screen and (max-width:959.98px) {
    .kep-packages .modules .packages {
        width: 100%
    }
}

.kep-packages .modules .packages .pacards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px
}

    .kep-packages .modules .packages .pacards .package {
        border: 1px solid #fffFFF29;
        border-radius: 8px;
        background: #fffFFF14;
        padding: 12px 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

        .kep-packages .modules .packages .pacards .package h6 {
            font-family: mulish-variable,sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            text-align: left;
            color: #fff;
            margin: 0;
            padding: 0
        }

        .kep-packages .modules .packages .pacards .package p {
            font-family: mulish-variable,sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: left;
            color: #fff;
            margin: 0;
            padding: 0
        }

        .kep-packages .modules .packages .pacards .package .values {
            font-family: cordale-arabic,sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 16px;
            text-align: right;
            color: #fff;
            margin: 0;
            padding: 0
        }

.kep-packages .modules .default-card {
    width: calc(50% - 130px)
}

@media screen and (max-width:959.98px) {
    .kep-packages .modules .default-card {
        width: 100%
    }
}

.full-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0
}

.wqe-image-content h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 48px;
    color: #161739
}

@media screen and (max-width:959.98px) {
    .wqe-image-content h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.wqe-image-content picture {
    width: 100%;
    display: block
}

    .wqe-image-content picture img {
        width: 100%;
        aspect-ratio: 1328/618;
        object-fit: cover;
        border-radius: 16px;
        overflow: hidden
    }

@media screen and (max-width:959.98px) {
    .wqe-image-content picture img {
        aspect-ratio: 335/156
    }
}

.wqe-marquee h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 48px;
    color: #161739
}

    .wqe-marquee h2 span {
        color: #161739
    }

@media screen and (max-width:959.98px) {
    .wqe-marquee h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.wqe-image-with-content .Img-w-Cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
    width: 100%
}

    .wqe-image-with-content .Img-w-Cont .content {
        width: calc(50% - 100px)
    }

@media screen and (max-width:959.98px) {
    .wqe-image-with-content .Img-w-Cont .content {
        width: 100%
    }
}

.wqe-image-with-content .Img-w-Cont .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    color: #161739
}

@media screen and (max-width:959.98px) {
    .wqe-image-with-content .Img-w-Cont .content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.wqe-image-with-content .Img-w-Cont .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .wqe-image-with-content .Img-w-Cont .content p {
        font-size: 16px
    }
}

.wqe-image-with-content .Img-w-Cont .content a {
    border: 1px solid #dfe3ec;
    box-shadow: 0 2px 4px 0 #091e420A;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: mulish-variable,sans-serif;
    line-height: 24px;
    text-align: center;
    color: #091e42;
    padding: 12px 20px;
    border-radius: 8px
}

.wqe-image-with-content .Img-w-Cont .image {
    width: 50%
}

@media screen and (max-width:959.98px) {
    .wqe-image-with-content .Img-w-Cont .image {
        width: 100%
    }
}

.wqe-image-with-content .Img-w-Cont .image picture {
    width: 100%;
    display: block
}

    .wqe-image-with-content .Img-w-Cont .image picture img {
        width: 100%;
        aspect-ratio: 648/400;
        object-fit: cover;
        border-radius: 16px;
        overflow: hidden
    }

.wqe-image-with-content:nth-child(odd) {
    background: #fff
}

    .wqe-image-with-content:nth-child(odd) .Img-w-Cont {
        flex-direction: row-reverse
    }

@media screen and (max-width:959.98px) {
    .wqe-image-with-content:nth-child(odd) .Img-w-Cont {
        flex-direction: column-reverse;
        gap: 40px
    }
}

.wqe-image-with-content:nth-child(2n) {
    background: #f7f9fc
}

    .wqe-image-with-content:nth-child(2n) .Img-w-Cont {
        flex-direction: row
    }

@media screen and (max-width:959.98px) {
    .wqe-image-with-content:nth-child(2n) .Img-w-Cont {
        flex-direction: column-reverse;
        gap: 40px
    }
}

.wqe-awards h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 48px;
    color: #161739
}

    .wqe-awards h2 span {
        color: #161739
    }

@media screen and (max-width:959.98px) {
    .wqe-awards h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px
    }
}

.wqe-awards p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .wqe-awards p {
        font-size: 16px
    }
}

.wqe-awards .awards-n-more {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 80px
}

    .wqe-awards .awards-n-more .award-card {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 16px;
        width: calc((100% / 3) - 72px);
        padding: 24px;
        border: 1px solid #dfe3ec;
        border-radius: 16px
    }

@media screen and (max-width:959.98px) {
    .wqe-awards .awards-n-more .award-card {
        width: 100%
    }
}

.wqe-awards .awards-n-more .award-card .img-content {
    min-width: 84px;
    width: 84px
}

    .wqe-awards .awards-n-more .award-card .img-content picture img {
        aspect-ratio: 1;
        object-fit: cover;
        width: 100%
    }

.wqe-awards .awards-n-more .award-card p {
    font-family: cordale-arabic,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left
}

.wqe-video-with-content {
    background: #f7f9fc
}

    .wqe-video-with-content .Vid-w-Cont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 100px;
        background: #fff;
        border-radius: 16px;
        padding: 24px
    }

@media screen and (max-width:959.98px) {
    .wqe-video-with-content .Vid-w-Cont {
        gap: 40px;
        flex-direction: column
    }
}

.wqe-video-with-content .Vid-w-Cont .content {
    width: calc(50% - 100px)
}

@media screen and (max-width:959.98px) {
    .wqe-video-with-content .Vid-w-Cont .content {
        width: 100%
    }
}

.wqe-video-with-content .Vid-w-Cont .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    color: #161739
}

@media screen and (max-width:959.98px) {
    .wqe-video-with-content .Vid-w-Cont .content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.wqe-video-with-content .Vid-w-Cont .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .wqe-video-with-content .Vid-w-Cont .content p {
        font-size: 16px
    }
}

.wqe-video-with-content .Vid-w-Cont .vid {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

    .wqe-video-with-content .Vid-w-Cont .vid .sm-btn {
        position: absolute;
        z-index: 2
    }

@media screen and (max-width:959.98px) {
    .wqe-video-with-content .Vid-w-Cont .vid {
        width: 100%
    }
}

.wqe-video-with-content .Vid-w-Cont .vid picture {
    width: 100%;
    display: block
}

    .wqe-video-with-content .Vid-w-Cont .vid picture img {
        width: 100%;
        aspect-ratio: 624/300;
        object-fit: cover;
        border-radius: 16px;
        overflow: hidden
    }

@media screen and (max-width:959.98px) {
    .wqe-video-with-content .Vid-w-Cont .vid picture img {
        aspect-ratio: 295/180
    }
}

.wqe-campaigns .Camp-w-Cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 100px
}

@media screen and (max-width:959.98px) {
    .wqe-campaigns .Camp-w-Cont {
        gap: 40px;
        flex-direction: column
    }
}

.wqe-campaigns .Camp-w-Cont .content {
    width: calc(50% - 100px)
}

@media screen and (max-width:959.98px) {
    .wqe-campaigns .Camp-w-Cont .content {
        width: 100%
    }
}

.wqe-campaigns .Camp-w-Cont .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 48px;
    color: #161739
}

    .wqe-campaigns .Camp-w-Cont .content h3 span {
        color: #161739
    }

@media screen and (max-width:959.98px) {
    .wqe-campaigns .Camp-w-Cont .content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.wqe-campaigns .Camp-w-Cont .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .wqe-campaigns .Camp-w-Cont .content p {
        font-size: 16px
    }
}

.wqe-campaigns .Camp-w-Cont .Camp {
    width: 50%
}

@media screen and (max-width:959.98px) {
    .wqe-campaigns .Camp-w-Cont .Camp {
        flex-direction: column;
        width: 100%
    }
}

.wqe-campaigns .Camp-w-Cont .Camp .camp-cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 30px
}

@media screen and (max-width:959.98px) {
    .wqe-campaigns .Camp-w-Cont .Camp .camp-cards {
        flex-direction: column;
        width: 100%
    }
}

.wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card {
    background: #f7f9fc;
    padding: 20px;
    width: 50%;
    border-radius: 16px
}

@media screen and (max-width:639.98px) {
    .wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card {
        width: 100%
    }
}

.wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card picture {
    margin-bottom: 16px;
    width: 100%;
    display: block
}

    .wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card picture img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 277/200;
        border-radius: 8px
    }

.wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card h4 {
    font-family: cordale-arabic,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    color: #091e42;
    height: 48px
}

.wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card h5 {
    font-family: mulish-variable,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    height: 30px
}

    .wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card h5 span {
        font-weight: 400
    }

    .wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card h5 i {
        font-style: normal;
        background: #f8ebeb;
        padding: 6px 12px;
        border-radius: 64px;
        width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: mulish-variable,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        color: #ba3636
    }

.wqe-campaigns .Camp-w-Cont .Camp .camp-cards .camp-card a {
    font-family: mulish-variable,sans-serif;
    background: linear-gradient(180deg,#a961a5 0,#0064D9 100%);
    width: calc(100% - 16px);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px
}

.wqe-mobile-app .App-w-Cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont {
        gap: 40px;
        flex-direction: column
    }
}

.wqe-mobile-app .App-w-Cont .content {
    width: calc(50% - 60px)
}

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont .content {
        width: 100%
    }
}

.wqe-mobile-app .App-w-Cont .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 48px;
    color: #161739
}

    .wqe-mobile-app .App-w-Cont .content h3 span {
        color: #161739
    }

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont .content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.wqe-mobile-app .App-w-Cont .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont .content p {
        font-size: 16px
    }
}

.wqe-mobile-app .App-w-Cont .content .links {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: flex-start;
    align-content: center
}

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont .content .links {
        gap: 12px;
        flex-direction: column
    }
}

.wqe-mobile-app .App-w-Cont .content .links a {
    width: 50%;
    max-width: 230px;
    color: #091e42;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: center;
    align-content: center;
    padding: 14px 20px;
    border: 1px solid #dfe3ec;
    box-shadow: 0 2px 4px 0 #091e420A;
    border-radius: 8px
}

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont .content .links a {
        width: 100%;
        max-width: calc(100% - 40px)
    }
}

.wqe-mobile-app .App-w-Cont .app {
    width: calc(50% - 120px)
}

@media screen and (max-width:959.98px) {
    .wqe-mobile-app .App-w-Cont .app {
        width: calc(100% - 120px)
    }
}

.wqe-mobile-app .App-w-Cont .app picture {
    display: block;
    width: 100%
}

    .wqe-mobile-app .App-w-Cont .app picture img {
        width: 100%
    }

.infoTextContainer {
    background: #fff;
    border-radius: 16px;
    padding: 24px
}

    .infoTextContainer p {
        font-family: mulish-variable,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: #45476f;
        margin: 0;
        padding: 0;
        margin-bottom: 16px
    }

@media screen and (max-width:959.98px) {
    .infoTextContainer p {
        font-size: 14px
    }
}

.infoTextContainer button {
    width: 100%;
    color: #091e42;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    padding: 6px 8px;
    border: 1px solid #091e42;
    border-radius: 8px;
    font-family: mulish-variable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px;
    line-height: 26px;
    box-shadow: none
}

.fa-info h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 48px;
    color: #161739
}

    .fa-info h2 span {
        color: #161739
    }

@media screen and (max-width:959.98px) {
    .fa-info h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.fa-info p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .fa-info p {
        font-size: 16px
    }
}

.fa-image-with-content:nth-child(odd) {
    background: #f7f9fc
}

.fa-image-with-content:nth-child(2n) {
    background: #fff
}

.fa-image-with-content .Img-w-Cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
    width: 100%
}

@media screen and (max-width:959.98px) {
    .fa-image-with-content .Img-w-Cont {
        gap: 40px;
        flex-direction: column
    }
}

.fa-image-with-content .Img-w-Cont .content {
    width: calc(50% - 100px)
}

@media screen and (max-width:959.98px) {
    .fa-image-with-content .Img-w-Cont .content {
        width: 100%
    }
}

.fa-image-with-content .Img-w-Cont .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    color: #161739
}

@media screen and (max-width:959.98px) {
    .fa-image-with-content .Img-w-Cont .content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.fa-image-with-content .Img-w-Cont .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .fa-image-with-content .Img-w-Cont .content p {
        font-size: 16px
    }
}

.fa-image-with-content .Img-w-Cont .image {
    width: 50%
}

@media screen and (max-width:959.98px) {
    .fa-image-with-content .Img-w-Cont .image {
        width: 100%
    }
}

.fa-image-with-content .Img-w-Cont .image picture {
    width: 100%;
    display: block
}

    .fa-image-with-content .Img-w-Cont .image picture img {
        width: 100%;
        aspect-ratio: 648/400;
        object-fit: cover;
        border-radius: 16px;
        overflow: hidden
    }

.fa-features {
    background: linear-gradient(112.91deg,#241f52 14.85%,#0064D9 85.15%)
}

    .fa-features h3 {
        font-family: cordale-arabic,sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 48px;
        text-align: left;
        margin: 0;
        padding: 0;
        margin-bottom: 22px;
        color: #fff
    }

@media screen and (max-width:959.98px) {
    .fa-features h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.fa-features h5 {
    font-family: cordale-arabic,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    color: #fff;
    margin-top: 20px
}

.fa-features p {
    font-size: 16px;
    font-family: mulish-variable,sans-serif;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #fff;
    margin-bottom: 12px;
    opacity: .8
}

.fa-features .feature-card {
    border: 1px solid #fffFFF4D;
    box-shadow: 0 -4px 64px 0 #fffFFF14 inset;
    background: #fffFFF14;
    border-radius: 8px;
    padding: 32px
}

.fa-features .row3 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
    flex-wrap: wrap
}

    .fa-features .row3 .feature-card {
        width: calc((100% / 3) - 88px)
    }

@media screen and (max-width:959.98px) {
    .fa-features .row3 .feature-card {
        width: 100%
    }
}

@media screen and (max-width:959.98px) {
    .fa-features .row3 .feature-card:last-child {
        width: 100%
    }
}

.fa-features .see-more-btn {
    display: none
}

@media (max-width:959.98px) {
    .fa-features .feature-card {
        display: none
    }

        .fa-features .feature-card:nth-child(-n+2) {
            display: block
        }

    .fa-features .see-more-btn {
        display: flex;
        margin-top: 20px;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        background: 0 0;
        border: none;
        box-shadow: none;
        margin: auto
    }
}

.fa-video-with-content {
    background: #fff
}

    .fa-video-with-content .Vid-w-Cont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 100px;
        background: #f7f9fc;
        border-radius: 16px;
        padding: 24px
    }

@media screen and (max-width:959.98px) {
    .fa-video-with-content .Vid-w-Cont {
        gap: 40px;
        flex-direction: column
    }
}

.fa-video-with-content .Vid-w-Cont .content {
    width: calc(50% - 100px)
}

@media screen and (max-width:959.98px) {
    .fa-video-with-content .Vid-w-Cont .content {
        width: 100%
    }
}

.fa-video-with-content .Vid-w-Cont .content h3 {
    font-family: cordale-arabic,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    color: #161739
}


.menu-top {
	overflow-x: auto;
	top: 86px !important;
	left: 0px;
	width: 1320px;
	border-radius: 6px;
	max-width: 1873px;
}


@media screen and (max-width:959.98px) {
    .fa-video-with-content .Vid-w-Cont .content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.fa-video-with-content .Vid-w-Cont .content p {
    font-family: mulish-variable,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #45476f;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media screen and (max-width:959.98px) {
    .fa-video-with-content .Vid-w-Cont .content p {
        font-size: 16px
    }
}

.fa-video-with-content .Vid-w-Cont .vid {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

    .fa-video-with-content .Vid-w-Cont .vid .sm-btn {
        position: absolute;
        z-index: 2
    }

@media screen and (max-width:959.98px) {
    .fa-video-with-content .Vid-w-Cont .vid {
        width: 100%
    }
}

.fa-video-with-content .Vid-w-Cont .vid picture {
    width: 100%;
    display: block
}

    .fa-video-with-content .Vid-w-Cont .vid picture img {
        width: 100%;
        aspect-ratio: 624/300;
        object-fit: cover;
        border-radius: 16px;
        overflow: hidden
    }

@media screen and (max-width:959.98px) {
    .fa-video-with-content .Vid-w-Cont .vid picture img {
        aspect-ratio: 374/180
    }
}

.common-info h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #091e42;
    margin: 0;
    padding: 0;
    margin-bottom: 12px
}

@media screen and (min-width:960px) {
    .common-info h2 {
        font-size: 32px;
        line-height: 48px
    }
}

.common-info p {
    font-family: mulish-variable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #091e42;
    margin: 0;
    padding: 0;
    margin-bottom: 12px
}

@media screen and (min-width:960px) {
    .common-info p {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        max-width: calc((100% / 3) * 2)
    }
}

.ApplicationForm h2 {
    font-family: cordale-arabic,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #091e42;
    margin: 0;
    padding: 0;
    margin-bottom: 12px
}

.p12 {
    font-size: 12px;
	line-height: 19px;

}

.text-title {
    font-size: 12px;
	border-radius:6px;
	padding:12px;
	line-height: 14px;

}

.f13 {
    font-size: 13px;
}

.line-h-16 {
	line-height: 16px;
    color: #42526e;

}

.sktr-b {
padding:5px

}

.sktr-b:hover {
    background-color: aliceblue;
    border-radius: 6px;
}


.f600 {
	  font-weight: 600;
	  font-size: 14px;
}

@media screen and (min-width:960px) {
    .ApplicationForm h2 {
        font-size: 32px;
        line-height: 48px
    }
}

.ApplicationForm p {
    font-family: mulish-variable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #091e42;
    margin: 0;
    padding: 0;
    margin-bottom: 36px;
    max-width: 870px
}

@media screen and (min-width:960px) {
    .ApplicationForm p {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px
    }
}