:root {
    --display: 56px;
    --display-line-height: 84px;
    --display-mobile: 40px;
    --display-line-height-mobile: 60px;
    --stats: 40px;
    --stats-line-height: 60px;
    --text-hero: 40px;
    --text-hero-line-height: 60px;
    --heading1-font-size: 32px;
    --heading1-font-weight: 300;
    --heading1-line-height: 40px;
    --heading2-font-size: 28px;
    --heading2-font-weight: 300;
    --heading2-line-height: 125%;
    --heading3-font-size: 24px;
    --heading3-font-weight: 600;
    --heading3-line-height: 36px;
    --heading4-font-size: 24px;
    --heading4-font-weight: 300;
    --heading4-line-height: 36px;
    --mobile-heading1-font-size: 32px;
    --mobile-heading1-font-weight: 300;
    --mobile-heading1-line-height: 40px;
    --mobile-heading2-font-size: 28px;
    --mobile-heading2-font-weight: 300;
    --mobile-heading2-line-height: 35px;
    --mobile-heading3-font-size: 24px;
    --mobile-heading3-font-weight: 300;
    --mobile-heading3-line-height: 36px;
    --mobile-heading4-font-size: 24px;
    --mobile-heading4-font-weight: 300;
    --mobile-heading4-line-height: 36px;
    --highlight: 18px;
    --hightlight-line-height: 27px;
    --default: 16px;
    --default-line-height: 24px;
    --contenttitle: 16px;
    --contenttitle-line-height: 24px;
    --contentbody: 16px;
    --contentbody-line-height: 24px;
    --contentbody-fontweight: 300;
    --subtitle: 20px;
    --subtitle-line-height: 25px;
    --wtypecaptionsmall: 14px;
    --wtypecaptionsmall-line-height: 21px;
    --wtypecaptionsmall-letter-spacing: 2px;
    --contentfootnote: 16px;
    --contentfootnote-line-height: 24px;
    --note: 14px;
    --note-line-height: 14px;
    --subnote: 14px;
    --subnote-line-height: 21px;
    --typeinlinelink: 16px;
    --typeinlinelink-line-height: 24px;
    --subheader: 12px;
    --subheader-line-height: 18px;
    --table-header: 12px;
    --table-header-line-height: 18px;
    --table-default: 14px;
    --table-default-line-height: 21px;
    --primary-black: #000;
    --primary-red: #ed1b24;
    --primary-white: #fff;
    --primary-gold: #d6b973;
    --primary-navy-blue: #1b1564;
    --primary-sky-grey: #d6ebec;
    --primary-ivory: #f1efe9;
    --secondary-grey: #1c2629;
    --secondary-grey-100: #212121;
    --secondary-grey-80: #333;
    --secondary-grey-60: #616161;
    --secondary-mid-grey-100: #a2a2a2;
    --secondary-mid-grey-80: #c5c5c5;
    --secondary-mid-grey-60: #dedede;
    --secondary-mid-grey-40: #f5f6f8;
    --secondary-light-grey-100: #e3e4e6;
    --secondary-light-grey-80: #f2f2f2;
    --secondary-light-grey-60: #f5f5f5;
    --secondary-gold: #ecd7b0;
    --cta-disabled: #d9d9d9
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 300;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-Light.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 400;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-Regular.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 400;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-RegularItalic.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 500;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-Medium.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-SemiBold.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 700;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-Bold.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 400;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-Light-Italic.html) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 800;
    src: url(../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/fonts/SF-Pro-Display-Heavy.html) format("truetype")
}

body,
html {
    background: #ececec;
    color: var(--primary-black);
    font-family: SF Pro Display, SF Pro Display Italic, SF Pro Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: var(--body);
    line-height: var(--default-line-height);
    margin: 0;
    scroll-behavior: smooth
}

body .dark,
html .dark {
    background: #131313;
    color: #dfdfdf
}

h1 {
    font-size: var(--heading1-font-size);
    font-weight: var(--heading1-font-weight);
    line-height: var(--heading1-line-height)
}

h2 {
    font-size: var(--heading2-font-size);
    font-weight: var(--heading2-font-weight);
    line-height: var(--heading2-line-height)
}

h3 {
    font-size: var(--heading3-font-size);
    font-weight: var(--heading3-font-weight);
    line-height: var(--heading3-line-height)
}

h4 {
    font-size: var(--heading4-font-size);
    font-weight: var(--heading4-font-weight);
    line-height: var(--heading4-line-height)
}

@media screen and (max-width:767px) {
    h1 {
        font-size: var(--mobile-heading1-font-size);
        font-weight: var(--mobile-heading1-font-weight);
        line-height: var(--mobile-heading1-line-height)
    }

    h2 {
        font-size: var(--mobile-heading2-font-size);
        font-weight: var(--mobile-heading2-font-weight);
        line-height: var(--mobile-heading2-line-height)
    }

    h3 {
        font-size: var(--mobile-heading3-font-size);
        font-weight: var(--mobile-heading3-font-weight);
        line-height: var(--mobile-heading3-line-height)
    }

    h4 {
        font-size: var(--mobile-heading4-font-size);
        font-weight: var(--mobile-heading4-font-weight);
        line-height: var(--mobile-heading4-line-height)
    }
}

a {
    color: #000
}

.dark a {
    color: #fff
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

ol,
ul {
    -webkit-padding-start: 40px;
    padding-inline-start: 40px
}

.highlight-bold {
    font-weight: 700
}

.highlight-bold,
.highlight-regular {
    font-size: var(--highlight);
    line-height: var(--hightlight-line-height)
}

.highlight-regular {
    font-weight: 400
}

.default-bold {
    font-weight: 600
}

.default-bold,
.default-regular {
    font-size: var(--default);
    line-height: var(--default-line-height)
}

.default-regular {
    font-weight: 400
}

.content-title-bold {
    font-weight: 700
}

.content-title-bold,
.content-title-regular {
    font-size: var(--contenttitle);
    line-height: var(--contenttitle-line-height)
}

.content-title-regular {
    font-weight: 400
}

.content-body-bold {
    font-weight: 700
}

.content-body-bold,
.content-body-regular {
    font-size: var(--contentbody);
    line-height: var(--contentbody-line-height)
}

.content-body-regular {
    font-weight: 400
}

.subtitle-bold {
    font-weight: 600
}

.subtitle-bold,
.subtitle-regular {
    font-size: var(--subtitle);
    line-height: var(--subtitle-line-height)
}

.subtitle-regular {
    font-weight: 400
}

.wtype-caption-small-bold {
    font-weight: 700
}

.wtype-caption-small-bold,
.wtype-caption-small-regular {
    font-size: var(--wtypecaptionsmall);
    letter-spacing: var(--wtypecaptionsmall-letter-spacing);
    line-height: var(--wtypecaptionsmall-line-height)
}

.wtype-caption-small-regular {
    font-weight: 400
}

.content-footnote {
    font-size: var(--contentfootnote);
    font-size: var(--note);
    font-style: italic;
    line-height: var(--contentfootnote-line-height);
    line-height: var(--note-line-height)
}

.subnote {
    font-size: var(--subnote);
    font-style: normal;
    line-height: var(--subnote-line-height)
}

.type-in-linelink {
    font-size: var(--typeinlinelink);
    font-style: normal;
    line-height: var(--typeinlinelink-line-height)
}

.subheader-bold {
    font-weight: 600
}

.subheader-bold,
.subheader-regular {
    font-size: var(--subheader);
    line-height: var(--subheader-line-height)
}

.subheader-regular {
    font-weight: 400
}

.table-header-bold {
    font-weight: 600
}

.table-header-bold,
.table-header-regular {
    font-size: var(--table-header);
    line-height: var(--table-header-line-height)
}

.table-header-regular {
    font-weight: 400
}

.table-default-bold {
    font-weight: 600
}

.table-default-bold,
.table-default-regular {
    font-size: var(--table-default);
    line-height: var(--table-default-line-height)
}

.table-default-regular {
    font-weight: 400
}

[data-emptytext] {
    display: none
}

@font-face {
    font-family: Material Symbols Outlined;
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v183/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2")
}

.material-symbols-outlined {
    word-wrap: normal;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    display: inline-block;
    font-family: Material Symbols Outlined;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap
}

.cta-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    min-width: 200px;
    padding: 1pc 24px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:1025px) {
    .cta-button.has-desktop-width {
        width: var(--desktop-width) !important
    }
}

.cta-button.hide-on-desktop {
    display: none
}

.cta-button.qr-button {
    border-radius: 8px;
    padding: 0 0 0 1pc
}

.button:not(:is(.cta-button--dark, .cta-button--light, .cta-button--grey, .cta-button--dark--white-border)) .cta-button:not(.qr-button):not(.cta-button--link):hover {
    background-color: var(--secondary-grey-60) !important;
    color: var(--primary-white) !important
}

.button:not(:is(.cta-button--dark, .cta-button--light, .cta-button--grey, .cta-button--dark--white-border)) .cta-button:not(.qr-button):not(.cta-button--link):hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.dark .button:not(:is(.cta-button--dark, .cta-button--light, .cta-button--grey, .cta-button--dark--white-border)) .cta-button:not(.qr-button):not(.cta-button--link):hover {
    background-color: var(--primary-white) !important;
    color: var(--secondary-grey-60) !important
}

.dark .button:not(:is(.cta-button--dark, .cta-button--light, .cta-button--grey, .cta-button--dark--white-border)) .cta-button:not(.qr-button):not(.cta-button--link):hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(39%) sepia(0) saturate(492%) hue-rotate(266deg) brightness(96%) contrast(98%);
    filter: brightness(0) saturate(100%) invert(39%) sepia(0) saturate(492%) hue-rotate(266deg) brightness(96%) contrast(98%)
}

.cta-button--dark .cta-button {
    background: var(--primary-black);
    border: 1px solid var(--primary-black);
    color: var(--primary-white)
}

.cta-button--dark .cta-button:not(.qr-button):hover {
    background: var(--primary-white) !important;
    color: var(--primary-black) !important
}

.cta-button--dark .cta-button:not(.qr-button):hover img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.cta-button--light .cta-button {
    background: var(--primary-white);
    border: 1px solid var(--primary-black);
    color: var(--primary-black)
}

.cta-button--light .cta-button:not(.qr-button):hover {
    background: var(--primary-black) !important;
    color: var(--primary-white) !important
}

.cta-button--light .cta-button:not(.qr-button):hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.cta-button--grey .cta-button {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-24.11%, #8d8175), color-stop(305.36%, #35322b));
    background: linear-gradient(180deg, #8d8175 -24.11%, #35322b 305.36%);
    color: var(--primary-white);
    position: relative;
    z-index: 1
}

.cta-button--grey .cta-button:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(180deg, #fff, #fff);
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    z-index: -1
}

.cta-button--grey .cta-button:hover {
    color: var(--secondary-grey-60)
}

.cta-button--grey .cta-button:hover:before {
    opacity: 1
}

.cta-button .qr-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: none;
    justify-content: center;
    padding: 0 9pt
}

.cta-button .qr-button .cmp-button__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.text-center .cta-button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.text-center .cta-button .cmp-button__text {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: center
}

.cta-button .cmp-button__icon {
    display: block
}

.disabled .cta-button,
:disabled .cta-button,
[disabled] .cta-button {
    background: var(--cta-disabled);
    color: var(--secondary-mid-grey-100);
    cursor: not-allowed;
    pointer-events: none
}

.disabled .cta-button .cmp-button__icon,
:disabled .cta-button .cmp-button__icon,
[disabled] .cta-button .cmp-button__icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.form-modal .cta-button,
.full-width .cta-button {
    width: 100%
}

.form-modal .cta-button .cmp-button__text {
    white-space: break-spaces
}

.cta-button.qr-button picture {
    height: 5pc;
    width: 5pc
}

.cta-button--link {
    border: none;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0
}

.cta-button--link:not(.qr-button):hover {
    text-decoration: underline
}

.cta-button--dark--white-border .cta-button {
    background: var(--primary-black);
    border: 1px solid var(--primary-white);
    color: var(--primary-white)
}

.cta-button--dark--white-border .cta-button:not(.qr-button):hover {
    background: var(--secondary-grey-60)
}

.qr-button .cmp-button__icon {
    height: auto;
    width: 5pc
}

.btn--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn--center,
.btn--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:767px) {
    .cta-button {
        white-space: unset;
        width: 100%
    }

    .cta-button.has-mobile-width {
        width: var(--mobile-width) !important
    }

    .form-modal .cta-button {
        margin: 0
    }

    .cta-button.qr-button {
        display: none
    }

    .cta-button.hide-on-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .cta-button.has-tablet-width {
        width: var(--tablet-width) !important
    }
}

.button:has(.has-mobile-width) {
    width: 100%
}

.button:has(.has-tablet-width) {
    width: 100%
}

.button:has(.has-desktop-width) {
    width: 100%
}

.divider--vertical {
    width: unset
}

hr {
    border-top: 1px solid var(--divider-color);
    margin-bottom: 20px;
    margin-top: 20px
}

@media screen and (min-width:429px) {
    .divider--vertical {
        background-color: #000;
        width: 1px
    }
}

.divider--dotted {
    color: #a2a2a2;
    display: block;
    margin: 2pc 0;
    position: relative;
    text-align: center
}

.divider--dotted:before {
    right: 0
}

.divider--dotted:after,
.divider--dotted:before {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--divider-color)), color-stop(0, hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(to right, var(--divider-color) 50%, hsla(0, 0%, 100%, 0) 0);
    background-repeat: repeat-x;
    background-size: 10px 33px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: calc(50% - 30px)
}

.no-content.divider--dotted:after,
.no-content.divider--dotted:before {
    width: calc(50% - 1px)
}

.divider--dotted.no-content {
    padding-bottom: 10px
}

.divider--dotted {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.divider--dotted:after,
.divider--dotted:before {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: static
}

.divider--dotted:after {
    margin-left: 20px
}

.divider--dotted:before {
    margin-right: 20px
}

.divider--dotted.no-content {
    display: block
}

.divider--dotted.no-content:after,
.divider--dotted.no-content:before {
    position: absolute
}

.divider--dotted.no-content:after {
    margin-left: 0
}

.divider--dotted.no-content:before {
    margin-right: 0
}

@media(max-width:1024px) {
    .embed.section iframe {
        width: 100%
    }
}

.embed.section .high-definition-element {
    aspect-ratio: 1.7777777778
}

.embed.section .high-definition-element iframe {
    height: 100%;
    width: 100%
}

.cmp-form-button {
    background-color: var(--primary-black);
    border: none;
    border-radius: 8px;
    color: var(--primary-white);
    cursor: pointer;
    font-weight: 700;
    max-width: 300px;
    padding: 1pc 24px;
    position: relative;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.cmp-form-button:hover {
    background-color: var(--light-secondary-text)
}

.cmp-form-button__icon {
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1pc
}

.tcbformcontainer .button {
    margin-top: 40px;
    padding: 0
}

.cmp-form-options__drop-down>h3,
.cmp-form-options__field--checkbox>h3,
.cmp-form-options__field--radio>h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 8px;
    text-transform: unset
}

.cmp-form-options__drop-down>h3>span,
.cmp-form-options__field--checkbox>h3>span,
.cmp-form-options__field--radio>h3>span {
    color: var(--primary-red);
    line-height: normal;
    padding: 0 9pt 0 4px
}

.cmp-form-options__drop-down .list-dropdown,
.cmp-form-options__field--checkbox .list-dropdown,
.cmp-form-options__field--radio .list-dropdown {
    padding: 0
}

.cmp-form-options__drop-down>label>span,
.cmp-form-options__field--checkbox>label>span,
.cmp-form-options__field--radio>label>span {
    color: var(--primary-red);
    line-height: normal;
    padding: 0 9pt 0 4px
}

.checkbox,
.dropdown,
.radio {
    padding: 9pt 0;
    position: relative
}

.cmp-form-options__field--term .term-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 2pc
}

.cmp-form-options__field--term .checkbox-wrapper {
    display: block
}

.cmp-form-text {
    padding: 9pt 0;
    position: relative
}

.cmp-form-text>h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 8px;
    text-transform: unset
}

.cmp-form-text>h3>span {
    color: var(--primary-red);
    line-height: normal;
    padding: 0 9pt 0 4px
}

.cmp-form-text>input {
    background-color: var(--primary-white);
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 8px;
    font-size: 1pc;
    height: 56px;
    line-height: 24px;
    padding: 1pc;
    width: 100%
}

.cmp-form-text>input::-webkit-input-placeholder {
    color: #a5a5a5
}

.cmp-form-text>input::-moz-placeholder {
    color: #a5a5a5
}

.cmp-form-text>input:-ms-input-placeholder {
    color: #a5a5a5
}

.cmp-form-text>input::-ms-input-placeholder {
    color: #a5a5a5
}

.cmp-form-text>input::placeholder {
    color: #a5a5a5
}

.cmp-form-text>input:focus {
    outline: 4px solid #daecff
}

.cmp-form-text .datepicker input:-moz-read-only:focus {
    outline: 4px solid #daecff
}

.cmp-form-text .datepicker input:read-only:focus {
    outline: 4px solid #daecff
}

.cmp-form-text .datepicker-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.cmp-form-text .datepicker-section .form-error-message {
    top: 100%
}

.cmp-form-text .datepicker-section .date-icon {
    top: 1pc
}

.cmp-form-text input[type=number]::-webkit-inner-spin-button,
.cmp-form-text input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cmp-form-text input[type=number] {
    -moz-appearance: textfield
}

.cmp-form-text input[type=currency]::-webkit-inner-spin-button,
.cmp-form-text input[type=currency]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cmp-form-text input[type=currency] {
    -moz-appearance: textfield
}

.cmp-form-text__textarea {
    background-color: var(--primary-white) !important;
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 8px;
    font-size: 1pc;
    line-height: 24px;
    padding: 1pc;
    resize: vertical;
    width: 100%
}

.cmp-form {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:991px) {
    .cmp-form {
        width: 100%
    }
}

.cmp-form.aem-Grid:before {
    display: none
}

.cmp-helloworld__item-label {
    margin-bottom: 0
}

.cmp-helloworld__item-output {
    margin-top: 0
}

.cmp-image.align-left {
    text-align: left
}

.cmp-image.align-center {
    text-align: center
}

.cmp-image.align-right {
    text-align: right
}

.cmp-image.valign-top {
    margin-top: 0
}

.cmp-image.valign-middle {
    margin-bottom: auto;
    margin-top: auto
}

.cmp-image.valign-bottom {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .cmp-image.m-align-center {
        text-align: center
    }

    .cmp-image.m-align-right {
        text-align: right
    }

    .cmp-image.m-align-left {
        text-align: left
    }

    .cmp-image.m-valign-top {
        margin-top: 0
    }

    .cmp-image.m-valign-middle {
        margin-bottom: auto;
        margin-top: auto
    }

    .cmp-image.m-valign-bottom {
        margin-bottom: 0
    }
}

.cmp-image__image {
    height: auto;
    max-width: 100%;
    width: var(--desktopWidth)
}

@media screen and (max-width:767px) {
    .cmp-image__image {
        width: var(--widthMobile)
    }
}

.cmp-image>a.cmp-image__link {
    display: contents
}

.cmp-navigation__item--level-0:hover>.cmp-navigation__group {
    background: #ececec
}

.tcb-sectionContainer {
    margin: auto;
    max-width: 20in
}

.tcb-sectionContainer .tcb-bgImage>.tcb-content-container,
.tcb-sectionContainer>.tcb-bgColor>.tcb-content-container,
.tcb-sectionContainer>.tcb-content-container {
    margin: 0 auto;
    max-width: 82pc
}

.tcb-full-width>.tcb-sectionContainer .tcb-bgImage>.tcb-content-container,
.tcb-full-width>.tcb-sectionContainer>.tcb-bgColor>.tcb-content-container,
.tcb-full-width>.tcb-sectionContainer>.tcb-content-container {
    max-width: 20in
}

.tcb-sectionContainer .tcb-bgImage {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 6pc;
    width: 100%
}

.tcb-sectionContainer .tcb-bgImage.rounded {
    border-radius: .5rem
}

.background-position-right .tcb-sectionContainer .tcb-bgImage {
    background-position: 100%
}

@media screen and (max-width:767px) {
    .background-position-right .tcb-sectionContainer .tcb-bgImage {
        background-position: 50%
    }
}

.tcb-sectionContainer .tcb-title {
    padding-bottom: 20px
}

.tcb-sectionContainer h2.tcb-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px
}

.tcb-sectionContainer h3.tcb-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

.tcb-sectionContainer__height-small,
.tcb-sectionContainer__height-small .tcb-bgColor,
.tcb-sectionContainer__height-small .tcb-bgImage {
    min-height: 14.25rem !important
}

.tcb-sectionContainer__height-x-large,
.tcb-sectionContainer__height-x-large .tcb-bgColor,
.tcb-sectionContainer__height-x-large .tcb-bgImage {
    min-height: 26.375rem !important
}

.tcb-sectionContainer__height-medium,
.tcb-sectionContainer__height-medium .tcb-bgColor,
.tcb-sectionContainer__height-medium .tcb-bgImage {
    min-height: 15.75rem !important
}

.tcb-sectionContainer__height-large,
.tcb-sectionContainer__height-large .tcb-bgColor,
.tcb-sectionContainer__height-large .tcb-bgImage {
    min-height: 22.125rem !important
}

.tcb-sectionContainer__height-default .tcb-teaser,
.tcb-sectionContainer__height-large .tcb-teaser,
.tcb-sectionContainer__height-medium .tcb-teaser,
.tcb-sectionContainer__height-small .tcb-teaser,
.tcb-sectionContainer__height-x-large .tcb-teaser {
    padding-top: 0
}

.tcb-sectionContainer__height-default .tcb-teaser--larger-height .tcb-teaser_body,
.tcb-sectionContainer__height-large .tcb-teaser--larger-height .tcb-teaser_body,
.tcb-sectionContainer__height-medium .tcb-teaser--larger-height .tcb-teaser_body,
.tcb-sectionContainer__height-small .tcb-teaser--larger-height .tcb-teaser_body,
.tcb-sectionContainer__height-x-large .tcb-teaser--larger-height .tcb-teaser_body {
    min-height: unset
}

.tcb-sectionContainer__height-default,
.tcb-sectionContainer__height-default .tcb-bgColor,
.tcb-sectionContainer__height-default .tcb-bgImage {
    min-height: 287px !important
}

.tcb-sectionContainer__border-round {
    border-radius: .5rem !important;
    overflow: hidden
}

.tcb-sectionContainer__border-square {
    border-radius: 0 !important
}

.container-width .tcb-sectionContainer {
    max-width: 82pc
}

.container-width .tcb-sectionContainer .tcb-bgImage {
    min-height: 228px !important
}

.container-width.tcb-sectionContainer__border-round .tcb-bgColor,
.container-width.tcb-sectionContainer__border-round .tcb-bgImage {
    border-radius: .5rem !important;
    overflow: hidden
}

.tcb-bgColor {
    min-height: 6pc
}

.tcb-sectionContainer .cmp-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tcb-sectionContainer .cmp-image .cmp-image__image.rounded {
    border-radius: .5rem
}

@media screen and (max-width:767px) {
    .tcb-largeBgColor {
        background-color: unset !important
    }

    .tcb-largeImage {
        background-image: unset !important
    }
}

@media screen and (min-width:768px) {

    .tcb-onlySmallImage,
    .tcb-smallImage {
        background-image: unset !important
    }
}

@media screen and (min-width:1200px)and (max-width:1439px) {

    .container-width>.tcb-sectionContainer,
    .tcb-sectionContainer .tcb-bgImage>.tcb-content-container,
    .tcb-sectionContainer>.tcb-bgColor>.tcb-content-container,
    .tcb-sectionContainer>.tcb-content-container {
        margin: 0 4pc
    }

    .tcb-full-width>.tcb-sectionContainer .tcb-bgImage>.tcb-content-container,
    .tcb-full-width>.tcb-sectionContainer>.tcb-bgColor>.tcb-content-container,
    .tcb-full-width>.tcb-sectionContainer>.tcb-content-container {
        margin: 0
    }

    .tcb-content-container:has(.news-filter.open, .filter-panel) {
        margin: 0
    }
}

@media screen and (max-width:1199px) {

    .container-width>.tcb-sectionContainer,
    .tcb-sectionContainer .tcb-bgImage>.tcb-content-container,
    .tcb-sectionContainer>.tcb-bgColor>.tcb-content-container,
    .tcb-sectionContainer>.tcb-content-container {
        margin: 0 4.4444444444%
    }

    .tcb-full-width>.tcb-sectionContainer .tcb-bgImage>.tcb-content-container,
    .tcb-full-width>.tcb-sectionContainer>.tcb-bgColor>.tcb-content-container,
    .tcb-full-width>.tcb-sectionContainer>.tcb-content-container {
        margin: 0
    }

    .tcb-content-container:has(.news-filter.open, .filter-panel) {
        margin: 0 !important
    }
}

@media(max-width:768px) {

    .tcb-full-width-mobile>.tcb-sectionContainer .tcb-bgImage,
    .tcb-full-width-mobile>.tcb-sectionContainer>.tcb-bgColor,
    .tcb-full-width-mobile>.tcb-sectionContainer>.tcb-content-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mobile-large .tcb-content-container {
        padding-top: 188px
    }
}

.faq-container .tcb-sectionContainer>.tcb-content-container {
    margin: 0
}

@media screen and (max-width:1199px) {
    .faq-container .tcb-sectionContainer>.tcb-content-container {
        margin: 0 4.4444444444%
    }
}

.social-share {
    bottom: 99pt;
    position: fixed;
    right: 56px;
    z-index: 1298
}

.social-share .cmp-social-share {
    list-style: none
}

.social-share .cmp-social-share__item {
    line-height: 0;
    margin-bottom: 9pt
}

.social-share .cmp-social-share__item a {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.social-share .cmp-social-share__item a:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.social-share .cmp-social-share__item:last-child {
    margin-bottom: 0
}

.social-share .cmp-social-share__item img {
    height: 40px;
    width: 40px
}

@media(max-width:767px) {
    .social-share {
        bottom: 93pt;
        right: 1pc
    }

    .social-share .cmp-social-share__item img {
        height: 24px;
        width: 24px
    }
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.column-wrapper .column-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vertical-align-middle .column-wrapper .column-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vertical-align-top .column-wrapper .column-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.form-modal .column-wrapper .column-container {
    gap: 24px
}

.filter-panel .column-wrapper .column-container {
    max-width: 82pc
}

.column-wrapper .column-container .column-item.divider--vertical-right {
    border-right: 1px solid #000
}

.column-wrapper .column-container .col-w20 {
    width: 20%
}

.column-wrapper .column-container .col-w30 {
    width: 30%
}

.column-wrapper .column-container .col-w33 {
    width: 33%
}

.column-wrapper .column-container .col-w40 {
    width: 40%
}

.column-wrapper .column-container .col-w50 {
    width: 50%
}

.column-wrapper .column-container .col-w60 {
    width: 60%
}

.column-wrapper .column-container .col-w70 {
    width: 70%
}

.column-wrapper .column-container .currencyconvertor,
.column-wrapper .column-container .currencyconvertor .container,
.column-wrapper .column-container .linktext,
.column-wrapper .column-container .quickaccess,
.column-wrapper .column-container .quickaccess .quick-access,
.column-wrapper .column-container .quickaccess .quick-access .quick-access-wrapper {
    height: 100%
}

.column-wrapper .column-container .column-item .currency-converter .priority-exchange__container.content-wrapper {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px)and (max-width:1023px) {
    .column-wrapper .column-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-modal .column-wrapper .column-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .column-wrapper .column-container:not(.horizontal-tablet-view)>.column-item {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .column-wrapper .column-container:not(.horizontal-tablet-view)>:is(.col-w20, .col-w30, .col-w33, .col-w40, .col-w50, .col-w60, .col-w70) {
        width: auto !important
    }

    .column-wrapper .column-container:not(.horizontal-tablet-view)>.divider--vertical-right {
        border-right: none !important
    }

    .column-wrapper .column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .column-wrapper .column-container.horizontal-tablet-view {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .column-wrapper .column-container.horizontal-tablet-view.column-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (max-width:767px) {
    .form-modal .column-wrapper .column-container {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc
    }

    .column-wrapper .column-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-modal .column-wrapper .column-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .column-wrapper .column-container .column-item {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .column-wrapper .column-container .col-w20,
    .column-wrapper .column-container .col-w30,
    .column-wrapper .column-container .col-w33,
    .column-wrapper .column-container .col-w40,
    .column-wrapper .column-container .col-w50,
    .column-wrapper .column-container .col-w60,
    .column-wrapper .column-container .col-w70 {
        width: auto !important
    }

    .column-wrapper .column-container .divider--vertical-right {
        border-right: none !important
    }

    .column-wrapper .column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

:root {
    --accent: #ed1c24;
    --green: #32c959;
    --gray-900: #212121;
    --gray-600: #616161;
    --body: #000;
    --light-secondary-text: #616161;
    --primary-background: #fff;
    --light-background-hover: #dedede;
    --light-border: #dedede;
    --priority-text: #ecd7b0
}

body,
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    background: #f5f6f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1pc;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 100%
}

a {
    color: inherit;
    cursor: pointer
}

a,
a:hover button,
a:hover button span,
a:hover span {
    text-decoration: none
}

.tcb-container {
    margin: 0 auto;
    max-width: 1314px
}

.tcb-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: 1px solid var(--primary-background);
    border-radius: 8px;
    color: var(--primary-background);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1pc;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    outline: none;
    padding: 1pc 24px;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.tcb-button--medium {
    max-width: 328px;
    width: 100%
}

.tcb-button.tcb-button--hover-lightgray:not(.priority-link):not(.priority-btn):not(.white-btn):hover {
    fill: var(--primary-background);
    background-color: var(--light-secondary-text);
    border: 1px solid var(--light-secondary-text)
}

.tcb-button.tcb-button--hover-lightgray:not(.priority-link):not(.priority-btn):not(.white-btn):hover .tcb-arrow {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.tcb-button.tcb-button--hover-lightgray:hover svg path {
    fill: #fff
}

.tcb-button.tcb-button--hover-gray:hover {
    fill: var(--primary-background);
    background-color: var(--gray-900) !important
}

.tcb-button.tcb-button--hover-gray:hover svg path {
    fill: #fff
}

.teaser-button--medium {
    width: 234px
}

.teaser-button--large {
    width: 310px
}

.tcb-button.tcb-button--light {
    border: 1px solid;
    color: var(--body)
}

.tcb-button.tcb-button--dark {
    background-color: #000;
    color: #fff
}

.tcb-button.tcb-button--dark:hover {
    background-color: #616161;
    color: #fff
}

.tcb-button.tcb-button--dark:hover path {
    fill: #fff
}

.tcb-button--link {
    border: 1px solid transparent;
    color: var(--body);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0
}

.section-font-color .tcb-button--link {
    color: inherit
}

.tcb-button:hover {
    border: 1px solid hsla(0, 0%, 100%, .5)
}

.tcb-button.tcb-button--light:hover {
    background: var(--body);
    border: 1px solid var(--body);
    color: var(--primary-background)
}

.tcb-button.tcb-button--light:hover path {
    fill: var(--primary-background)
}

.tcb-button--use-icon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tcb-icon {
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-family: Material Icons
}

.tcb-icon--action {
    cursor: pointer
}

.tcb-icon.tcb-icon_close {
    font-size: 24px;
    opacity: .5
}

.tcb-icon.tcb-icon_close:hover {
    opacity: 1
}

.tcb-icon {
    display: inline-block
}

.tcb-scroll-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: none;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.tcb-scroll-control.tcb-scroll-control_prev {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.can-next .tcb-scroll-control_next,
.can-prev .tcb-scroll-control_prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.youtube-iframe {
    position: relative
}

.youtube-iframe:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.youtube-iframe>iframe {
    height: 100%;
    width: 100%
}

.match-parent,
.more-info_background,
.tcb-hero-banner_background,
.tcb-teaser_background,
.youtube-iframe>iframe {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.list-loan {
    line-height: 1.5
}

.link_here {
    color: blue;
    font-style: italic;
    text-decoration: underline
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body.show-popup {
    height: 100vh;
    overflow: hidden
}

body p {
    font-size: 1pc;
    font-weight: 400;
    line-height: 1.5
}

.white-bg {
    background-color: #fff
}

.origin-bg {
    background: #f5f6f8 !important
}

.dark-gray-bg {
    background: #333;
    color: #fff
}

.hidden {
    display: none
}

.visibility-hidden {
    visibility: hidden
}

.icon-info .tooltiptext,
.tcb-tooltip .tooltiptext {
    display: none
}

.icon-info:not(.debt),
.tcb-tooltip {
    cursor: pointer
}

#tooltiptext {
    opacity: 0;
    position: fixed;
    visibility: hidden;
    z-index: 9999
}

#tooltiptext .tooltiptext__content {
    background-color: #656565;
    border-radius: 4px;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    max-width: 188px;
    padding: 8px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 9999
}

#tooltiptext i {
    height: 9pt;
    overflow: hidden;
    width: 24px;
    z-index: 9999
}

#tooltiptext i:after {
    background-color: #656565;
    content: "";
    height: 9pt;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 9pt
}

.container .background-img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.black-text {
    color: #000 !important
}

.white-text {
    color: #fff !important
}

.gray-text {
    color: var(--light-secondary-text)
}

.center-text {
    text-align: center
}

.black-bg {
    background-color: #000 !important
}

.dark-gray {
    color: #c5c5c5
}

.light-gray {
    color: #e3e4e6
}

.darkest-gray,
.text-content {
    color: var(--gray-600)
}

.text-content {
    line-height: 1.5;
    margin: 4px 0 0 1pc
}

.container .background-img picture {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.margin-top-48 {
    margin-top: 3pc
}

.padding-bottom-24 {
    padding-bottom: 24px !important
}

.margin-bottom-24 {
    margin-bottom: 24px !important
}

.background-mobile {
    display: none
}

.container .background-img picture img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 30%;
    object-position: 50% 30%;
    padding: 0;
    position: absolute;
    width: 0
}

.mobile-xl {
    display: none
}

.bold-600 {
    font-weight: 600
}

.box-shadow {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.global-header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 15
}

.header_layout {
    background-color: #f5f6f8
}

.header_layout .header-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    z-index: 17
}

.header_layout .header-navigation:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.header_layout .navigation_primary {
    background-color: #f5f6f8;
    padding-left: 3pc;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    width: 100%;
    z-index: 2
}

.header_layout .navigation_primary.hide-nav {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.header_layout .navigation_primary.show-nav {
    height: 45px;
    opacity: 1;
    overflow: unset
}

.header_layout .navigation_primary-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    justify-content: space-between;
    padding: 9pt 0;
    width: 100%
}

.header_layout.prelogin-header .navigation_primary-wrapper {
    height: 60px
}

.header_layout .navigation-primary_left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.header_layout .navigation-primary_left .navigation-primary_item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    color: #a2a2a2;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    justify-content: flex-start;
    letter-spacing: normal;
    line-height: 21px;
    margin-right: 24px;
    position: relative;
    text-decoration: none
}

.header_layout .navigation-primary_left .navigation-primary_item.navigation-primary_item-dropdown_list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.313rem;
    margin-right: 0;
    padding: 9pt 0
}

.header_layout .navigation-primary_left .navigation-primary_item.active {
    color: #ed1c24;
    font-weight: 700
}

.header_layout .navigation-primary_left .navigation-primary_item.discover_dropdown_btn {
    border-left: 1px solid #c5c5c5;
    font-weight: 400;
    line-height: 21px;
    margin-left: 8px;
    margin-right: 1pc;
    padding-bottom: 0;
    padding-left: 24px;
    padding-top: 0
}

.header_layout .navigation-primary_left .navigation-primary_item.discover_dropdown_btn .link_text {
    color: #a2a2a2
}

.header_layout .navigation-primary_item-separator {
    background-color: #a2a2a2;
    cursor: unset;
    height: 1pc;
    width: 1px
}

.header_layout .mobile-button .link_component-link .header_layout .navigation-primary_left .link_component-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a2a2a2;
    display: block;
    font-size: 9pt;
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1pc;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header_layout .navigation-primary_right {
    letter-spacing: .02em;
    margin: 0
}

.header_layout .navigation-primary_right,
.header_layout .navigation-primary_right .navigation-primary_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.header_layout .navigation-primary_right .navigation-primary_item {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-right: 1pc;
    text-decoration: none
}

@media(max-width:1024px) {
    .header_layout .navigation-primary_right .navigation-primary_item:last-child {
        border-right: none
    }

    .navigation_sub_item.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: scroll
    }
}

.header_layout .link_component-link .active,
.header_layout .navigation-primary_item.active .link_text,
.header_layout .navigation-primary_left .link_component-link:hover,
.header_layout .navigation-primary_right .link_component-link:hover {
    color: #ed1c24;
    opacity: 1
}

.navigation-primary_item.active:before {
    border-bottom: 1pc solid #fff;
    border-left: 1pc solid transparent;
    border-right: 1pc solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.navigation-primary_item-dropdown_list.open .dropdown-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header_layout .navigation-primary_left .navigation-primary_item.navigation-primary_item-dropdown_list:hover .dropdown-arrow,
.header_layout .navigation-primary_left .navigation-primary_item.navigation-primary_item-dropdown_list:hover .dropdown_holder {
    opacity: .7
}

.header_layout .navigation-primary_left .navigation-primary_item .dropdown-arrow {
    color: #616161;
    font-size: 1pc;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.navigation-primary_left .navigation-primary_item.active:before {
    bottom: -1pc
}

.navigation-primary_right .navigation-primary_item.active:before {
    bottom: -9pt
}

.navigation-primary_item-dropdown_list.open .header_list_dropdown {
    background: #fff;
    display: block;
    min-width: 0;
    padding: 4px 0;
    -webkit-transform: translateZ(0) scaleX(1) scaleY(1);
    transform: translateZ(0) scaleX(1) scaleY(1)
}

.navigation-primary_left .navigation-primary_item-dropdown_list.open .header_list_dropdown {
    padding: 1pc
}

.navigation-primary_item.show-active-arrow .link_component-link .link_text {
    color: #ed1c24
}

.show-active-arrow {
    position: relative
}

.show-active-arrow:after {
    background-color: #fff;
    bottom: -14px;
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    -webkit-transform: rotate(45deg) translate3d(-7px, 0, 0);
    transform: rotate(45deg) translate3d(-7px, 0, 0);
    width: 14px
}

.header_layout .navigation-primary_left .navigation-primary_item.navigation-primary_item-dropdown_list.show-active-arrow:after {
    bottom: -10px
}

.navigation-primary_left .navigation-primary_item.show-active-arrow:after {
    bottom: -24px;
    left: 40%
}

.navigation-primary_right .navigation-primary_item.show-active-arrow:after {
    bottom: -24px;
    left: 45%
}

.header_layout .navigation-primary_right .link_component-link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--gray-600);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header_layout .navigation_secondary {
    background-color: #fff;
    width: 100%
}

.header_layout .navigation_secondary-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: space-between;
    width: 100%
}

.header_layout .header-logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 232px;
    padding: 9pt 0
}

.header_layout .header-logo .link_component-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header_layout .header-logo .link_component-link picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.header_layout .header-logo:not(.large-logo) .link_component-link img {
    width: 100%
}

.header_layout .large-logo .link_component-link img {
    height: 37px
}

.header_layout .navigation-secondary_menu {
    overflow: hidden;
    padding: 0 20px
}

.header_layout .navigation-secondary_item,
.header_layout .navigation-secondary_menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.header_layout .navigation-secondary_item {
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--gray-600);
    cursor: pointer;
    font-size: 1pc;
    font-weight: 400;
    height: 100%;
    line-height: 24px;
    margin: 0 24px 0 0;
    padding: 9pt 6px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header_layout .navigation-secondary_item:before {
    background-color: #ed1c24;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.header_layout .navigation-secondary_item:hover:before {
    width: 100%
}

.header_layout .priority__background-color .navigation-secondary_item:before {
    background-color: #ecd7b0
}

.header_layout .navigation-secondary_item:not(.priority__font-color):hover {
    color: #000
}

.header_layout .navigation-secondary_item.active:before,
.header_layout .navigation-secondary_item.priority-active:before,
.header_layout .navigation-secondary_item:hover:before {
    width: 100%
}

.mobile-menu-items .navigation-secondary_item.active a {
    color: #000;
    font-weight: 600
}

.navigation-secondary_item.active span {
    color: #000;
    font-weight: 700
}

.navigation-secondary_item:not(.active) span {
    font-weight: 400;
    text-transform: capitalize
}

@media(max-width:1024px) {
    .second-nav-600 .navigation-secondary_item:not(.active) span {
        font-weight: 600
    }

    .second-nav-400 .navigation-secondary_item:not(.active) span {
        font-weight: 400
    }
}

.header_layout .navigation-secondary_actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_layout .navigation-secondary_actions--mobile {
    display: none
}

@media(max-width:1024px) {
    .header_layout .navigation-secondary_actions--mobile {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header_layout .navigation-secondary_actions--mobile .login-btn__text {
        color: var(--accent);
        cursor: pointer;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: .125rem;
        line-height: 1.313rem
    }

    .dark .header_layout .navigation-secondary_actions--mobile .login-btn__text {
        color: #b4a393
    }

    .header_layout .navigation-secondary_actions--mobile .search-primary-btn {
        margin-right: 1rem
    }
}

.header_layout .navigation-secondary_actions .link_component-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #ed1c24;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 600;
    height: 100%;
    justify-content: space-between;
    letter-spacing: 2px;
    line-height: 21px;
    padding-left: 1pc;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header_layout .navigation-secondary_actions .link_component-link.alt-link {
    background-color: #000;
    display: none;
    line-height: 24px;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

@media(max-width:1024px) {
    .header_layout .navigation-secondary_actions .link_component-link.alt-link {
        display: none
    }
}

.header_layout .navigation-secondary_actions .link_component-link.alt-link:hover {
    background-color: #616161
}

.header_layout .navigation-secondary_actions .link_component-link.alt-link:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.header_layout .navigation-secondary_actions .link_component-link.alt-link .navigation-secondary_actions-icon span {
    letter-spacing: normal
}

.header_layout .navigation-secondary_actions .link_component-link.alt-link .navigation-secondary_actions-icon img {
    margin-inline: 1pc 4px
}

.header_layout .navigation-secondary_actions .link_component-link.alt-link .link_text:hover {
    text-decoration: none
}

@media(max-width:767px) {
    .header_layout .navigation-secondary_actions .link_component-link.hide-on-mobile {
        display: none !important
    }
}

.header_layout .alternate-button-mobile {
    background-color: #fff;
    bottom: 0;
    display: none;
    padding: 14px 1pc;
    position: fixed;
    width: 100%;
    z-index: 15
}

@media(max-width:1024px) {
    .header_layout .alternate-button-mobile {
        display: block
    }
}

.header_layout .alternate-button-mobile .alt-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 600;
    height: 100%;
    justify-content: space-between;
    letter-spacing: 2px;
    line-height: 21px;
    padding: 9pt 20px 9pt 1pc;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header_layout .alternate-button-mobile .alt-link .link_text {
    width: 100%
}

.header_layout .alternate-button-mobile .alt-link .navigation-secondary_actions-icon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.header_layout .alternate-button-mobile .alt-link .navigation-secondary_actions-icon span {
    letter-spacing: normal
}

.link_component-link:not(.active) .login__drop-down {
    height: 0
}

.header_layout .login__drop-down {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    margin-top: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2
}

.link_component-link.active .login__drop-down {
    height: auto
}

.header_layout .login__drop-down .drop-down__item a {
    color: #000;
    display: block;
    margin: 0 1pc;
    padding: 1pc 0;
    text-decoration: none;
    white-space: nowrap
}

.header_layout .drop-down__item:not(:last-child) a {
    border-bottom: 1px solid #a2a2a2
}

.header_layout .navigation-secondary_actions .link_component-link:not(.active) .login__drop-down {
    display: none
}

.navigation-primary_right .gray_text {
    color: #a2a2a2;
    opacity: .6
}

.header_layout .navigation-primary_right .link_component-link.black_text {
    color: #000;
    font-weight: 600;
    opacity: 1
}

.header_layout .navigation-secondary_actions .link_text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.header_layout .navigation-secondary_actions .link_text:hover {
    text-decoration: underline
}

.header_layout .navigation-secondary_actions #login-btn .link_text:hover {
    text-decoration: none
}

.header_layout .navigation-secondary_actions .navigation-secondary_actions-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_layout .navigation-secondary_actions .navigation-secondary_actions-icon img {
    margin-left: 8px
}

.header_layout .hambuger-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-left: 1px solid #f5f5f5;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 20px
}

.header_layout .hambuger-icon span {
    background-color: #c4c4c4;
    border-radius: 1px;
    display: block;
    height: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 1pc
}

.header_layout .language_item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.header_layout .language_item .material-symbols-outlined {
    color: #000;
    font-size: 1pc;
    margin-right: -6px;
    opacity: 1
}

.header_layout .link_text.active,
.header_layout .material-symbols-outlined.active {
    color: #ed1c24
}

.header_layout .language_item .link_component-link {
    padding: 0 1pc
}

.header_layout .language_item .link_text {
    font-size: 9pt
}

.has-right-border {
    border-right: 1px solid #a2a2a2;
    padding-right: 1pc
}

.header_layout .language_item a.link_component-link:not(:last-child) {
    border-right: 1px solid #a2a2a2;
    line-height: 1pc
}

.header_layout .link_component-link .material-symbols-outlined,
.header_layout .navigation-secondary_item .material-symbols-outlined {
    display: none
}

.navigation_sub {
    position: fixed;
    top: 75pt;
    width: 100%
}

.navigation_sub_wraper {
    margin: 0 auto;
    max-width: 90rem;
    padding-left: 4rem;
    padding-right: 4rem;
    position: relative;
    top: 0
}

@media(min-width:991px)and (max-width:1200px) {
    .navigation_sub_wraper {
        padding-left: 4.4444444444%;
        padding-right: 4.4444444444%
    }
}

.navigation_sub_item {
    background-color: #fff;
    border: 1px solid #dde0e7;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    color: #000;
    display: none;
    margin-top: 1pc;
    overflow: hidden
}

.navigation_sub_item.active,
.navigation_tab_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation_tab_title {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-right: 1px solid #e3e4e6;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 33.33%;
    padding: 26px 30px 3pc 0
}

.tab_item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px;
    overflow: hidden;
    padding: 9pt 24px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%
}

@media(max-width:1024px) {
    .tab_item {
        overflow: unset
    }
}

.tab_item:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.tab_item .material-symbols-outlined {
    color: #ed1c24;
    display: none
}

.tab_item:hover .material-symbols-outlined {
    display: block
}

.navigation_tab_content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.67%;
    flex: 0 0 66.67%;
    max-width: 66.67%
}

.tab_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-top: 34px
}

.navigation_sub_item-viewall,
.tab_content.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation_sub_item-viewall {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 1pc;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 40px;
    padding-left: 25px
}

.navigation_sub_item-viewall .material-symbols-outlined {
    color: #ed1c24;
    padding-left: 9pt
}

.navigation_sub_tab_item.default-hide {
    display: none
}

.navigation_sub_list.expanded .navigation_sub_tab_item.default-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.link_component-link.expanded {
    display: none
}

.navigation_sub_list.expanded+.navigation_sub_item-viewall .link_component-link.expanded {
    display: inline
}

.navigation_sub_list.expanded+.navigation_sub_item-viewall .link_component-link.collapsed {
    display: none
}

.navigation_sub_list.expanded .material-symbols-outlined {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation_sub_item-viewall .link_component-link:hover {
    text-decoration: underline
}

.navigation_sub_list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 25px
}

.navigation_sub_list,
.navigation_sub_tab_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation_sub_tab_item {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 2pc;
    max-width: 50%;
    padding-right: 90px
}

.navigation_sub_item-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    margin-right: 8px;
    max-width: 3pc
}

.navigation_sub_item-image img {
    height: auto;
    width: 100%
}

.navigation_tab_bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #f5f6f8;
    justify-content: space-between;
    padding: 1pc 24px
}

.navigation_tab_bottom,
.navigation_tab_bottom .link_component-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation_tab_bottom .link_component-link {
    font-size: 1pc;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 20px
}

.navigation_tab_bottom .link_component-link img {
    margin-right: 1pc
}

.navigation_tab_bottom .link_component-link .material-symbols-outlined {
    color: #ed1c24;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1pc
}

@media(max-width:1024px) {
    .navigation_tab_bottom .link_component-link.no-content {
        display: none
    }
}

.navigation_sub_item-title {
    font-size: 1pc;
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 24px
}

@media(max-width:1024px) {
    .navigation_sub_item-title {
        font-weight: 700
    }
}

.navigation_sub_item-des {
    color: #aaa;
    font-size: 14px;
    line-height: 1
}

.header_layout .navigation_primary-wrapper {
    padding: 0
}

.header_layout.prelogin-header .navigation_primary-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 24px;
    justify-content: space-between
}

.header_layout.prelogin-header .mobile-menu-items {
    display: none
}

.navigation-primary_item-dropdown_list.open {
    background: #fff
}

.language_dropdown_item.open .dropdown-arrow,
.navigation-primary_item-dropdown_list.open .dropdown-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation-primary_item-dropdown_list .header_list_dropdown {
    -webkit-transform: translate3d(0, -5pc, 0) scaleX(0) scaleY(0);
    transform: translate3d(0, -5pc, 0) scaleX(0) scaleY(0)
}

.language_dropdown_item .language_dropdown {
    -webkit-transform: translate3d(0, -30px, 0) scaleX(0) scaleY(0);
    transform: translate3d(0, -30px, 0) scaleX(0) scaleY(0)
}

.language_dropdown_item.open .language_dropdown,
.navigation-primary_item-dropdown_list.open .header_list_dropdown {
    display: block;
    min-width: 0;
    padding: 10px 0;
    -webkit-transform: translateZ(0) scaleX(1) scaleY(1);
    transform: translateZ(0) scaleX(1) scaleY(1)
}

.language_dropdown_item.open .language_dropdown {
    background: #fff;
    padding: 1pc;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.navigation-primary_item-dropdown_list.open .header_list_dropdown {
    padding: 0
}

.navigation-primary_item-dropdown_list .icon-back {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.language_dropdown .dropdown-item.active,
.language_dropdown .dropdown-item.active:hover {
    color: #ed1c24
}

.header_list_dropdown .dropdown-item,
.language_dropdown .dropdown-item {
    background-color: #fff;
    cursor: pointer;
    font-size: .875rem;
    letter-spacing: .02em;
    line-height: 21px;
    padding: .25rem 0
}

.header_list_dropdown .dropdown-item:hover,
.language_dropdown .dropdown-item:hover {
    color: #000
}

nav.header_layout {
    z-index: 16
}

nav.header_layout .header-navigation {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mobile-arrow-down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 3
}

.mobile-menu-dropdown.open .mobile-arrow-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation-primary_item.mobile-menu-dropdown .dropdown-item {
    padding: 1pc
}

.category-link {
    color: #616161;
    font-size: 14px;
    font-weight: 600
}

.hide-on-mobile {
    display: inherit
}

.hide-on-desktop {
    display: none
}

@media(min-width:1025px) {
    .tab_item.active {
        background: #000;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 1.5s ease;
        transition: all 1.5s ease
    }

    .tab_item.active .material-symbols-outlined {
        display: block
    }

    .header_layout.prelogin-header .navigation_secondary {
        display: none
    }
}

@media(max-width:1024px) {
    .mobile-xl {
        display: block !important
    }

    .header_layout .header-navigation {
        position: fixed
    }

    .header_layout .header-navigation .navigation_secondary {
        position: fixed;
        top: 0
    }

    .header_layout.prelogin-header .navigation_primary {
        display: none
    }

    .header_layout.prelogin-header .navigation_primary-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
        padding-right: 0 !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .header_layout.prelogin-header .hambuger-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header_layout.prelogin-header .mobile-menu .mobile-menu-items {
        -webkit-box-flex: 1;
        display: block;
        -ms-flex: 1;
        flex: 1
    }

    .header_layout.prelogin-header .language_dropdown_item .language_dropdown {
        width: 110px
    }

    .header_layout.prelogin-header .navigation-primary_right .navigation-secondary_actions {
        display: none
    }

    nav.header_layout {
        height: auto
    }

    .mobile-menu {
        display: none;
        height: auto
    }

    .mobile-menu,
    .navigation_sub_wraper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .navigation_sub_wraper {
        background-color: #fff;
        overflow: scroll;
        padding-top: 2pc;
        padding-inline: 0
    }

    .header_layout .navigation_secondary-wrapper {
        height: 4pc
    }

    .navigation_sub {
        background-color: #f5f6f8;
        height: calc(100% - 56px);
        left: 0;
        margin-top: 0;
        padding-bottom: 60px;
        padding-top: 0;
        position: fixed;
        top: -100%;
        width: 100%;
        z-index: 0
    }

    .navigation_sub,
    .navigation_sub.active {
        -webkit-transition: all .7s ease;
        transition: all .7s ease
    }

    .navigation_sub.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 4pc;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .header_layout:has(tcb-search-engine-mobile.search-engine-show) .navigation_sub.active {
        height: calc(100% - 4rem);
        top: 138px
    }

    .navigation_sub.active .mobile-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: scroll
    }

    .mobile-menu-items {
        background-color: #fff;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        overflow-y: auto;
        padding: 24px 4.4444444444vw
    }

    .navigation_sub.open_submenu {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .open_submenu .navigation_tab_bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        grid-gap: 1pc;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #fff;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc;
        padding: 0
    }

    .navigation_sub_item {
        background: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header_layout .navigation-primary_left,
    .header_layout .navigation-primary_right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        width: 100%
    }

    .header_layout .navigation-primary_left .search-primary-btn,
    .header_layout .navigation-primary_right .search-primary-btn,
    .navigation-primary_item.active:before {
        display: none
    }

    .header-text {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 21px;
        margin-right: 8px;
        padding: 0 0 0 1pc;
        text-transform: capitalize;
        white-space: nowrap
    }

    .header-text.align-center {
        -ms-flex-item-align: center;
        align-self: center
    }

    .header-text:not(.align-center) {
        padding-top: 20px
    }

    .header_layout .mobile-button {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 8px;
        padding: 0 !important
    }

    .header_layout .navigation-secondary_item:before {
        background: none !important
    }

    .header-navigation.active .hambuger-icon span:first-child {
        -webkit-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg)
    }

    .header-navigation.active .hambuger-icon span:nth-child(2) {
        opacity: 0
    }

    .header-navigation.active .hambuger-icon span:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg)
    }

    .header-navigation:not(.active) {
        -webkit-transform: scaleY(65px);
        transform: scaleY(65px)
    }

    .header-navigation.active,
    .header-navigation:not(.active) {
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }

    .header-navigation.active {
        -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
        box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
        position: relative;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        z-index: 17
    }

    .header-navigation .navigation-secondary_menu,
    .header-navigation .navigation_primary {
        display: none
    }

    .mobile-expand {
        background-color: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 8px;
        -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
        box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transform: scale(.75, .5625);
        transform: scale(.75, .5625);
        -webkit-transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 108ms;
        transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 108ms;
        transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 216ms cubic-bezier(.4, 0, .2, 1) 108ms;
        transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 216ms cubic-bezier(.4, 0, .2, 1) 108ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 108ms;
        visibility: hidden;
        width: 100%;
        z-index: 2
    }

    .mobile-main-nav.active .mobile-expand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
        transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
        transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
        transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
        visibility: visible
    }

    .mobile-main-nav {
        background-color: #f5f6f8;
        padding: 2pc 4.4444444444vw;
        position: relative
    }

    .mobile-main-nav .mobile-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header_layout.prelogin-header .mobile-main-nav .mobile-button {
        margin-bottom: 0
    }

    .header_layout .navigation-primary_item .link_component-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        justify-content: space-between;
        line-height: 21px;
        width: 100%
    }

    .header_layout .navigation-primary_item .material-symbols-outlined {
        margin-right: 23px
    }

    .header_layout .header-navigation .navigation_secondary {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .header_layout .navigation-primary_item-separator {
        display: none
    }

    .navigation_secondary .navigation-primary_right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .navigation_secondary .navigation-primary_right .link_text {
        font-size: 1pc;
        font-weight: 400;
        line-height: 24px
    }

    .has-right-border,
    .navigation-primary_right .navigation-primary_item:not(.language_item) {
        border: none
    }

    .header_layout .navigation-secondary_menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1pc;
        padding: 0;
        width: 100%
    }

    .header_layout .navigation-primary_item:not(.navigation-primary_item-separator):not(.language_item),
    .header_layout .navigation-secondary_menu .navigation-secondary_item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        width: 100%
    }

    .header_layout .navigation-primary_item {
        margin-bottom: 24px
    }

    .header_layout .discover_category .navigation-primary_item {
        margin-bottom: 0
    }

    .header_layout .navigation-secondary_menu .navigation-secondary_item {
        padding: 1pc 0
    }

    .header_layout .navigation-secondary_menu .navigation-secondary_item a {
        font-weight: 600;
        line-height: 24px;
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .header_layout .navigation-primary_item a.link_component-link {
        color: var(--gray-600);
        text-decoration: none
    }

    .header_layout .navigation-primary_left .navigation-primary_item:not(:last-child),
    .header_layout .navigation-secondary_item {
        border-bottom: 1px solid #e3e4e6
    }

    .header_layout .header-logo:not(.large-logo) {
        max-width: 35px;
        padding: 8px 0
    }

    .header_layout .header-navigation .navigation_secondary-wrapper {
        padding-right: 0 !important
    }

    .header_layout .navigation-secondary_actions .link_component-link {
        background: none
    }

    .header_layout .navigation-secondary_actions .link_component-link .link_text {
        color: #ed1c24
    }

    .header_layout .navigation_secondary-wrapper .hambuger-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header_layout .navigation-secondary_actions .navigation-secondary_actions-icon,
    .navigation-primary_left .navigation-primary_item.navigation-primary_item-separator {
        display: none
    }

    .header_layout .language_item .material-symbols-outlined {
        font-size: 20px;
        margin: 0
    }

    .header_layout .language_item .link_text {
        font-size: 1pc
    }

    .header_layout .navigation-secondary_item .material-symbols-outlined,
    .mobile-main-nav .link_component-link .material-symbols-outlined {
        color: #ed1c24;
        display: block
    }

    .header_layout .navigation-primary_right .language_item {
        padding-top: 1pc
    }

    .language_item .link_component-link:not(.gray_text) .link_text {
        color: #000
    }

    .header_layout .language_item .link_component-link {
        padding: 0 10px
    }

    .navigation_tab_title {
        -webkit-box-flex: 1;
        border: none;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        padding: 0 1pc;
        z-index: 100
    }

    .tab_item {
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
        box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1pc;
        padding: 24px 1pc;
        text-transform: capitalize
    }

    .tab_item .material-symbols-outlined {
        display: block
    }

    .tab_item:hover {
        background: #fff;
        color: #000
    }

    .navigation_tab_content {
        display: none
    }

    .navigation_sub_tab_item {
        -webkit-box-flex: 100%;
        border-bottom: 1px solid #e3e4e6;
        -ms-flex: 100%;
        flex: 100%;
        margin-bottom: 1pc;
        max-width: 100%;
        padding-bottom: 17px;
        padding-right: 0;
        width: 100%
    }

    .navigation_sub_list {
        margin-top: 24px;
        padding-left: 0;
        width: 100%
    }

    .back_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1pc;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 2pc;
        padding: 0 1pc;
        text-transform: capitalize
    }
}

.header_layout.inspire .navigation_secondary {
    background-color: #fff
}

.header_layout.inspire .navigation_secondary-wrapper {
    height: 68px
}

.header_layout.inspire .header-logo {
    max-width: 119px
}

.header_layout.inspire .header-logo .link_component-link {
    height: 100%
}

.header_layout.inspire .navigation-secondary_menu-inspire,
.header_layout.inspire .navigation-secondary_menu-inspire div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_layout.inspire .navigation-secondary_actions .link_component-link {
    font-weight: 400;
    letter-spacing: .32px
}

.header_layout.inspire .navigation-secondary_actions .link_component-link:hover span {
    text-decoration: none
}

.header_layout.inspire .header-popup {
    background-color: rgba(0, 0, 0, .7);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 133px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.header_layout.inspire .header-popup-content {
    background-color: #fefefe;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    margin-left: auto;
    margin-right: auto;
    max-width: 927pt;
    width: 100%
}

.header-popup-content .left-content {
    grid-column: span 7/span 7;
    padding: 60px 3pc
}

.header-popup-content .left-content h3 {
    font-size: 2pc;
    line-height: 45px;
    margin: 0 0 24px
}

.header-popup-content .left-content .identity {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.header-popup-content .identity svg {
    margin-right: 1pc
}

.header-popup-content .identity span {
    font-size: 24px
}

.header-popup-content .radio-btn .radio {
    margin-bottom: 1pc
}

.header-popup-content .radio-btn .step-guide {
    display: none
}

.header-popup-content .radio-btn .step-guide a {
    color: #4c99e6;
    cursor: pointer
}

.header-popup-content .radio-btn .radio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    letter-spacing: 0;
    margin-bottom: 8px;
    position: relative
}

.header-popup-content .radio-btn .radio label span {
    padding-left: 40px
}

.header-popup-content .radio-btn .radio input {
    display: none
}

.header-popup-content .radio-btn .radio label:before {
    background: #fff;
    border: 1px solid #ed1b24;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px
}

.header-popup-content .radio-btn .radio input:checked~label:after {
    background: #ed1b24;
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 3px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px
}

.header-popup-content .radio-btn ul {
    list-style: none;
    padding-left: 42px;
    padding-right: 1pc
}

.header-popup-content .radio-btn li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 24px
}

.header-popup-content .radio-btn li span {
    font-size: 36px;
    font-weight: 600;
    margin-right: 24px
}

.header-popup-content .radio-btn li:last-child {
    border-bottom: none
}

.header-popup-content .radio-btn li p {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.header-popup-content .radio-btn li picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    justify-content: center
}

.header-popup-content .radio-btn li img {
    border-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.header-popup-content .radio-btn .have-account p {
    color: var(--gray-900);
    font-size: 18px;
    padding-left: 42px
}

.header-popup-content .right-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 5/span 5;
    justify-content: center;
    position: relative
}

.header-popup-content .right-content .background {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%
}

.header-popup-content .right-content .background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.header-popup-content .right-content .image {
    height: auto;
    margin-top: 146px;
    max-width: 328px;
    position: relative;
    width: auto
}

.header-popup-content .right-content .header-close-form {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 2
}

.header-popup-content .right-content .form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 3pc 2pc 2pc;
    position: relative;
    width: 100%
}

.header-popup-content.hide-form .image {
    display: block
}

.header-popup-content.hide-form .form,
.header-popup-content.hide-form .step-guide {
    display: none !important
}

.header-popup-content.show-form .image {
    display: none
}

.header-popup-content .right-content .form-content,
.header-popup-content.show-form .form,
.header-popup-content.show-form .step-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-popup-content .right-content .form-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 2pc;
    width: 100%
}

.header-popup-content .right-content .form-content h3 {
    font-weight: 300;
    margin: 0 0 24px
}

.header-popup-content .right-content .form-content label {
    font-size: 1pc;
    font-weight: 500;
    margin-bottom: 8px;
    position: relative
}

.header-popup-content .form-content input[type=text] {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    margin-bottom: 1pc;
    outline: none;
    padding: 1pc;
    width: 100%
}

.header-form-accept_condition {
    margin-bottom: 1pc
}

.header-form-accept_condition input {
    display: none
}

.header-form-accept_condition label {
    padding-left: 2pc;
    text-transform: unset
}

.header-form-accept_condition label a {
    color: #ed1b24
}

.header-form-accept_condition label:before {
    background: #fff;
    border: 1px solid #ed1b24;
    content: "";
    height: 24px;
    width: 24px
}

.header-form-accept_condition input:checked~label:after,
.header-form-accept_condition label:before {
    border-radius: 6px;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-form-accept_condition input:checked~label:after {
    background: #ed1b24;
    content: url(https://api.iconify.design/charm:tick.svg?color=%23ffffff);
    height: 23px;
    text-align: center;
    width: 23px
}

.header-popup-content .form-content button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #212121;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px;
    margin-top: 2pc;
    max-width: 302px;
    padding: 1pc 24px;
    width: 100%
}

.header-popup-content .form-content button svg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.header-popup-content .form-content button:hover svg {
    -webkit-transform: translate(10px);
    transform: translate(10px)
}

.slide-container {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding-bottom: 58px;
    position: relative;
    width: 100%
}

.save-calculation .slide-container {
    padding-bottom: 38px
}

.slider {
    -webkit-appearance: none;
    background: #d3d3d3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#ed1c24));
    background-image: linear-gradient(#ed1c24, #ed1c24);
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 5px;
    cursor: pointer;
    height: 8px;
    opacity: .7;
    outline: none;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    width: 100%
}

.loan-realestate__container .slider,
.loan-realestate__container .slider:hover,
.slider:hover {
    opacity: 1
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    height: 24px;
    width: 24px
}

.slider::-moz-range-thumb {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    height: 25px;
    width: 25px
}

.percent-range {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #a2a2a2;
    font-size: .875rem;
    justify-content: space-between;
    line-height: 1.43;
    top: 20px;
    white-space: nowrap;
    width: 100%
}

.percent-range,
.percent-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    letter-spacing: .01071em;
    position: absolute
}

.percent-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 1pc;
    font-size: .75rem;
    height: 30px;
    justify-content: center;
    line-height: 1.2;
    top: 33px;
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform: translateX(-1pc);
    transform: translateX(-1pc);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60px;
    z-index: 2
}

.percent-value,
.percent-value:before {
    -webkit-filter: drop-shadow(0 -1px 3px rgba(0, 0, 0, .14));
    filter: drop-shadow(0 -1px 3px rgba(0, 0, 0, .14))
}

.percent-value:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 5px 8px;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    right: 0;
    top: -8px;
    width: 0;
    z-index: 1
}

@media(max-width:992px) {
    .header_layout .navigation_primary-wrapper {
        width: calc(100% - 88px)
    }
}

.footer-container {
    background-color: #212121;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0 auto;
    max-width: 20in;
    padding-bottom: 2pc;
    padding-top: 2pc
}

.footer-links {
    color: #a2a2a2;
    margin: 0;
    padding-bottom: 0
}

.footer-links li {
    line-height: 24px;
    list-style: none;
    padding-top: 8px
}

.footer-links li a {
    color: #a2a2a2;
    display: block;
    line-height: 24px;
    text-decoration: none
}

.footer-links .footer-links__item p {
    color: #fff;
    font-size: 1pc;
    font-weight: 700;
    margin: 0
}

.footer-links__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 0;
    overflow: hidden;
    position: relative
}

.footer-links__list,
.footer-links__list.expanded {
    -webkit-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out
}

.footer-links__list.expanded {
    max-height: 75pc
}

.footer-links__list ul {
    padding: 0
}

.footer-links__item {
    -ms-flex-preferred-size: 16.666%;
    flex-basis: 16.666%;
    padding: 9pt
}

.footer-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 2pc;
    align-items: center;
    border-top: 1px solid #333;
    color: #a2a2a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    justify-content: space-between;
    padding-top: 24px
}

@media(max-width:767px) {
    .footer-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .5rem
    }
}

.footer-info a,
.footer-info p {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.dark .footer-info a,
.dark .footer-info p {
    color: inherit
}

.footer-logo {
    padding-bottom: 0;
    padding-top: 0
}

.footer-logo img {
    width: 280px
}

.footer-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-head,
.footer-head .footer-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer-head .footer-expand {
    color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 10px
}

.footer-head .footer-expand img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.footer-expand svg {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    width: 1pc
}

.footer-expand span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding-right: 9pt
}

.footer-expand:hover {
    cursor: pointer;
    text-decoration: underline
}

.footer-links__social-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #a2a2a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 9pt
}

.footer-links__social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1pc;
    margin-top: 9pt
}

.footer-links__social-item {
    margin-left: 1pc
}

.footer-links__social-item img {
    width: 24px
}

.footer-container .footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-links__social-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.content-container {
    min-height: 100%
}

.no-min-height {
    min-height: unset !important
}

.dropdown-overflow-hidden,
.modal-showing,
.overflow-hidden {
    overflow: hidden
}

.object-position-80-50 {
    -o-object-position: 80% 50% !important;
    object-position: 80% 50% !important
}

.bg-255 {
    background-color: #fff
}

.display-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.pad-0 {
    padding: 0
}

.position-relative {
    position: relative
}

.max-width-1920 {
    max-width: 20in
}

.max-width-1440 {
    max-width: 900pc
}

.max-width-570 {
    max-width: 570px
}

.mag-auto {
    margin: 0 auto
}

.pad-bot-12 {
    padding-bottom: 9pt
}

.content-container .content-container__header {
    color: #000;
    padding-bottom: 9pt
}

.mar-left-0 {
    margin-left: 0
}

.mar-top-8 {
    margin-top: 8px !important
}

.mar-top-24 {
    margin-top: 24px
}

.mar-vertical-36 {
    margin-bottom: 36px;
    margin-top: 36px
}

.pad-vertical-36 {
    padding-bottom: 36px;
    padding-top: 36px
}

.pad-vertical-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.pad-vertical-48 {
    padding-bottom: 3pc;
    padding-top: 3pc
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pad-bot-8 {
    padding-bottom: 8px
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-container .content-container__title h2 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

.color-gray {
    color: var(--gray-600)
}

.color-white {
    color: #fff
}

.color-red {
    color: red
}

.color-240-75-60 {
    color: #4d4de6
}

.mar-bot-12 {
    margin-bottom: 9pt
}

.margin-bot-64 {
    margin-bottom: 4pc
}

.margin-top-8 {
    margin-top: 8px !important
}

.no-padding {
    padding: 0 !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.padding-top-12 {
    padding-top: 9pt !important
}

.width-100 {
    width: 100%
}

.mar-top-36 {
    margin-top: 36px
}

.mar-bot-36 {
    margin-bottom: 36px
}

.min-height-580 {
    min-height: 580px
}

.blue-underline a {
    color: blue !important;
    font-weight: 400 !important;
    text-decoration: underline !important
}

.mar-vertical-32 {
    margin-bottom: 2pc;
    margin-top: 2pc
}

.mar-left-auto {
    margin-left: auto
}

.mar-right-auto {
    margin-right: auto
}

.content-container .content-container__body {
    max-width: 20in
}

.border-radius-8 {
    border-radius: 8px
}

.no-border {
    border: none !important
}

@media(max-width:767px) {
    .no-padding-bot-mobile {
        padding-bottom: 0 !important
    }

    .no-padding-top-mobile {
        padding-top: 0 !important
    }
}

@media(max-width:575px) {
    .margin-mobile-0 {
        margin: 0 !important
    }
}

@media(max-width:767px) {
    .footer-head {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-expand,
    .footer-links {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .footer-links__social-container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .footer-links__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-info a,
    .footer-info p {
        min-width: 100%
    }
}

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

.list-tile-small__header-title {
    padding-bottom: 20px
}

.list-tile-small__header .list-tile-small__small {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    position: relative
}

.list-tile-small__list-tiles {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.list-tile-small__tiles-item {
    border-radius: 8px;
    display: block;
    position: relative;
    width: 100%
}

.list-tile-small__tile-wide:before {
    content: "";
    float: left;
    height: 0;
    margin-left: -1px;
    padding-bottom: 80%;
    width: 1px
}

.tile_small_list-tile-small:before {
    content: "";
    float: left;
    height: 0;
    margin-left: -1px;
    padding-bottom: 40%;
    width: 1px
}

.list-tile-small__tiles-item:after {
    clear: both;
    content: "";
    display: table
}

.list-tile-small__article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s ease 0s;
    transition: -webkit-box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
    width: 100%
}

.list-tile-small__article:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.list-tile-small__article picture {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.list-tile-small__article picture,
.list-tile-small__article picture img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.list-tile-small__article picture img {
    border: none;
    border-radius: 8px;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 80% 50%;
    object-position: 80% 50%;
    width: 0;
    z-index: 0
}

.list-tile-small__article .hero__content-wrapper .hero__content-wrapper-inner {
    padding: 1pc 24px
}

.list-tile-small__article .hero__content-wrapper .hero__card-body .hero__card-content {
    position: relative;
    width: 100%;
    z-index: 1
}

.hero__card-title {
    font-size: 1.5rem;
    font-weight: 350;
    line-height: 1.5
}

.hero__card-description {
    font-size: 1rem;
    font-weight: 400
}

.list-tile-small__article .hero__content-wrapper .hero__card-title {
    width: calc(100% - 24px)
}

.list-tile-small__article .hero__content-wrapper .hero__card-body .hero__card-content .hero__card-description {
    margin-top: 8px;
    width: calc(100% - 24px)
}

.hero__nav-text {
    font-size: 1rem;
    font-weight: 600
}

.list-tile-small__article .hero__content-wrapper .hero__card-body .hero__nav-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 8px
}

.list-tile-small__article .hero__content-wrapper .hero__card-body .hero__nav-text .hero__nav-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 9pt;
    position: relative
}

.hero__nav-icon .icon-image {
    display: inline-block;
    height: 17px;
    margin: 5px 0 0;
    position: relative;
    width: 1pc
}

.hero__nav-icon .icon-image,
.list-tile-small .hero-item {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    overflow: hidden;
    padding: 0
}

.list-tile-small .hero-item {
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    position: absolute;
    width: auto
}

@media(max-width:1199px) {
    .list-tile-small {
        margin-bottom: 36px;
        margin-top: 36px
    }
}

@media(min-width:992px) {
    .list-tile-small__list-tiles {
        display: grid;
        grid-auto-flow: column;
        grid-auto-rows: 1fr 1fr;
        grid-template-columns: repeat(auto-fill, minmax(calc(25% - 24px), 1fr))
    }

    .list-tile-small__list-tiles .list-tile-small__list-tiles-grid {
        padding-bottom: 40%
    }
}

@media(max-width:992px) {
    .list-tile-small {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 0;
        padding-top: 0
    }

    .list-tile-small__list-tiles {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 24px
    }

    .list-tile-small__list-tiles-grid {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .list-tile-small__tiles-item {
        grid-column-end: span 2;
        grid-row-end: span 2
    }

    .tile_small_list-tile-small:before {
        padding-bottom: 40%
    }
}

@media(min-width:576px) {
    .list-tile-small__grid-left-item {
        grid-column-end: span 2;
        grid-row-end: span 1
    }

    .list-tile-small .list-tile-small__square {
        grid-column-end: span 1;
        grid-row-end: span 1
    }

    .list-tile-small__grid-left-item.list-tile-small__tile-wide {
        grid-column-end: span 2;
        grid-row-end: span 2
    }
}

@media(max-width:768px) {
    .list-tile-small__list-tiles-grid {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        grid-gap: 1pc;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1pc;
        justify-content: space-between;
        margin: 0 auto;
        position: relative;
        width: 100%
    }

    .list-tile-small__tile-wide:before {
        background-image: url(https://d1kndcit1zrj97.cloudfront.net/uploads/Frame_46430_fc5313394c.png?w=1920&q=75);
        border-radius: 8px;
        padding-bottom: 125%
    }

    .tile_small_list-tile-small:before {
        padding-bottom: 125%
    }

    .list-tile-small__article .hero__background-image {
        background-image: url(https://d1kndcit1zrj97.cloudfront.net/uploads/Card_Mobile_a7b6ca646d.png);
        background-repeat: no-repeat;
        border-radius: 8px;
        z-index: 0
    }

    .hero__background-image .hidden {
        display: none
    }

    .hero__background-image-2 {
        background-image: url(https://d1kndcit1zrj97.cloudfront.net/uploads/Rectangle_19369_edb5d954ab.png)
    }

    .hero__background-image-2,
    .hero__background-image-3 {
        background-position: 80% 50%;
        background-repeat: no-repeat;
        border-radius: 8px;
        z-index: 0
    }

    .hero__background-image-3 {
        background-image: url(https://d1kndcit1zrj97.cloudfront.net/uploads/Tai_Khoan_Overview_banner_3_mobile_685973356f.png)
    }

    .hide-on-mobile {
        display: none
    }

    .hide-on-desktop {
        display: inherit
    }
}

.hero-cmp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 216px;
    padding: 0;
    position: relative
}

.hero-cmp.large {
    min-height: 5in
}

.hero-cmp.normal {
    min-height: 25pc
}

.hero-cmp.small {
    min-height: 280px
}

.hero-wrapper {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hero-cmp .background-container,
.hero-cmp .background-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.hero-cmp .background-container {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.hero-cmp .background-img {
    border: none;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 80% 50%;
    object-position: 80% 50%;
    width: 0
}

.hero-simple {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.insurance .hero-simple {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title-tab-center .hero-item {
    margin-top: 24px
}

.hero-cmp .hero-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hero-item .hero-label {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    position: absolute;
    top: 65px
}

.homepage .hero-item {
    margin-top: 60px
}

.title-only-center .hero-item {
    margin-top: 70px
}

.hero-section.hero-dark .hero-item-medium>h1 {
    color: #fff
}

.hero-section .hero-button__url a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.hero-button__url.no-icon-arrow.business-button {
    padding-bottom: 36px;
    padding-top: 8px
}

.hero-description {
    color: var(--gray-600);
    margin-top: -10px;
    padding-left: 94px
}

.hero-description.no-icon-arrow {
    padding-left: unset;
    padding-top: 1pc
}

.hero-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-title-container .hero-title {
    font-size: 2rem;
    font-weight: 300;
    line-height: 40px;
    padding-top: 3pc
}

.dark-bg .hero-description,
.dark-bg .hero-title {
    color: #fff
}

.hero-description>p {
    font-size: 1.5rem
}

.loan .hero-item {
    margin-top: 20px
}

.loan .hero-description {
    margin-top: 8px;
    padding-left: 0
}

.hero-icon-arrow {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    -webkit-box-flex: 0;
    align-items: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px;
    height: 90px;
    margin-right: 2pc;
    margin-top: 24px;
    max-width: 62px
}

.hero-icon-arrow>span {
    overflow: hidden
}

.hero-button__url {
    max-width: 328px;
    padding-bottom: 3pc;
    padding-left: 94px;
    padding-top: 2pc
}

.hero-button__url.no-icon-arrow {
    padding-left: unset;
    padding-top: 1pc
}

.insurance .hero-button__url {
    padding-bottom: 0
}

.loan .hero-button__url {
    padding-left: 0
}

.hero-button__url a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.5;
    max-width: 265px;
    outline: none;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%
}

.hero-button__url.large a {
    max-width: inherit
}

.hero-button__url.small-btn a {
    max-width: 100%
}

.hero-button__url a:hover {
    background-color: #616161;
    color: #fff
}

.hero-button__url a span {
    padding-right: 30px
}

.hero-button__url a .hero-button__icon,
.hero-link__url a .hero-button__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hero-link__url a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border: none;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    justify-content: flex-start;
    max-width: 265px;
    outline: none;
    width: 100%
}

.hero-link__url a:hover {
    text-decoration: underline
}

.hero-wrapper-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    max-width: 90pc;
    padding: 0 4pc;
    width: 100%;
    z-index: 5
}

.hero-wrapper-tab.full-width {
    padding: 0 !important
}

.hero-tab-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    width: 100%
}

.hero-tab-container,
.hero-tab-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-tab-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 0 34px
}

.hero-tab-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: #a2a2a2;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 300;
    height: 106px;
    justify-content: flex-end;
    min-width: 75pt;
    padding: 8px 9pt 1pc;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hero-tab-item>p {
    white-space: nowrap
}

.hero-cmp .hero-tab-item>.inner-item>span>img {
    -webkit-filter: saturate(0) brightness(150%);
    filter: saturate(0) brightness(150%);
    height: 40px;
    left: 50%;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 40px
}

.hero-cmp .active>.inner-item>span>img {
    -webkit-filter: none !important;
    filter: none !important
}

.hero-tab-item.active {
    background-color: #f2f2f2;
    border-top: 4px solid #ed1b24;
    color: #000
}

.hero-tab-item.active p {
    font-weight: 700
}

.inner-item {
    height: 40px;
    left: 50%;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 40px
}

.hero-tab-item:hover {
    background-color: #f2f2f2
}

.hero-tab-item:hover>.inner-item>span>img {
    -webkit-filter: none !important;
    filter: none !important
}

.inner-item>span>img {
    inset: 0;
    position: absolute
}

@media(max-width:767px) {

    .hero-cmp.large,
    .hero-cmp.normal {
        min-height: 6in
    }

    .hero-cmp.small {
        min-height: 5in
    }

    .hero-cmp.small.small-mobile {
        min-height: 280px
    }

    .hero-cmp.small.small-mobile.contact .hero-item {
        padding-top: 70px
    }

    .title-only-center .hero-item {
        margin-top: 0
    }

    .hero-cmp.insurance .hero-item {
        padding-top: 337px
    }

    .hero-cmp.large .hero-root {
        padding-bottom: 290px
    }

    .hero-icon-arrow {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        height: 58px;
        margin-right: 1pc;
        margin-top: 34px;
        max-width: 44px
    }

    .hero-icon-arrow>img {
        min-width: 100%
    }

    .hero-button__url {
        padding-left: 0
    }

    .hero-button__url a {
        max-width: unset;
        padding: 9pt 1pc
    }

    .hero-content {
        padding: 337px 0 2pc
    }

    .hero-button__url.small-btn {
        padding-bottom: 2pc
    }

    .hero-button__url.small-btn a {
        padding: 9pt 1pc
    }

    .mobile-padding-bottom-210 {
        padding-bottom: 210px
    }

    .hero-item>h1 {
        margin-top: -8px;
        padding-left: 50px;
        padding-top: 0
    }

    .hero-title-container>h1 {
        padding-top: 36px;
        white-space: normal
    }

    .hero-description {
        margin-top: 20px;
        padding-left: 4px
    }

    .hero-description>p {
        display: inline;
        vertical-align: top
    }

    .loan.hero-cmp.large .hero-root {
        padding-bottom: 0
    }

    .loan .hero-item {
        padding-top: 290px
    }

    .loan .hero-description {
        margin-top: 1pc
    }

    .hero-tab-grid {
        -webkit-box-flex: 1;
        border-radius: 0;
        -ms-flex: 1 1;
        flex: 1 1;
        overflow: auto;
        padding: 0 9pt
    }

    .hero-tab-grid::-webkit-scrollbar {
        display: none
    }

    .hero-tab-item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        min-width: inherit
    }

    .hero-cmp .hero-wrapper-tab {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0;
        width: 100%
    }
}

@media(max-width:991px) {
    .hero-wrapper-tab {
        padding: 0 3pc
    }

    .title-tab-center .hero-item {
        margin-top: 0
    }

    .hero-cmp.normal.business-cmp {
        min-height: 25pc
    }

    .hero-cmp .hero-item.bussiness-item {
        margin-top: 236px
    }

    .hero-item .hero-label {
        top: 300px
    }

    .hero-title-container .hero-title.business-title {
        padding-top: 5pc
    }

    .hero-description.business-description {
        padding-top: 0
    }

    .hero-button__url.business-button {
        padding-bottom: 36px;
        padding-top: 8px
    }

    .hero-item .hero-description.pad-top-12>p {
        padding-top: 0
    }

    .hero-description.pad-top-12>p {
        padding-top: 9pt
    }

    .footer-links__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-links__item {
        min-width: 50%
    }
}

.table-container {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding: 3pc 0
}

.table-container.four-column .table-cell-innercontent>div {
    min-width: 550px
}

.table-container.four-column .table-cell-label {
    min-width: 15pc
}

.cell-group-mobile,
.insurance-benefit p {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.cell-group-mobile {
    display: none
}

.table-content {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.table-content__title {
    font-family: SF Pro Display, SF Pro Display Italic, SF Pro Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 1pc;
    position: relative
}

.table-content.no-scroll .table-upper-title {
    padding: 35px 0
}

.table-content.no-scroll .table-item-below {
    overflow-x: unset
}

.table-content.no-scroll .table-cell-innercontent>div {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    min-width: unset
}

.table-content.no-scroll .table-item-body .table-cell-content .table-cell-innercontent>div>div:first-child {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 70%
}

.table-content.no-scroll .table-cell-innercontent>div>div:last-child {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 30%
}

.table-content.no-scroll .table-body-row:first-child {
    background-color: #f5f6f8 !important
}

.table-content.no-scroll .table-body-row:first-child .table-body-cell {
    padding: 24px 24px 8px
}

.table-content.no-scroll .table-body-row:nth-child(2n) {
    background-color: #f5f6f8
}

.table-content.no-scroll .table-body-row:nth-child(odd) {
    background-color: #fff
}

.table-content.no-scroll .table-body-cell:last-child {
    color: rgba(0, 0, 0, .87)
}

@media(max-width:767px) {
    .table-content.no-scroll .table-body-row:first-child {
        display: none
    }

    .table-content.no-scroll .table-body-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        border-bottom: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2pc 24px
    }

    .table-content.no-scroll .table-body-row * {
        font-size: 1pc !important
    }

    .table-content.no-scroll .table-cell-innercontent>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table-content.no-scroll .table-body-cell {
        border-bottom: none;
        width: 100%
    }

    .table-content.no-scroll .table-cell-innercontent>div>div {
        margin: 0;
        width: 100% !important
    }

    .table-content.no-scroll .table-body-root .table-body-row>td {
        padding: 0
    }

    .table-content.no-scroll .table-cell-innercontent .moved-content {
        font-style: italic;
        font-weight: 400 !important;
        margin-bottom: 4px
    }

    .table-content.no-scroll .table-body-cell:last-child {
        color: #000
    }
}

@media(max-width:575px) {
    .table-content__title {
        padding-bottom: 8px
    }
}

.table-root {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -9pt;
    width: calc(100% + 24px)
}

.table-grid {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
    padding: 9pt
}

.table-item-upper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    z-index: 3
}

.background-top-table img {
    left: 0;
    position: absolute;
    top: -50%;
    width: 100%
}

.table-upper-title {
    color: #fff;
    padding: 40px 0;
    z-index: 5
}

.table-upper-title>label {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase
}

.table-item-upper>span {
    background: none;
    border: 0;
    border-radius: 8px;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.table-item-upper>span,
.table-item-upper>span img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.table-item-upper>span img {
    border: none;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 0
}

.table-item-below {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: rgba(0, 0, 0, .87);
    -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: 2
}

.table-cell-innercontent a {
    color: blue;
    font-weight: 400;
    text-decoration: underline
}

.table-item-below .table-cell-innercontent a {
    color: inherit;
    text-decoration: none
}

.table-item-body {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    min-width: 72.955pc
}

.table-item-body.width-100 {
    min-width: 100%;
    width: 100%
}

.table-body-root {
    display: table-row-group
}

.table-body-row {
    background-color: #f5f6f8;
    border-bottom: 1px solid #d3d3d3;
    color: rgba(0, 0, 0, .87);
    display: table-row;
    outline: 0;
    vertical-align: middle
}

.table-body-row:nth-child(2n) {
    background-color: #fff
}

.table-label-content i {
    color: rgba(0, 0, 0, .87);
    font-weight: 400
}

.table-body-row .table-body-cell .font-weight-700 i {
    font-weight: 700px
}

.table-label-content span.arrow {
    font-size: 25px;
    margin-left: 5px
}

.table-label-content .detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.table-cell-innercontent>div>div>span {
    font-weight: 400
}

div.table-label-content.business-label-content {
    font-size: 14px;
    text-transform: none
}

.table-cell-content .table-cell-innercontent.business-table-innercontent div div p {
    font-size: 14px
}

.table-item-body .table-cell-content .table-cell-innercontent.business-table-innercontent div div:first-child {
    font-size: 14px;
    font-weight: 400;
    width: 50%
}

.table-item-body .table-cell-content .table-cell-innercontent.business-table-innercontent div div:nth-child(2) p {
    font-weight: 700
}

.table-cell-innercontent>div>div>span.grey {
    color: var(--gray-600)
}

.table-body-cell {
    border-bottom: 1px solid #e0e0e0;
    color: rgba(0, 0, 0, .87);
    display: table-cell;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01071em;
    line-height: 1.43;
    padding: 1pc;
    text-align: left;
    vertical-align: inherit
}

.table-body-cell:first-child {
    width: 25%
}

.table-body-root .table-body-row>td {
    padding: 24px
}

.table-label-content {
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

.insurance .table-label-content {
    text-transform: none
}

.table-cell-innercontent {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5
}

.table-cell-innercontent div a {
    color: #00b0f0 !important;
    text-decoration: underline !important
}

.link_type.table-cell-innercontent {
    color: blue;
    font-style: italic;
    text-decoration: underline
}

.table-cell-innercontent>div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    min-width: 500px
}

.insurance .table-cell-innercontent>div {
    min-width: 100%
}

.table-cell-innercontent>div>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    letter-spacing: .01071em;
    margin: 0 24px 0 8px
}

.table-cell-innercontent .cell-left {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.table-cell-innercontent>div>div p span {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.table-cell-innercontent .column-wide {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.table-cell-innercontent>div>div>p {
    color: #000;
    font-size: 1pc
}

.table-body-row:first-child .table-cell-innercontent>div>div>p {
    font-weight: 600
}

.table-cell-innercontent[class*=title]>div>div>p {
    font-size: 18px;
    font-weight: 600
}

.table-cell-innercontent>div>div>ul,
.table-container.list-disc .table-cell-innercontent>div>div>ul {
    color: #616161;
    list-style: disc
}

.table-container.list-circle .table-cell-innercontent>div>div>ul {
    color: #616161;
    list-style: circle
}

@media(min-width:992px) {
    .table-container {
        padding: 4pc 0
    }

    .table-container__extend {
        padding: 88px 0
    }
}

@media(min-width:1200px) {
    .table-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width:1440px) {
    .table-content {
        max-width: 90pc
    }
}

@media(max-width:767px) {

    .insurance .table-cell-label,
    .insurance tr.table-body-row:first-child {
        display: none
    }

    .table-cell-innercontent>div>div {
        min-width: 9pc
    }

    .insurance .table-cell-innercontent div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .insurance-benefit:before {
        content: "Giá trị bảo vệ";
        font-style: italic;
        font-weight: 400;
        margin-bottom: 4px
    }

    .cell-group-mobile {
        display: block
    }
}

.card-product-banner {
    min-height: 5pc
}

.card-product-banner .card-product-banner__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 13px 34px 9pt 18px
}

.card-product-banner .card-product-banner__link:hover {
    text-decoration: underline
}

.card-product-banner .card-product-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-product-banner .card-product-banner__img {
    height: 55px;
    width: 135px
}

.card-product-banner .card-product-banner__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-left: 38px
}

.card-product-banner .card-product-banner__close {
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 28px;
    top: 10px;
    width: 18px
}

.card-product-banner .card-product-banner__close:after {
    border-left: 2px solid #ed1c24;
    content: "";
    height: 18px;
    left: 8px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.card-product-banner .card-product-banner__close:before {
    border-left: 2px solid #ed1c24;
    content: "";
    height: 18px;
    left: 8px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.card-product-banner .card-product-banner__text__title {
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px
}

.card-product-banner .card-product-banner__text__description {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.card-product-banner .card-product-banner__container,
.card-product-banner__wrapper {
    position: relative
}

@media(max-width:768px) {
    .card-product-banner .card-product-banner__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-product-banner .card-product-banner__text {
        margin-left: 0;
        margin-top: 21px
    }
}

.list-document-download {
    min-height: 0
}

.list-document-download__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 18px;
    margin-right: 24px;
    padding-right: 24px;
    position: relative
}

.item-index {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: -50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px
}

.item-index,
.list-item-document-download__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-item-document-download__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-grow: 1;
    padding: 40px 10px 24px 1pc;
    position: relative;
    width: 100%
}

.list-item-document-download__container {
    display: inline-block;
    padding-top: 30px;
    width: 100%
}

.item-document-download_content {
    display: block
}

.item-document-download_content,
.item-document-download_content .item-document-download_content-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    max-width: none
}

.item-document-download_content .item-document-download_content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item-document-download_content .item-document-download_content-container>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

.item-document-download_content .item-document-download_content-container>span>img {
    background: none;
    border: 0;
    border-radius: 8px;
    display: block;
    height: 100%;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: 100%
}

.item-document-download_content a {
    color: #000;
    line-height: 1.5
}

.item-link-document-text {
    font-weight: 600
}

.item-document-download {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: auto;
    padding: 0 10px
}

.list-document-download .item-link-document {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item-img-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.item-document-download-dow {
    margin-left: .75em
}

.list-document-download {
    overflow: hidden
}

@media(max-width:1334px) {
    .content-wrapper.list-document-download__container {
        position: relative
    }

    .list-document-download__title {
        position: absolute
    }

    .list-item-document-download__container {
        padding-top: 0
    }

    .list-item-document-download__body {
        background-color: unset;
        padding: unset
    }

    .list-item-document-download__body .item-document-download_content {
        background-color: #fff;
        padding: 40px 10px 24px 1pc
    }

    .item-document-download_content.radius-top-bottom-left-8 {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }

    .item-document-download_content.radius-top-bottom-right-8 {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }

    .item-document-download .item-index {
        margin-left: 1pc;
        position: relative;
        top: 45px
    }

    .list-document-download .slick-list {
        padding-left: 24px
    }

    .list-item-document-download__body .slick-arrow {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: hsla(0, 0%, 77%, .54);
        border: none;
        border-radius: 50%;
        -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
        box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
        color: #fff;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        font-size: 1.25rem;
        height: 3pc;
        justify-content: center;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 3pc;
        z-index: 5
    }

    .list-item-document-download__body .slick-arrow:hover {
        background-color: #fff;
        color: red
    }

    .list-item-document-download__body .slick-prev:after {
        content: "❮"
    }

    .list-item-document-download__body .slick-next:after {
        content: "❯"
    }

    .list-item-document-download__body .slick-next {
        right: 0;
        top: 75%
    }

    .list-item-document-download__body .slick-prev {
        left: 0;
        top: 75%
    }
}

@media(max-width:567px) {
    .list-item-document-download__body .item-document-download_content {
        min-height: 7pc
    }

    .list-document-download .slick-list {
        padding-left: 0
    }
}

.invest-potential .list-tile__span img {
    z-index: -1
}

.invest-potential {
    padding: 4pc 0
}

.invest-potential .list-tile__span img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.invest-potential .mobile-img {
    display: none
}

.invest-potential .invest-potential__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.invest-potential .invest-potential__container-header {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
    padding-right: 24px
}

.invest-potential .invest-potential__container-header h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 20px
}

.invest-potential .invest-potential__container-header ul {
    list-style: disc;
    padding-left: 24px
}

.invest-potential .invest-potential__container-header li {
    margin-top: 8px
}

.invest-potential .invest-potential__container-table {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    flex-grow: 0;
    max-width: 75%
}

.invest-potential .container-table__title {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    color: #313131;
    font-weight: bolder;
    padding: 24px 1pc;
    text-align: center
}

.invest-potential .container-table__content {
    width: 100%
}

.invest-potential .container-table__content-records {
    border-radius: 0 0 8px 8px;
    bottom: 0;
    overflow: auto
}

.invest-potential .container-table__content-records table {
    border-collapse: collapse;
    min-width: 650px !important;
    width: 100%
}

.invest-potential .table-row__header {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede
}

.invest-potential .table-row__header td {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 21px;
    padding: 8px 1pc !important;
    text-align: center !important
}

.invest-potential .table-row__header td:first-child {
    display: block !important;
    max-width: 150px;
    text-align: left !important
}

.invest-potential .table-row__item {
    background-color: #fff
}

.invest-potential .table-row__item:nth-child(2n) {
    background-color: #f5f6f8
}

.invest-potential .table-row__item td {
    color: var(--gray-600);
    font-size: 1pc;
    line-height: 24px;
    padding: 8px 1pc !important;
    text-align: center !important
}

.invest-potential .table-row__item td:first-child {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: block !important;
    font-weight: 600;
    justify-content: left;
    max-width: 150px;
    text-align: left !important
}

.invest-potential:not(.insurance) .table-row__item:last-child td p {
    color: #09f
}

@media(max-width:991px) {
    .invest-potential .invest-potential__container-header {
        padding-right: unset
    }

    .invest-potential .invest-potential__container-header,
    .invest-potential .invest-potential__container-table {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .invest-potential .container-table__title {
        margin-top: 44px
    }
}

@media(max-width:767px) {
    .invest-potential .list-tile__span {
        display: none
    }

    .invest-potential .mobile-img {
        display: block
    }
}

.tab-vertical-qa__text-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab-vertical-qa__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

.tab-vertical-qa__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: 9pt;
    align-items: center;
    border: 1px solid #000;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    justify-content: flex-start;
    margin-left: 3pc;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 1pc 2pc;
    position: relative;
    white-space: nowrap
}

.tab-vertical-button--border-white {
    border: 1px solid var(--light-border)
}

.tab-vertical-qa__button:before {
    background-color: #c4c4c4;
    content: "";
    height: 29px;
    left: -24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.tab-vertical-qa__button-text {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.5
}

a.tab-vertical-qa__button-text:hover {
    text-decoration: underline
}

.tab-vertical-qa__button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tab-vertical-qa__button-icon,
.tab-vertical-qa__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab-vertical-qa__tab-control {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 36px 9pt 9pt
}

.tab-vertical-qa__tab-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 66.666667%;
    background-color: #fff;
    flex-basis: 66.666667%;
    flex-grow: 0;
    max-width: 66.666667%;
    padding: 9pt
}

.tab-active {
    background-color: #333;
    color: #fff
}

.tab-vertical-qa__tab-control-btn {
    background-color: transparent;
    border: none;
    border-radius: 8px;
    color: #333;
    cursor: pointer;
    font-size: 1pc;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 1pc;
    max-width: none;
    min-height: 40px;
    opacity: 1;
    padding: 8px 1pc;
    text-align: left;
    text-transform: none;
    width: 100%
}

.tab-vertical-qa__tab-control-btn.tab-active {
    background-color: var(--gray-900);
    color: var(--primary-background)
}

.tab-vertical-qa__tab-control-btn img {
    display: none
}

.tab-vertical-qa__article-content {
    border-radius: 8px;
    padding: 3pc 56px
}

.tab-vertical-qa__tab-content-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

.tab-vertical-qa__tab-content-body {
    color: #333;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-top: 2pc;
    max-width: 92.72%
}

.tab-vertical-qa__tab-content-video {
    margin-top: 24px
}

.tab-vertical-qa__tab-content-video iframe {
    border-radius: 8px;
    height: 424px;
    width: 100%
}

.tab-vertical-qa__modal-header {
    display: none
}

@media(max-width:1200px) {
    .tab-vertical-qa__tab-content-video iframe {
        height: 334px
    }
}

@media(max-width:992px) {
    .tab-vertical-qa__tab-content-video iframe {
        height: 271px
    }
}

@media(max-width:991px) {
    .tab-vertical-qa__tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tab-vertical-qa__tab-control {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .tab-vertical-qa__text-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tab-vertical-qa__button:before {
        display: none
    }

    .tab-vertical-qa__button {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
        margin-top: 24px;
        padding: 1pc 2pc;
        width: 328px
    }

    .tab-active {
        color: #333
    }

    .tab-vertical-qa__tab-control-btn {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        padding: 1rem 1.5rem
    }

    .tab-vertical-qa__tab-control-btn img {
        display: block;
        height: 1pc;
        width: 1pc
    }

    .tab-vertical-qa__modal-header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: flex-start;
        border-bottom: 1px solid #e9ecef;
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 1rem
    }

    .tab-vertical-qa__modal-header span {
        -webkit-appearance: none;
        background-color: transparent;
        border: 0;
        color: #000;
        cursor: pointer;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        margin: -1rem -1rem -1rem auto;
        opacity: .5;
        padding: 1rem;
        text-shadow: 0 1px 0 #fff
    }

    .tab-vertical-qa__article-content {
        -ms-flex-preferred-size: 100%;
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        flex-basis: 100%;
        left: 50%;
        max-width: 500px;
        overflow: auto;
        padding: 1rem;
        position: fixed;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 1
    }

    .tab-vertical-qa__modal-close {
        height: 24px;
        position: absolute;
        right: 1pc;
        top: 1pc;
        width: 24px
    }

    .tab-vertical-qa__modal-close:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .tab-vertical-qa__modal-close:after,
    .tab-vertical-qa__modal-close:before {
        border-left: 2px solid #a2a2a2;
        content: "";
        height: 18px;
        left: 8px;
        position: absolute
    }

    .tab-vertical-qa__modal-close:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media(max-width:767px) {
    .tab-vertical-qa__text-link {
        margin-bottom: 8px
    }

    .tab-vertical-qa__tab-content-video iframe {
        height: 334px
    }

    .tab-vertical-qa__button {
        width: 189.97px
    }

    .about-us .tab-vertical-qa__button {
        margin-top: 1pc;
        width: auto
    }

    .about-us .tab-vertical-qa__text-link {
        margin-bottom: 9pt
    }
}

.business-information-container {
    background-color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 2pc;
    padding-top: 2pc
}

.businessinformation-main-container {
    margin: 0 auto;
    max-width: 90pc !important;
    padding: 0;
    position: relative;
    width: 100%
}

.businessinformation-main-heading {
    color: #ed1c24;
    font-size: 28px;
    font-weight: 300;
    line-height: 40px
}

.businessinformation-main-content {
    margin-left: 0;
    margin-top: 2pc
}

.business-information-title {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 35px;
    justify-content: unset;
    line-height: 1.5
}

.business-information-title>h3 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-block-end: 0;
    margin-block-start: 0
}

.business-information-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 24px;
    padding-left: 52px
}

.business-information-button {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 393px;
    padding-right: 24px
}

.business-information-button>a {
    border: none;
    color: #000;
    display: block;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px;
    outline: none;
    padding: 1pc 0 1pc 24px;
    text-decoration: none;
    width: 100%
}

.business-information-button>img {
    width: 20px
}

.businessinformation-main-content>span {
    color: #a2a2a2;
    display: block;
    margin: 2pc 0;
    position: relative;
    text-align: center
}

.businessinformation-main-content>span:before {
    right: 0
}

.businessinformation-main-content>span:after,
.businessinformation-main-content>span:before {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #a2a2a2), color-stop(0, hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(90deg, #a2a2a2 50%, hsla(0, 0%, 100%, 0) 0);
    background-repeat: repeat-x;
    background-size: 10px 33px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: calc(50% - 30px)
}

.business-information-content>ul {
    list-style: disc;
    max-width: 655px
}

.business-information-content>ul>li {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.business-information-spacebetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width:992px) {
    .business-information-container {
        padding-bottom: 3pc;
        padding-top: 3pc
    }
}

@media(max-width:768px) {
    .business-information-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8px;
        padding-left: 33px
    }

    .business-information-button {
        margin-left: -33px;
        margin-top: 1pc;
        min-width: 356px;
        padding-right: 8px
    }

    .businessinformation-main-content {
        margin-left: 0;
        margin-top: 9pt
    }

    .business-information-title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 9pt
    }

    .business-information-title>h3 {
        font-size: 18px
    }

    .business-information-container>.business-information-wrapper {
        padding: 9pt;
        padding-left: 4.4444444444vw !important;
        padding-right: 4.4444444444vw !important
    }

    .businessinformation-main-heading {
        font-size: 24px
    }

    .business-information-button>a {
        padding: 1pc 0 1pc 8px
    }
}

.loan-option-component .loan-option-component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.loan-option-component__container .loan-options {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.loan-option-component__container .title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 9pt;
    padding-left: 9pt
}

.loan-option-component__container .loan-options .image {
    margin-bottom: 1pc
}

.loan-option-component__container .loan-options .image h3 {
    margin-bottom: 8px
}

.loan-option-component__container .loan-options .items {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 9pt
}

.loan-option-component__container .loan-options .image img {
    height: 75pt;
    width: 90pt
}

.loan-option-component__container .loan-options .list-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.loan-options .list-option .option {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 24px;
    -webkit-transition: .8s;
    transition: .8s
}

.loan-options .list-option .option:hover {
    -webkit-box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2);
    box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2)
}

.loan-options .list-option .option .content {
    padding: 0 9pt
}

.loan-options .list-option .option .content p:first-child {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.loan-options .list-option .option .content p:last-child {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

@media(max-width:767px) {
    .loan-option-component__container .loan-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.colunm-information-section {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 20in;
    position: relative
}

@media(max-width:767.98px) {
    .colunm-information-section.pad-wrapper {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media(min-width:768px) {
    .colunm-information-section.pad-wrapper {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media(min-width:992px) {
    .colunm-information-section.pad-wrapper {
        padding-bottom: 36px;
        padding-top: 36px
    }
}

.colunm-information__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: SF Pro Display, SF Pro Display Italic, SF Pro Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    justify-content: center
}

.colunm-information__title_field {
    padding: 9pt;
    width: 33.333333%
}

.colunm-information__item {
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    width: 16.666667%
}

.colunm-information__title_info {
    color: var(--gray-600);
    font-size: 1rem;
    margin-top: 24px
}

.colunm-information__item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-grow: 0;
    margin: 0;
    padding: 9pt
}

.colunm-information__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
    padding: 2pc 1pc
}

.colunm-information__content:hover {
    -webkit-box-shadow: 2px 3px 18px 0 hsla(0, 6%, 49%, .24)
}

.colunm-information__item__header {
    position: relative;
    width: 44px
}

.header_content_colunm {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: auto
}

.colunm-information-img,
.header_content_colunm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0
}

.colunm-information-img {
    border: none;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 0
}

.colunm-information__item__info {
    margin-top: 2pc
}

.colunm-information__item__info_title {
    margin-bottom: 8px
}

.colunm-information__item__info_content {
    color: var(--gray-600);
    font-size: 1rem;
    font-weight: 400
}

@media(max-width:767.98px) {
    .colunm-information__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .colunm-information__title_field {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%
    }

    .colunm-information__item {
        width: 100%
    }

    .colunm-information__item__info {
        margin-top: 0
    }

    .colunm-information__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #f5f5f5;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        justify-content: stretch;
        padding: 2pc 1pc
    }

    .colunm-information__title {
        font-size: 1.65rem;
        font-weight: 300;
        line-height: 1.25
    }
}

.colunm-information__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

@media(max-width:767.98px) {
    .tab-horizontal-report.pad-wrapper {
        padding-bottom: 2pc;
        padding-top: 2pc
    }
}

@media(min-width:768px) {
    .tab-horizontal-report.pad-wrapper {
        padding-bottom: 2pc;
        padding-top: 2pc
    }

    .tab-horizontal-report .tab-horizontal-report__header-title.pad-right-24 {
        padding-right: 24px
    }

    .tab-horizontal-report .tab-horizontal-report__header-link.pad-left-24 {
        padding-left: 24px
    }
}

@media(min-width:992px) {
    .tab-horizontal-report.pad-wrapper {
        padding-bottom: 3pc;
        padding-top: 3pc
    }
}

.tab-horizontal-report .tab-horizontal-report__header {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 25px
}

.tab-horizontal-report .tab-horizontal-report__header-title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    position: relative
}

.tab-horizontal-report .tab-horizontal-report__header-title:before {
    background-color: #c4c4c4;
    content: "";
    display: block;
    height: 28px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.tab-horizontal-report .tab-horizontal-report__header-link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.tab-horizontal-report .tab-horizontal-report__header-link:hover>a {
    text-decoration: underline
}

.tab-horizontal-report .tab-horizontal-report__tab-control {
    border-bottom: 1px solid #dedede;
    margin-bottom: 9pt
}

.tab-horizontal-report.tab-horizontal__fordevelopment .tab-horizontal-report__tab-control {
    display: none;
    height: 0;
    width: 0
}

.tab-horizontal-report .tab-horizontal-report__tab-control-btn {
    -ms-flex-negative: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #a2a2a2;
    cursor: pointer;
    flex-shrink: 0;
    font: 400 1pc SF Pro Display;
    font-size: 1pc;
    letter-spacing: 0;
    line-height: 24px;
    margin-right: 22px;
    max-width: none;
    min-height: 40px;
    min-width: unset;
    text-align: center;
    vertical-align: middle
}

.tab-horizontal-report .tab-horizontal-report__tab-active {
    border-bottom: 4px solid #ed1c24;
    color: #000;
    font-weight: 700;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0ms
}

.tab-horizontal-report .tab-horizontal-report__tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 72px
}

.tab-horizontal-report .tab-horizontal-report__tab-content-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: linear-gradient(65.49deg, transparent -4.44%, transparent 71.26%), #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 350px;
    width: 19pc
}

.tab-horizontal-report.tab-horizontal__fordevelopment .tab-horizontal-report__tab-content-card {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tab-horizontal-report.tab-horizontal__fordevelopment .tab-horizontal-report__header {
    padding-bottom: 0
}

.tab-horizontal-report .tab-horizontal-report__tab-content-card.hidden {
    display: none
}

.tab-horizontal-report .tab-horizontal-report__tab-card-img {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: -24px
}

.tab-horizontal-report .tab-horizontal-report__tab-card-img img {
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    height: 219px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    width: 16pc
}

.tab-horizontal-report .tab-horizontal-report__tab-card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 20px;
    padding: 0 24px
}

.tab-horizontal-report .tab-horizontal-report__tab-card-content-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    align-items: center;
    color: #000;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    word-break: break-word
}

.tab-horizontal-report .tab-horizontal-report__tab-card-content-description {
    -ms-flex-negative: 0;
    color: #a2a2a2;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.tab-horizontal-report .tab-horizontal-report__tab-card-action {
    margin: 1pc 24px 2pc
}

.tab-horizontal-report .tab-horizontal-report__tab-card-action-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: flex-start;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

@media(max-width:1200px) {
    .tab-horizontal-report .tab-horizontal-report__tab-card-img img {
        width: 196px
    }

    .tab-horizontal-report .tab-horizontal-report__tab-content-card {
        width: 244px
    }
}

@media(max-width:992px) {
    .tab-horizontal-report .tab-horizontal-report__tab-card-img img {
        width: 230px
    }

    .tab-horizontal-report .tab-horizontal-report__tab-content-card {
        width: 278px
    }
}

@media(max-width:768px) {
    .tab-horizontal-report .tab-horizontal-report__tab-card-img img {
        width: 278px
    }

    .tab-horizontal-report .tab-horizontal-report__tab-content-card {
        width: 326px
    }
}

@media(max-width:767px) {
    .tab-horizontal-report .tab-horizontal-report__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tab-horizontal-report .tab-horizontal-report__header-title:before {
        display: none
    }

    .tab-horizontal-report .tab-horizontal-report__header-link {
        margin-top: 1pc
    }

    .tab-horizontal-report .tab-horizontal-report__header {
        padding-bottom: 20px
    }
}

@media(max-width:600px) {
    .tab-horizontal-report .tab-horizontal-report__tab-card-img img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        width: 90%
    }

    .tab-horizontal-report .tab-horizontal-report__tab-content-card {
        width: 100%
    }

    .tab-horizontal-report .tab-horizontal-report__tab-card-content-description {
        margin-top: 20px
    }

    .tab-horizontal-report .tab-horizontal-report__tab-content {
        margin-top: 44px
    }
}

.contact-us__content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -9pt;
    width: calc(100% + 24px)
}

.contact-us__container {
    margin-bottom: 2pc;
    margin-top: 2pc
}

.contact-us__title {
    padding-bottom: 9pt
}

.contact-us__title>div {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 8px
}

.contact-us__item__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    padding: 24px
}

.contact-us__item__wrapper:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

.contact-us__item__content__description {
    position: relative
}

.contact-us__item__content__arrow {
    bottom: -3px;
    position: absolute;
    right: 0
}

.contact-us__item__content__arrow img {
    height: 24px;
    width: 24px
}

.contact-us__item__content__title p {
    font-size: 1pc;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0
}

.contact-us__item__content__description p {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

@media(min-width:992px) {
    .contact-us__item {
        width: 33.333333%
    }
}

@media(min-width:768px)and (max-width:992px) {
    .contact-us__content__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contact-us__item {
        width: 50%
    }
}

@media(max-width:768px) {
    .contact-us__content__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contact-us__item {
        width: 100%
    }
}

.support .support__container {
    padding: 4pc 0
}

.support .support__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -4px -4px 2pc;
    width: 100%
}

.support .support__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding: 4px
}

.support .support__description {
    color: var(--gray-600);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 4px
}

.support .support__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: 100%
}

.support .support__item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 9pt
}

.support .support__item-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border-radius: 8px;
    color: rgba(0, 0, 0, .87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding: 24px 24px 0;
    -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms
}

.support .support__item-conent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2pc 0;
    width: 100%
}

.support .support__item-img {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 41.666667%;
    flex-basis: 41.666667%;
    flex-grow: 0;
    height: 75pt;
    max-width: 41.666667%;
    position: relative
}

.support .support__item-img img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    padding: 0;
    position: absolute;
    width: 0
}

.support .support__item-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 40px
}

.support .support__item-description,
.support .support__item-title {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    line-height: 1.5;
    max-width: 100%
}

.support .support__item-description {
    font-size: 1rem;
    font-weight: 400;
    height: 72px
}

.support .support__item-button {
    margin: 2pc 0
}

.support .support__item-link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%
}

.support .support__item-link:hover {
    background-color: #000;
    color: #fff
}

@media(max-width:991px) {
    .support .support__item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
}

@media(max-width:767px) {
    .support .support__item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }

    .support .support__container {
        padding: 3pc 0
    }

    .support .support__item-img {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }

    .support .support__item-title {
        margin-top: 24px
    }

    .support .support__item-button {
        margin: 24px 0
    }
}

.card-list .background-img picture {
    z-index: -1
}

.card-list .card-list__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-right: 24px;
    padding-bottom: 2pc;
    padding-right: 24px
}

.card-list .card-list__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 100%
}

.card-list .card-list__list-item.card-list__fordevelopment .card-list__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.card-list__fordevelopment .card-icon__fordevelopment {
    padding-left: 9pt;
    padding-top: 4px
}

.card-list .digital {
    min-height: 629.86px
}

.card-list .digital.small {
    min-height: 0
}

.card-list .card-list__item {
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    max-width: 33.333333%
}

.card-list .width-50-50 .card-list__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.card-list .card-list__item-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.card-list .card-list__item-container.less-shadow-hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

.card-list .card-list__item-container:hover {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.card-list .less-shadow-hover:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

.card-list .card-list__item-container:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.card-list .no-zoom:hover img {
    -webkit-transform: none;
    transform: none
}

.card-list .card-list__item-img {
    height: auto;
    margin-bottom: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card-list .digital .card-list__item-img {
    padding: 30px
}

.card-list .digital.small .card-list__item-img {
    padding: 0 !important
}

.card-list .card-list__item-img img {
    border: none;
    border-radius: 8px 8px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.card-list .card-list__item-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px
}

.card-list .card-list__fordevelopment .card-list__item-action,
.card-list .card-list__item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-list .card-list__fordevelopment .select-list__submit-icon {
    line-height: 24px
}

.card-list .card-list__item-body.link-arrow .card-list__item-content {
    margin-bottom: 24px
}

.card-list .digital .card-list__item-body {
    padding: 2pc 33px 2pc 24px
}

.card-list .digital.small .card-list__item-body {
    padding: 24px 24px 2pc;
    width: 100%
}

.card-list .digital .card-list__item-body>p {
    color: var(--gray-600);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 21px;
    text-transform: uppercase
}

.card-list .card-list__item-content {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 8px
}

.card-list .card-list__fordevelopment .card-list__item-content {
    color: var(--gray-900);
    font-weight: 300
}

.card-list.exchange-rate .card-list__item-content {
    font-weight: 300
}

.card-list .digital .card-list__item-content {
    margin-bottom: 0
}

.card-list .digital.small .card-list__item-content {
    color: var(--gray-900);
    font-weight: 300;
    margin-bottom: 24px
}

.card-list .card-list__item-content .card-list__item-description {
    margin-bottom: 24px
}

.card-list .card-list__item-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto
}

.card-list .digital .card-list__item-action {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    letter-spacing: 0;
    margin-top: 0
}

.card-list .card-list__item-action-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.card-list__item-action-link span.material-symbols-outlined {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #ed1c24;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

a.card-list__item-body:hover .hover-underline {
    text-decoration: underline
}

.card-list__item-action-link .hover-underline {
    color: var(--gray-600);
    font-weight: 300
}

.card-list .card-list__item-action-link:hover {
    text-decoration: underline
}

.card-list .card-list__item-content .card-list__item-financial-advice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 8px;
    text-transform: uppercase
}

.card-list .card-list__item-content .card-list__item-financial-advice span:first-child {
    border-right: 1px solid #c5c5c5;
    margin-right: 1pc;
    padding-right: 1pc
}

.card-list .card-list__item-content .card-list__item-title {
    font-size: 1rem;
    font-weight: 600
}

.card-list .card-list__item-content .card-list__item-description {
    color: var(--gray-600);
    font-size: 1rem;
    margin: 8px 0
}

.card-list.tools-and-utilities .card-list__item-content .card-list__item-description {
    color: #212121;
    font-size: 1.5rem;
    line-height: 1.5
}

@media(max-width:767px) {
    .card-list .card-list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .card-list .card-list__container {
        overflow: hidden
    }

    .card-list .slick-list {
        overflow: visible !important
    }

    .card-list .card-list__list-item {
        display: unset;
        width: unset
    }

    .card-list .digital {
        grid-column-gap: 1pc;
        display: grid;
        grid-template-columns: repeat(3, 19pc);
        overflow-x: scroll;
        padding-bottom: 4pc
    }

    .card-list .digital.small {
        padding-bottom: 8px
    }

    .card-list .no-scrollbar::-webkit-scrollbar {
        display: none
    }

    .card-list .digital .card-list__item-img {
        padding: 1pc
    }

    .card-list .digital .card-list__item-body {
        max-height: 50%;
        padding-top: 4px
    }

    .card-list .digital.small .card-list__item-body {
        height: 50%;
        max-height: unset
    }

    .card-list .slick-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 15px;
        text-align: center;
        width: 100%
    }

    .card-list .slick-dots li {
        background-color: #c4c4c4;
        border: 0;
        border-radius: 50%;
        cursor: unset;
        display: block;
        font-size: 0;
        height: 8px;
        line-height: 0;
        margin: 0 5px;
        outline: none;
        width: 8px
    }

    .card-list .slick-dots .slick-active {
        background-color: #ed1b24
    }

    .card-list .slick-dots li button {
        display: none
    }

    .card-list .slick-slide {
        padding: 8px
    }

    .card-list .slick-track {
        margin: -8px
    }
}

.card-list-stack .card-list__item-content-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px
}

.card-list-stack .card-list__item-content-description {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1pc
}

@media(max-width:767px) {
    .card-list-stack .card-list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .card-list-stack .card-list__list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-list-stack .card-list__list-item.mobile-scroll {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: auto
    }

    .mobile-scroll .card-list__item {
        min-width: 100% !important
    }

    .card-list-stack .card-list__item {
        padding: 0
    }

    .card-list-stack .card-list__list-item {
        grid-gap: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        margin: 0
    }
}

.priority-text-tile__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.priority-text-tile__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.priority-text-tile__button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-24.11%, #8d8175), color-stop(305.36%, #35322b));
    background: linear-gradient(180deg, #8d8175 -24.11%, #35322b 305.36%);
    border: 1px solid #000;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1pc 24px;
    text-decoration: none;
    width: 322px
}

.priority-text-tile__button-text {
    color: #fff;
    font-weight: 700
}

.priority-text-tile__button:hover .priority-text-tile__button-text {
    color: var(--gray-600)
}

.priority-text-tile__button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.priority-text-tile__button:hover {
    background: #fff
}

.priority-text-tile__button:hover svg>path {
    fill: var(--gray-600)
}

.priority-text-tile__button svg>path {
    fill: #fff
}

.priority-text-tile__information h2 {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-top: 8px
}

.priority-text-tile__information label {
    color: #fff
}

.priority-text-tile__description {
    color: #fff;
    padding-top: 24px
}

.priority-text-tile__button {
    margin-top: 2pc
}

.priority-text-tile__item__description {
    color: #fff;
    margin-top: 8px
}

.priority-text-tile__item__title {
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase
}

.priority-text-tile__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .priority-text-tile__container {
        padding-bottom: 3pc;
        padding-top: 3pc
    }

    .priority-text-tile__panel {
        margin: -9pt
    }

    .priority-text-tile__content__wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 9pt;
        width: 50%
    }

    .priority-text-tile__cardlist__wrapper {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-auto-flow: column;
        grid-auto-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        padding: 9pt;
        width: 50%
    }

    .priority-text-tile__item__bg {
        border-radius: 8px;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .priority-text-tile__item_wide {
        aspect-ratio: 3;
        grid-column-end: span 2
    }

    .priority-text-tile__item__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 1pc;
        padding-left: 1pc;
        position: relative;
        width: 100%;
        width: calc(100% - 24px)
    }

    .priority-text-tile__item:hover {
        -webkit-transform: scale(1.008);
        transform: scale(1.008)
    }

    .priority-text-tile__item {
        -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
        box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

@media(max-width:768px) {
    .priority-text-tile__container {
        padding-bottom: 2pc;
        padding-top: 2pc
    }

    .priority-text-tile .content-wrapper {
        padding-left: 4.4444444444vw !important;
        padding-right: 4.4444444444vw !important
    }

    .priority-text-tile__button {
        padding: 9pt 1pc
    }

    .priority-text-tile__information {
        padding-left: 1pc
    }

    .priority-text-tile__item__bg {
        border-radius: 15px;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .priority-text-tile__panel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 24px;
        margin-left: -4.4444444444vw;
        margin-right: -4.4444444444vw;
        width: calc(100% + 2pc)
    }

    .priority-text-tile__cardlist__wrapper,
    .priority-text-tile__content__wrapper {
        width: 100%
    }

    .priority-text-tile__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .priority-text-tile__cardlist__wrapper {
        -ms-overflow-style: none;
        grid-gap: 1pc;
        display: grid;
        grid-auto-columns: 90%;
        grid-auto-flow: column;
        grid-template-columns: unset;
        overflow-x: auto;
        padding-left: 1pc;
        padding-right: 1pc;
        scroll-padding: 1pc;
        scroll-snap-stop: always;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    .priority-text-tile__cardlist__wrapper::-webkit-scrollbar {
        display: none
    }

    .priority-text-tile__button {
        border: none;
        width: 97%
    }

    .priority-text-tile__item__wrapper {
        bottom: 0;
        left: 0;
        padding-bottom: 1pc;
        padding-left: 1pc;
        position: relative;
        width: calc(100% - 1pc)
    }

    .priority-text-tile__item {
        aspect-ratio: .65;
        scroll-snap-align: start
    }
}

.card-center-container {
    min-height: 0
}

.card-left-container {
    margin: 20px 0
}

.card-center-container.small-card {
    min-height: unset
}

.card-center-container.small-card .card-center-carditem>article {
    background: linear-gradient(181.48deg, #fff 47.95%, #ebebeb 121.09%)
}

.card-center-container.small-card .cardcenter-carditem-content div {
    text-align: center
}

.card-center-container .large .cardcenter-carditem-content div ul {
    list-style: none;
    padding-left: 0
}

.card-center-container .large .cardcenter-carditem-content div ul li {
    margin-left: 0;
    padding-left: 24px;
    position: relative
}

.card-center-container .large .cardcenter-carditem-content div ul li:before {
    background-color: #ed1b24;
    border-radius: 1px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 5px
}

@media(max-width:1920px) {
    .card-left-container {
        margin: 36px 0
    }
}

@media(max-width:991px) {
    .card-center-container .large .cardcenter-carditem-content div ul {
        margin-left: 0
    }
}

@media(max-width:767px) {
    .card-center-container.small-card .card-center-carditem>article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-center-wrapper {
        margin: 0
    }

    .card-center-container .large .cardcenter-carditem-content div ul li:before {
        background-color: var(--gray-600);
        border-radius: 50%;
        left: 10px
    }
}

.card-center-header {
    margin: 0 auto;
    padding-bottom: 9pt
}

.card-center-container .large .card-center-header {
    padding-bottom: 24px
}

.cardcenter-header-titlecontain {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 8px
}

.cardcenter-header-title,
.cardcenter-header-titlecontain {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cardcenter-header-title>div {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-right: 24px;
    padding-right: 24px;
    position: relative
}

.card-center-container .large .slick-list {
    margin: -9pt;
    padding: 9pt
}

.card-center-container .slick-initialized .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-center-container .slick-initialized .slick-slide {
    height: auto
}

.card-center-container .large .slick-slide .card-center-carditem,
.card-center-container .slick-initialized .slick-slide>div {
    height: 100%
}

.card-center-container .large .slick-slide:not(:last-child) .card-center-carditem {
    padding-right: 24px
}

.card-center-container .large .card-center-carditem>article {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16)
}

.card-center-container .large .card-center-carditem>article:hover {
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.card-center-container .large .cardcenter-carditem-header {
    height: 238.41px;
    margin: 0
}

.card-center-container .large .cardcenter-carditem-headerimg {
    width: 100%
}

.card-center-container .large .card-center-carditem:hover .cardcenter-carditem-headerimg {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    width: 100%
}

.object-fit-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.card-center-container .large .cardcenter-carditem-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50%;
    justify-content: space-between;
    margin: 0;
    padding: 24px
}

.card-center-container .large .cardcenter-carditem-content h4 {
    margin-bottom: 8px
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.card-center-container .large .cardcenter-carditem-content>div:nth-child(2) {
    font-weight: 600
}

.card-center__bullet-list {
    list-style-type: disc;
    margin-top: 8px;
    padding-left: 24px
}

.card-center-container .large .text-icon__nav-icon a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.card-center-container .large .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 77%, .54);
    border-radius: 50%;
    -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 3pc;
    justify-content: center;
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 3pc;
    z-index: 1
}

.card-center-container .large .slick-arrow svg {
    fill: currentColor;
    -ms-flex-negative: 0;
    color: #fff;
    display: inline-block;
    flex-shrink: 0;
    font-size: 20px;
    height: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}

.card-center-container .large .slick-prev {
    left: -27px
}

.card-center-container .large .slick-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card-center-container .large .slick-next {
    right: -24px
}

.card-center-container .large .slick-disabled {
    display: none !important
}

.card-center-container .large .slick-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 28px;
    text-align: center;
    width: 100%
}

.card-center-container .large .slick-dots li {
    color: #c4c4c4;
    font-size: 25px;
    margin: 0 5px;
    width: 8px
}

.card-center-container .large .slick-dots>.slick-active {
    color: red !important
}

.card-center-container .large .slick-dots button {
    display: none
}

.card-article-item-top {
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    overflow: hidden
}

.card-article-item-topimg {
    height: 234px;
    max-width: 100%
}

.card-article-item-topimg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.card-article-content {
    margin-top: 24px
}

p.card-article-content-title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 1pc
}

.card-article-content-des {
    color: var(--gray-600);
    font-size: 1rem;
    line-height: 1.5
}

.card-article-content-des ul {
    list-style: none
}

.card-article-content-des li {
    padding-left: 15px;
    position: relative
}

.card-article-content-des li:before {
    background-color: var(--gray-600);
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 5px
}

.dich-vu-thanh-toan .card-center-listcard {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: 1fr auto;
    grid-template-columns: 1fr 1fr 1fr
}

@media(max-width:767px) {
    .cardcenter-header-title>div {
        margin-right: 0;
        padding-right: 0
    }

    .card-center-container .large .card-center-header {
        padding-bottom: 0
    }

    .dich-vu-thanh-toan .card-center-listcard {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .card-center-container .large .card-center-carditem>article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-center-container .large .cardcenter-carditem-header {
        height: 193.03px
    }

    .card-center-container .no-slick-mobile {
        grid-gap: 24px;
        gap: 24px;
        grid-auto-rows: auto
    }

    .card-center-container .no-slick-mobile .cardcenter-carditem-header {
        height: auto
    }

    .card-center-container .no-slick-mobile .cardcenter-carditem-headerimg>span>span {
        padding: 57% 0 0
    }

    .card-center-container .large .cardcenter-carditem-content {
        height: 284px;
        padding: 1pc
    }

    .card-center-container .large .no-slick-mobile .cardcenter-carditem-content {
        height: auto;
        padding: 1pc
    }

    .card-center-container .large .slick-list {
        margin: -8px;
        padding: 8px
    }

    .card-center-container .large .slick-slide:not(:last-child) .card-center-carditem {
        padding-right: 0
    }
}

@media(max-width:575px) {
    .card-center-header {
        padding-bottom: 0
    }
}

.tab-vertical-features-component {
    background-color: #fff;
    padding: 3pc 0
}

.tab-vertical-features-component .tab-vertical-features-component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.tab-vertical-features-component__container .title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 9pt
}

.tab-vertical-features-component__container .tab-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 9pt
}

.tab-vertical-features-component__container .tab-content .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 7pc;
    width: 25.63%
}

.tab-vertical-features-component__container .tab-content .menu .menu-item {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #dedede;
    color: #616161;
    cursor: pointer;
    font-family: SF Pro Display;
    font-size: 1pc;
    line-height: 24px;
    min-height: 40px;
    min-width: 81pt;
    padding: 24px 0;
    text-align: left
}

.tab-vertical-features-component__container .tab-content .menu .menu-item h3 {
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.tab-vertical-features-component__container .tab-content .menu .menu-item:first-child {
    border-bottom: 4px solid #ed1b24;
    color: #000;
    font-weight: bolder
}

.tab-vertical-features-component__container .tab-content .menu .menu-item:first-child h3 {
    font-weight: 700
}

.tab-vertical-features-component__container .tab-content .list-items {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.tab-vertical-features-component__container .tab-content .tab:nth-child(n+2) {
    display: none
}

.tab-vertical-features-component__container .tab-content .tab .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1pc;
    height: 100%;
    justify-content: space-between;
    padding: 24px;
    -webkit-transition: .7s;
    transition: .7s;
    width: 100%
}

.tab-vertical-features-component__container .tab-content .tab .item:hover {
    -webkit-box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2);
    box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2)
}

.tab-vertical-features-component__container .tab-content .tab .item .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px
}

.tab-vertical-features-component__container .tab-content .tab .item .image img {
    height: 100%;
    width: 100%
}

.tab-vertical-features-component__container .tab-content .tab .item .content h4 {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.tab-vertical-features-component__container .tab-content .tab .item .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.tab-vertical-features-component__container .tab-content .tab .item .content p {
    color: #616161;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.tab-vertical-features-component__container .tab-content .view-more {
    display: none
}

@media(max-width:1199px) {
    .tab-vertical-features-component__container .tab-content .menu {
        margin-right: 20px
    }
}

@media(max-width:991px) {
    .tab-vertical-features-component__container .tab-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tab-vertical-features-component__container .tab-content .menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-flex: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        border-bottom: 1px solid #dedede;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 24px;
        margin-right: 0;
        overflow: visible;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%
    }

    .tab-vertical-features-component__container .tab-content .menu::-webkit-scrollbar {
        display: none
    }

    .tab-vertical-features-component__container .tab-content .menu {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .tab-vertical-features-component__container .tab-content .menu .menu-item {
        border-bottom: none;
        margin-right: 24px;
        min-width: unset;
        padding: unset
    }

    .tab-vertical-features-component__container .tab-content .tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1pc
    }

    .tab-vertical-features-component__container .tab-content .view-more {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px;
        text-align: left
    }

    .tab-vertical-features-component__container .tab-content .view-more:hover span {
        text-decoration: underline
    }

    .tab-vertical-features-component__container .tab-content .view-more span {
        font-size: 1rem;
        font-weight: 600
    }

    .tab-vertical-features-component__container .tab-content .view-more i {
        color: #ed1b24;
        margin-left: 9pt
    }

    .tab-vertical-features-component__container .tab-content .menu .menu-item {
        overflow: unset !important
    }

    .tab-vertical-features-component__container .tab-content .menu .menu-item:hover {
        background-color: #f5f6f8
    }
}

.tab-vertical-features-component__container .tab-content .menu .menu-item {
    display: block;
    overflow: hidden;
    position: relative
}

.ripple-btn-tab-vertical {
    background: hsla(0, 0%, 50%, .575);
    border-radius: 50%;
    height: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 0
}

.ripple-animation-tab-vertical {
    -webkit-animation: rippleTabVertical .6s linear;
    animation: rippleTabVertical .6s linear
}

@-webkit-keyframes rippleTabVertical {
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes rippleTabVertical {
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.section__margin-small {
    margin-bottom: 36px;
    margin-top: 36px
}

.section__padding-small {
    padding-bottom: 36px;
    padding-top: 36px
}

.section__margin-medium {
    margin-bottom: 3pc;
    margin-top: 3pc
}

.section__margin-large {
    margin-bottom: 4pc;
    margin-top: 4pc
}

.section__padding-medium {
    padding-bottom: 3pc;
    padding-top: 3pc
}

.section__padding-large {
    padding-bottom: 4pc;
    padding-top: 4pc
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

@media(max-width:767px) {
    .section__padding-large {
        padding-bottom: 3pc;
        padding-top: 3pc
    }
}

@media(max-width:991px) {
    .section__margin-small {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 0;
        padding-top: 0
    }

    .section__padding-small {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 20px
    }

    .section__margin-medium {
        margin-bottom: 2pc;
        margin-top: 2pc;
        padding: 0
    }

    .section__padding-medium {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 2pc;
        padding-top: 2pc
    }
}

.conditions-inner-wrapper {
    max-width: 100%;
    overflow-x: auto;
    padding-top: 2pc
}

.conditions-content {
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 534px;
    padding: 0 10px;
    position: relative
}

.condition-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 10px 24px;
    position: relative
}

h3.condition-index {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: -45px;
    width: 40px
}

.header_layout .priority__header-primary {
    background-color: #333
}

.header_layout .priority__menu a {
    max-width: 215px
}

.header_layout .priority__header-primary .language_item .link_component-link,
.header_layout .priority__header-primary .link_component-link.active,
.header_layout .priority__header-primary .link_component-link:hover {
    color: #ecd7b0
}

.header_layout .navigation-primary_left .navigation-primary_item.priority-active {
    color: #ecd7b0;
    font-weight: 700
}

.header_layout .priority__header-primary .language_item .material-symbols-outlined {
    color: #a2a2a2
}

.navigation-primary_left .navigation-primary_item.priority-active:before {
    bottom: -1pc
}

.header-navigation .navigation-primary_item.priority-active:before {
    border-bottom: 1pc solid #000;
    border-left: 1pc solid transparent;
    border-right: 1pc solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.header_layout .priority__logo img {
    height: 2pc
}

.header_layout .priority__background-color,
.priority__background-color {
    background-color: #000
}

.priority__background-color .button-link__icon-svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_layout .priority__font-color {
    color: #fff;
    margin-right: 24px;
    padding-right: 24px
}

.section-wrapper .priority__font-color p {
    margin-right: 24px;
    padding-right: 24px
}

.section-wrapper .priority__font-color p:before {
    background-color: #c4c4c4;
    content: "";
    display: block;
    height: 28px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.section-wrapper .priority__title-link a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 9pt;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between
}

.section-wrapper .priority__title-link .title-contain__button-link {
    font-size: 1pc;
    font-weight: 600;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 5
}

.section-wrapper .priority__title-link:hover .title-contain__button-link {
    cursor: pointer;
    text-decoration: underline
}

.section-wrapper .priority__tile-item .list-tile__tile-item {
    min-height: 500px
}

.section-wrapper .priority__tile-item .list-tile__tile-item.priority-overview {
    max-height: 500px
}

.section-wrapper .priority__navtext {
    position: relative
}

.section-wrapper .priority__navtext span {
    grid-gap: 9pt;
    gap: 9pt;
    margin-left: 0
}

.priority__font-color {
    color: #fff
}

@media(max-width:767px) {
    .header_layout .priority__header-logo {
        max-width: 5pc;
        padding: 14px 0
    }

    .priority__hero-small {
        min-height: 280px
    }

    .hero-small .priority__hero-image img {
        margin: 0;
        padding: 0
    }

    .hero-small .priority__hero-wrapper {
        height: 280px
    }

    .section-wrapper .priority__font-color p {
        margin-right: 0;
        padding-right: 0
    }

    .section-wrapper .priority__title-link {
        margin-top: 1pc
    }

    .section-wrapper .priority__font-color p:before {
        display: none
    }

    .section-wrapper .priority__tile-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .priority-small {
        min-height: 280px !important
    }

    .section-wrapper .priority__tile-item .list-tile__tile-item {
        max-height: none !important
    }
}

@media(max-width:991px) {
    .section-wrapper .priority__tile-item .list-tile__tile-item.priority-overview {
        max-height: 500px;
        min-height: auto
    }

    .header_layout .priority {
        background: #333;
        height: calc(100% - 76px)
    }

    .header_layout .priority .mobile-button,
    .header_layout .priority .mobile-expand {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-42.86%, #8d8175), color-stop(234.82%, #35322b));
        background: linear-gradient(180deg, #8d8175 -42.86%, #35322b 234.82%);
        border: none
    }

    .header_layout .priority .link_text.active {
        color: #ecd7b0;
        letter-spacing: 2px
    }

    .header_layout .priority .header-text.align-center,
    .header_layout .priority .mobile-expand .header-text,
    .header_layout .priority .mobile-expand .navigation-primary_left .navigation-primary_item .link_component-link,
    .header_layout .priority .priority__font-color {
        color: #fff
    }

    .header_layout .priority .navigation-primary_item .link_component-link:hover {
        color: var(--gray-600);
        text-decoration: underline
    }

    .header_layout .priority .mobile-menu-items .language_item .link_component-link:hover {
        color: red;
        text-decoration: none
    }

    .header_layout .priority .navigation-primary_item .material-symbols-outlined.gray_text {
        color: #a2a2a2
    }

    .header_layout .navigation-primary_right .navigation-primary_item.language_item .link_component-link:not(:last-child),
    .header_layout .priority .mobile-expand .navigation-primary_left .navigation-primary_item.priority-active .link_component-link,
    .header_layout .priority .navigation-primary_item.language_item .link_component-link:not(.gray_text) .link_text {
        color: #ecd7b0
    }

    .header_layout .priority .mobile-expand .navigation-primary_left .navigation-primary_item .link_component-link:hover,
    .header_layout .priority__background-color .navigation-secondary_actions .link_text:hover {
        text-decoration: none
    }
}

.no-background {
    background-color: unset
}

.text-image-vertical-component .content-container__title.small-text h2 {
    color: #000;
    font-size: 1rem;
    font-weight: 400
}

.tcb-sections-container {
    position: relative
}

.tcb-sections-container .techcombank-mobile-bg-img>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.tcb-sections-container .techcombank-mobile-bg-img>span>img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.title-cmp {
    padding-bottom: 9pt
}

.title-cmp__title {
    font-size: 1.75rem;
    font-size: 2pc;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 8px;
    position: relative
}

.title-cmp__btn-link,
.title-cmp__description {
    color: var(--gray-600);
    margin-bottom: 9pt;
    position: relative
}

.title-cmp__subtitle {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 36px
}

.title-cmp__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: center;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.logo-list .logo-list__logo-container {
    margin-left: auto;
    margin-right: auto
}

.logo-list .logo-list__list-item,
.logo-list .logo-list__logo-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.logo-list .logo-list__list-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -8px
}

.logo-list .logo-list__item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    flex-grow: 0;
    max-width: 16.666667%;
    padding: 8px
}

.logo-list .logo-list__item-container {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    height: 110px;
    position: relative
}

.logo-list .logo-list__item-container>span {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.logo-list .logo-list__item-container>span,
.logo-list .logo-list__item-container>span>img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.logo-list .logo-list__item-container>span>img {
    border: none;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 0
}

@media(max-width:767px) {
    .logo-list .logo-list__list-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow: scroll
    }

    .logo-list .logo-list__item-container {
        width: 140px
    }

    .logo-list .logo-list__item {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        flex-grow: unset;
        max-width: unset
    }
}

@media(max-width:575px) {
    .title-cmp {
        padding-bottom: 0
    }
}

.floating-banner {
    top: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.floating-banner.bg-gray {
    background-color: #6f6c6c
}

.floating-banner .floating-banner__container {
    padding: 1pc 0
}

.floating-banner .floating-banner__container>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.floating-banner .floating-banner__container>span>img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.floating-banner .floating-banner__content {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    -webkit-box-align: start;
    -ms-flex-align: start;
    grid-gap: 2pc;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    justify-content: unset;
    position: relative
}

.floating-banner .floating-banner__content .floating-banner__btn-close {
    cursor: pointer;
    max-height: 24px;
    max-width: 24px;
    position: absolute;
    right: 0;
    top: 4px
}

.floating-banner .floating-banner__announce-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 8px;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    gap: 8px
}

.floating-banner .floating-banner__announce-label>.floating-banner__announce-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.floating-banner .floating-banner__announce-label>.floating-banner__announce-text {
    font-size: 1pc;
    line-height: 24px
}

.floating-banner .floating-banner__announce-label>.floating-banner__announce-text>p {
    font-weight: 600
}

.floating-banner .floating-banner__description {
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    padding-right: 24px
}

.floating-banner.floating-banner__bg-gray {
    background-color: #6f6c6c
}

.floating-banner .floating-banner__bg-img-desktop {
    display: block
}

.floating-banner .floating-banner__bg-img-mobile {
    display: none
}

.floating-toolbar {
    height: auto;
    position: fixed;
    right: 0;
    top: 50%;
    width: auto;
    z-index: 1299
}

.floating-toolbar .floating-toolbar__icon {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 24px;
    align-items: center;
    background-color: #fff;
    background: #fcfcfc;
    border: 1px solid rgba(0, 0, 0, .01);
    border-radius: 6px 0 0 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    height: 56px;
    justify-content: unset;
    min-width: 56px;
    padding: 1pc 15px;
    pointer-events: unset;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.floating-toolbar .floating-toolbar__icon-content {
    display: none;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.floating-toolbar .floating-toolbar__list-icon:hover .floating-toolbar__icon-content {
    display: block
}

.floating-toolbar .floating-toolbar__icon:hover {
    background-color: red
}

.floating-toolbar .floating-toolbar__icon:hover .floating-toolbar__icon-content {
    color: #fff
}

.floating-toolbar .floating-toolbar__icon:hover>svg>path,
.floating-toolbar .floating-toolbar__icon:hover>svg>rect {
    fill: #fff
}

.scroll-to-top {
    border-radius: 50%;
    display: none;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 56px;
    top: calc(100% - 140px);
    -webkit-transform: translate3d(0, 75pt, 0);
    transform: translate3d(0, 75pt, 0);
    width: 40px;
    z-index: 15
}

.scroll-to-top,
.scroll-to-top.show {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.scroll-to-top.show {
    display: block;
    opacity: .3;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.scroll-to-top.show:hover {
    opacity: 1
}

.scroll-to-top.show:hover .scroll-to-top__icon {
    background-color: var(--primary-red)
}

.scroll-to-top .scroll-to-top__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 1;
    width: 100%
}

.scroll-to-top .scroll-to-top__icon,
.scroll-to-top>svg {
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.scroll-to-top>svg {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.scroll-to-top:hover svg {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.content-wrapper {
    margin: 0 auto;
    max-width: 90pc;
    padding-left: 4pc;
    padding-right: 4pc
}

@media(max-width:1199px) {
    .content-wrapper {
        padding-left: 4.4444444444%;
        padding-right: 4.4444444444%
    }

    .content-wrapper .imagecardslide {
        padding: 0
    }
}

@media(max-width:992px) {
    .content-wrapper {
        padding-left: 4.4444444444vw;
        padding-right: 4.4444444444vw
    }
}

@media(max-width:768px) {
    .content-wrapper {
        padding-left: 4.4444444444vw;
        padding-right: 4.4444444444vw
    }
}

@media(max-width:390px) {
    .content-wrapper {
        padding-left: 17px;
        padding-right: 17px
    }
}

@media(max-width:768px) {
    .header-navigation .navigation_primary-wrapper.content-wrapper {
        padding: 36.44px
    }
}

@media(max-width:390px) {

    .header_layout .header-navigation .navigation_primary-wrapper,
    .header_layout .header-navigation .navigation_secondary-wrapper .navigation-secondary_menu {
        width: calc(100% - 34px)
    }
}

.hero-slider,
.hero-slider_slide {
    position: relative
}

.hero-slider_background {
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hero-slider_background img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-slider_content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: stretch;
    justify-content: flex-end;
    position: relative;
    z-index: 1
}

.hero-slider_content,
.hero-slider_content-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-slider_content-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--gray-900);
    border-radius: 0 0 8px 8px;
    color: var(--primary-background);
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9pt;
    max-width: 40%;
    min-height: 35pc;
    padding: 40px;
    width: 33pc
}

.awards_header,
.hero-slider_slide-header,
.news-list_header,
.stock-information_column-header,
.tcb-grid-card_header,
.tcb-section_header {
    font-size: 24px;
    font-weight: 300;
    position: relative
}

.tcb-section_header--dark {
    color: var(--primary-background)
}

.hero-slider_slide-header:before {
    background: var(--accent);
    content: "";
    display: inline-block;
    height: 24px;
    left: -52px;
    margin-top: -9pt;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 24px
}

.hero-slider_slide-subheader {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase
}

.hero-slider_slide-description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hero-slider_indicator {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 5pc;
    color: var(--primary-background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    gap: 8px;
    left: 60px;
    position: absolute;
    z-index: 1
}

.hero-slider_dot {
    background: #a2a2a2;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 8px;
    position: relative;
    width: 8px
}

.hero-slider_dot.hero-slider_dot--active {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 3pc
}

.hero-slider_dot.hero-slider_dot--active:after,
.hero-slider_dot.hero-slider_dot--active:before {
    content: "";
    display: inline-block;
    height: 40px;
    left: 3px;
    position: relative;
    top: -3pc;
    width: 2px
}

.hero-slider_dot.hero-slider_dot--active:before {
    background: var(--primary-background)
}

.hero-slider_dot.hero-slider_dot--active:after {
    -webkit-animation: hero-progress 5s linear;
    animation: hero-progress 5s linear;
    background: var(--accent);
    margin-left: -2px;
    z-index: 1
}

.card-note li {
    line-height: 24px;
    margin-top: 6px
}

.hero-slider_current-slide {
    color: var(--accent)
}

@-webkit-keyframes hero-progress {
    0% {
        height: 0
    }

    to {
        height: 40px
    }
}

@keyframes hero-progress {
    0% {
        height: 0
    }

    to {
        height: 40px
    }
}

.tcb-tab-content {
    margin-top: 24px
}

.tab-item_list.tcb-tab-content[data-tab-style=image-slider] {
    height: 722px
}

.tcb-tab-content_container {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr
}

.tcb-tab-content_container.image-slider {
    overflow: visible
}

.tcb-tab-content_container[data-display=block] {
    display: block
}

.news-card,
.tab-item,
.tcb-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.tab-item.image-slider__container {
    background: none
}

.tab-item .image-slider__list-item {
    max-width: 100%;
    position: absolute
}

.awards_header {
    margin-bottom: 20px
}

.award-card_cover,
.news-card_cover,
.tcb-card_cover {
    width: 100%
}

.image-slider .tab-item.hidden {
    display: block;
    opacity: 0;
    z-index: -1
}

.award-card_cover-image,
.news-card_cover-image,
.tcb-card_cover-image {
    aspect-ratio: 1.77;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-height: 25pc;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.award-card_info,
.news-card_info,
.tcb-card_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    padding: 2pc 24px
}

.award-card_title,
.news-card_title,
.tcb-card {
    color: var(--body);
    font-weight: 600;
    letter-spacing: -.01em
}

.award-card_year-inner,
.news-card_type-inner {
    border-right: 1px solid var(--light-border);
    color: var(--accent);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1pc;
    padding-right: 1pc;
    text-transform: uppercase
}

.award-card_provider {
    color: var(--light-secondary-text);
    letter-spacing: -.005em
}

.tcb-card_description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 400;
    overflow: hidden
}

.news-card_description {
    color: var(--gray-600)
}

.news-card_description ul {
    padding-left: 20px
}

.news-card_time {
    color: var(--gray-600);
    font-size: 14px;
    line-height: 1pc;
    margin-left: 1pc
}

.news-card_month,
.news-card_time {
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase
}

.news-card_month {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--primary-background);
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 24px;
    justify-content: center;
    line-height: 36px;
    padding: 24px 20px;
    position: absolute;
    right: 24px;
    top: 24px
}

.news-card_month small {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 14px;
    text-align: center
}

.more-info {
    overflow: hidden;
    padding: 3pc 0;
    position: relative
}

.more-info .tcb-section_header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0
}

.more-info_background_image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.more-info_body .tcb-scroll-controls {
    display: none
}

.more-info_body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    z-index: 1
}

.more-info_body,
.more-info_card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.more-info_card-scroller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 24px
}

.more-info_card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.more-info_background-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.checkbox-info-table-component .select-checkbox-filter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px
}

.checkbox-info-table-component .tab .row.showed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select-info-table-component .select-filter {
    padding: 0 0 24px
}

.select-info-table-component .view-more .btn {
    border: 1px solid #000
}

.select-info-table-component .tab .row.showed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-header {
    text-align: center
}

.press-article .article-header__date,
.press-article .article-header__subTitle,
.press-article .article-header__title {
    margin: 8px 0 0
}

.press-article .article-header__subTitle {
    color: #8d8175;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25
}

.press-article .article-header__date {
    color: #a2a2a2;
    font-size: .875rem;
    font-style: Italic;
    font-weight: 400
}

@-webkit-keyframes fadeIn {

    0%,
    50% {
        opacity: 0
    }

    to {
        opacity: .4
    }
}

@keyframes fadeIn {

    0%,
    50% {
        opacity: 0
    }

    to {
        opacity: .4
    }
}

.tcb-modal.inspire-register-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.inspire-register-modal .tcb-modal_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 75pc;
    width: 100%
}

.inspire-register-modal .inspire-left-col {
    padding: 60px 3pc
}

.header_list_dropdown {
    font-size: 1pc;
    left: 0;
    min-width: 8pc;
    width: 100%;
    z-index: -1
}

.header_list_dropdown,
.language_dropdown {
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, .06);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, .06);
    color: #a2a2a2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    list-style: none;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.language_dropdown {
    font-size: 14px;
    left: 1pc;
    padding: 4px 8px;
    width: calc(100% - 2pc);
    z-index: 1
}

.header_list_dropdown .dropdown-item.active {
    color: #ed1b24;
    font-weight: 600
}

.header_list_dropdown p {
    font-size: 14px
}

.header_layout .navigation-primary_item-dropdown_list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 8pc
}

.dropdown_holder {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    color: #616161;
    font-weight: 600;
    line-height: 21px;
    overflow: hidden;
    padding: 0 1pc;
    text-overflow: ellipsis;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    white-space: nowrap
}

.language_dropdown_item .dropdown_holder {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 9pt
}

.navigation-primary_right .language_dropdown_item:hover .dropdown-arrow,
.navigation-primary_right .language_dropdown_item:hover .dropdown_holder {
    opacity: .7
}

.dropdown_arrow_icon {
    -webkit-transition: all .3s;
    transition: all .3s
}

.arrow_up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-navigation .discover_dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    grid-gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: linear-gradient(181.48deg, #fff 47.95%, #ebebeb 121.09%);
    border-radius: 1pc;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    left: -10px;
    min-width: 20pc;
    padding: 24px;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1
}

.discover_tooltip {
    color: #616161;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px
}

.discover_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-family: SF Pro Display;
    margin-right: 5px
}

.discover_btn:hover {
    text-decoration: underline
}

.navigation-primary_item .link_component-link .link_text {
    color: #616161
}

.mobile-menu-items .navigation-primary_right .navigation-primary_item .link_component-link .link_text {
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.navigation-primary_left .navigation-primary_item .link_component-link .link_text {
    font-weight: 600
}

.header_layout.prelogin-header .navigation-primary_item .link_component-link .link_text {
    font-size: 1pc
}

.navigation-primary_item .link_component-link .link_text:hover {
    color: #ed1c24
}

.discover_dropdown_btn:hover .discover_dropdown,
.dropdown_open {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1)
}

.language_dropdown_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    line-height: 21px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.language_dropdown_item .material-symbols-outlined {
    color: var(--secondary-mid-grey-100);
    font-size: 1pc;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media(max-width:1024px) {
    .language_dropdown_item .filter-red {
        -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(7499%) hue-rotate(356deg) brightness(96%) contrast(117%);
        filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(7499%) hue-rotate(356deg) brightness(96%) contrast(117%)
    }
}

.mobile-button .navigation-primary_item-dropdown_list {
    border-radius: 8px;
    font-size: 14px;
    font-size: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding: 1pc
}

.mobile-button .navigation-primary_item-dropdown_list .dropdown_holder {
    padding: 0
}

.mobile-button .header_list_dropdown {
    top: 2pc;
    width: auto;
    z-index: 1
}

.mobile-button .navigation-primary_item-dropdown_list.open .header_list_dropdown {
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding-left: 4.4444444444vw;
    padding-right: 4.4444444444vw
}

.mobile-button .navigation-primary_item-dropdown_list.open .header_list_dropdown ul {
    -webkit-padding-start: 0;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, .06);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, .06);
    list-style: none;
    overflow: hidden;
    padding-inline-start: 0
}

.mobile-button .navigation-primary_item-dropdown_list.open .header_list_dropdown ul li {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 21px
}

.mobile-button .navigation-primary_item-dropdown_list.open .header_list_dropdown ul li::marker {
    list-style: none
}

.mobile-button .dropdown-item {
    border-top: 1px solid #e3e4e6;
    list-style-position: inside;
    padding: 18px 22px
}

.mobile-button .dropdown-item p {
    font-family: SF Pro Display, SF Pro Display Italic, SF Pro Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1pc
}

.mobile-menu .discover_dropdown_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a2a2a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.navigation_sub .discover_dropdown_btn .discover_dropdown {
    background: none;
    display: none;
    height: 0;
    left: 0;
    padding: 25px;
    position: relative;
    z-index: 1
}

.navigation_sub .discover_dropdown_btn .dropdown_open {
    background: #edeef0;
    border: 1px solid #000;
    border-radius: 1pc;
    display: block;
    height: auto;
    min-width: 0;
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1)
}

.discover_label {
    font-size: .875rem;
    margin-top: 1.5rem
}

.discover_category,
.discover_label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.view_all_link {
    color: #a2a2a2;
    font-size: 9pt;
    padding-left: 10px
}

.view_all_bg {
    background-color: #333;
    padding: 8px
}

.view_all_link:active {
    text-decoration: underline
}

.mobile-menu .discover_dropdown .dropdown_open {
    background-color: none;
    margin: 10px 0 2pc;
    width: 100%
}

.mobile-menu .discover_dropdown.dropdown_open {
    background-color: unset;
    margin: 10px 0 1pc;
    width: 100%
}

.discover_dropdown_btn .discover_dropdown a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu .discover_category {
    grid-gap: 2pc;
    gap: 2pc;
    margin-top: 24px
}

.header_layout .mobile-menu .discover_category .navigation-primary_item {
    width: unset
}

.header_layout .navigation_sub.active {
    height: 100%
}

.header_layout .mobile-menu .mobile-menu-items {
    overflow-y: unset
}

.header_layout.prelogin-header .header-navigation {
    background-color: var(--primary-white);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.header_layout.prelogin-header .navigation_primary {
    background-color: var(--primary-white)
}

.header_layout.prelogin-header .navigation-secondary_actions {
    height: 60px
}

.header_layout.prelogin-header .navigation-primary_right .link_component-link:hover {
    color: var(--primary-white)
}

.header_layout.prelogin-header .language_dropdown_item {
    margin-right: 24px
}

.dark .header_layout.prelogin-header,
.dark .header_layout.prelogin-header a {
    color: var(--primary-black)
}

.offer-filter__container {
    max-width: 25%;
    padding: 9pt
}

.dropdown__primary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.offer-filter__autocomplete {
    margin-bottom: 2pc
}

.offer-filter__input-wrapper {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    padding: 9px 1pc
}

.input-text__autocomplete {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    border: 0;
    font-size: 1rem;
    min-width: 30px;
    padding: 9.5px 4px 9.5px 6px;
    width: 100%
}

.input-text__autocomplete:focus {
    outline: 0
}

.promotion-filter__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer-banner,
.promotion-filter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offer-banner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 8px;
    color: #fff;
    justify-content: flex-end;
    min-height: 300px;
    position: relative;
    width: 100%
}

.offer-banner__text {
    padding: 1pc
}

@media(min-width:768px) {
    .offer-banner__text {
        max-width: 58.3333%
    }
}

.banner__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.banner__description {
    color: #dedede;
    margin: 1pc 0 24px
}

.banner__icon-external {
    height: 1pc;
    margin-left: 9pt;
    width: 1pc
}

.offer-filter__button {
    margin-bottom: 20px;
    max-width: 100%;
    padding: 8px
}

.offer-dialog__container {
    background-color: #fff;
    height: 100%;
    inset: 0;
    margin: 0;
    overflow: scroll;
    position: fixed;
    width: 100%;
    z-index: 1300
}

.offer-dialog__title {
    border-bottom: 1px solid #dedede;
    padding: 1pc
}

.offer-dialog__title .title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.offer-dialog__content {
    padding: 1pc
}

.offer-dialog__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 1pc 24px;
    width: 100%
}

.button-text {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.select-box__container {
    background-color: #fff;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 0 2pc;
    transform-origin: 0 2pc;
    -webkit-transition: opacity 251ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 167ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 251ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 167ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 251ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 167ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 251ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 167ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 167ms cubic-bezier(.4, 0, .2, 1) 0ms;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 9999
}

.select-box__container,
.select-box__wrapper {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.select-box__wrapper {
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    padding-bottom: 8px;
    padding-top: 8px
}

.select-box__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
    font-weight: 400;
    line-height: 1.5;
    list-style-type: none;
    padding: 6px 1pc;
    text-decoration: none;
    white-space: nowrap
}

.select-box__item:hover {
    background-color: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    font-weight: 600
}

.dropdown__card-type {
    text-overflow: ellipsis
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 48
}

.dropdown__wrapper {
    margin-bottom: 24px;
    position: relative
}

.dropdown__display {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1pc
}

.display__text {
    color: rgba(0, 0, 0, .87)
}

.text--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.display__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #ed1c24;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 1pc;
    justify-content: center;
    width: 1pc
}

.dropdown__list {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
    width: 100%;
    z-index: 1
}

.--bordered {
    border-radius: 8px
}

.--shadow {
    -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    box-shadow: 0 8px 1pc rgba(0, 0, 0, .1)
}

.dropdown--ease-transition {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.dropdown--cubic-transition {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 324ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 216ms cubic-bezier(.4, 0, .2, 1) 0ms
}

.dropdown__list>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.dropdown__item {
    border: 1px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .05);
    cursor: pointer;
    font-size: 1pc;
    height: 56px;
    padding: 1pc;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.--selected,
.dropdown__item:hover {
    background-color: rgba(0, 0, 0, .08);
    font-weight: 600
}

.autocomplete__wrapper {
    margin-bottom: 50px;
    position: relative
}

.autocomplete__display {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: text;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 9px 1pc
}

.autocomplete__input-text {
    border: none;
    font-size: 1rem;
    padding: 9.5px 4px;
    text-overflow: ellipsis;
    width: 100%
}

.autocomplete__input-text:focus {
    outline: 0
}

.autocomplete__item {
    cursor: pointer;
    font-size: 1pc;
    line-height: 1.5;
    padding: 6px 1pc;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.autocomplete__item.disabled {
    color: rgba(0, 0, 0, .54);
    cursor: default
}

.autocomplete__item:not(.disabled):hover {
    background-color: rgba(0, 0, 0, .08)
}

.autocomplete__list {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    max-height: 200px;
    overflow-y: auto;
    padding: 8px 0;
    position: absolute;
    -webkit-transform-origin: top;
    transform-origin: top;
    width: 100%;
    z-index: 1
}

.--fit-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.autocomplete__list>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.checkbox-item__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1pc;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none;
    width: 100%
}

.checkbox-item__wrapper input {
    cursor: pointer;
    margin-right: 1rem
}

.input__checkbox {
    -webkit-box-flex: 0;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 5px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    max-width: 24px
}

.input__checkbox,
.input__radio {
    -webkit-appearance: none;
    outline: none;
    position: relative
}

.input__radio {
    border: 1px solid #e3e4e6;
    border-radius: 50%;
    height: 1.5rem;
    margin: 0;
    min-width: 1.5rem;
    width: 1.5rem
}

.input__radio:checked {
    background-color: transparent;
    border-color: #ed1b24
}

.input__checkbox:checked {
    background-color: #ed1b24;
    border-color: #ed1b24
}

.checkbox-item__wrapper input:checked:before {
    opacity: 1
}

.input__checkbox:before {
    border: solid #fff;
    border-width: 0 .1875rem .1875rem 0;
    height: .9rem;
    -webkit-transform: rotate(45deg) translate(-.55rem, -.25rem);
    transform: rotate(45deg) translate(-.55rem, -.25rem);
    width: .4rem
}

.input__checkbox:before,
.input__radio:before {
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%
}

.input__radio:before {
    background-color: #ed1b24;
    border-radius: 50%;
    height: .9375rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .9375rem
}

.offer-filter__button {
    width: 100%
}

.tcb-grid-card .tcb-grid-card_list {
    margin-top: 1.5rem
}

.tcb-grid-card_list {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr)
}

.tcb-grid-card_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 1pc;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    padding: 2rem 1.5rem
}

.tcb-grid-card_item,
.tcb-grid-card_item:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tcb-grid-card_item:hover {
    -webkit-box-shadow: 0 10px 35px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 35px -10px rgba(0, 0, 0, .3)
}

.tcb-grid-card_icon-image {
    height: 75pt;
    -o-object-fit: contain;
    object-fit: contain;
    width: 75pt
}

.small-icon .tcb-grid-card_icon-image {
    width: 25%
}

.tcb-grid-card_title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

.tcb-grid-card_actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 20px
}

.tcb-grid-card_show-more {
    background: url(clientlib-site/css/325ffa1a962f810c273b.svg) no-repeat 100%;
    font-weight: 600;
    padding-right: 24px
}

.tcb-modal.youtube-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    justify-content: center
}

.tcb-modal.youtube-modal.hidden {
    display: none
}

.tcb-modal_backdrop {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.youtube-modal .tcb-modal_header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding: 1rem
}

.youtube-modal .tcb-modal_title {
    font-size: 1.25rem;
    line-height: 1.5
}

.tcb-modal_body {
    padding: 1rem
}

#youTubeVideo {
    aspect-ratio: 1.77;
    width: 766px
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

@media screen and (min-width:1024px)and (max-width:1439px) {
    .tcb-container {
        margin: 0 4pc
    }
}

@media screen and (max-width:1354px) {
    .tcb-container {
        margin: 0 4pc
    }
}

@media screen and (max-width:1199px) {
    .tcb-container {
        margin: 0 4.4444444444%
    }
}

@media screen and (max-width:1200px) {
    .tcb-grid-card_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1024px)and (max-width:1200px) {
    .hero-slider_content-body {
        max-width: none;
        width: 33pc
    }
}

@media screen and (min-width:1200px) {
    .more-info .tcb-section_header {
        min-width: 20pc
    }

    .accordion-inspire-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:1024px) {
    .more-info_card:hover {
        -webkit-transform: scale(1.008);
        transform: scale(1.008)
    }
}

@media screen and (min-width:767px) {

    form .checkbox-wrapper.one-column,
    form .radio-wrapper.one-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:1439px) {
    .tcb-hero-banner.inspire .tcb-hero-banner_body .content {
        padding-left: 75pt
    }

    .tcb-hero-banner.inspire .sub-background {
        right: 0
    }
}

@media screen and (min-width:1025px) {

    .header_layout.inspire .navigation-secondary_actions,
    .header_layout.inspire .navigation-secondary_menu {
        display: none
    }

    .header_layout.inspire .navigation-secondary_item {
        color: var(--gray-900)
    }
}

@media screen and (max-width:1023px) {
    .hero-slider_content-body {
        max-width: none;
        width: 60%
    }

    .checkbox-wrapper .checkbox-item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }

    .external-component {
        width: 60%
    }
}

@media screen and (max-width:991px) {
    .tcb-container {
        margin: 0 4.4444444444vw
    }

    .list-card-icon__list-icons-container .list-icons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .icon-container .icon {
        height: 6pc;
        margin-bottom: 24px;
        width: 6pc
    }

    .list-icons .icon-container {
        -webkit-box-flex: 40%;
        -ms-flex: 40%;
        flex: 40%
    }

    .credit-ranking-component .credits-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tcb-tab-content_container {
        grid-template-columns: 1fr 1fr
    }

    .more-info_body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .checkbox-wrapper .checkbox-item,
    .radio-wrapper .radio-item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }

    .checkbox-wrapper,
    .radio-wrapper {
        min-width: 100%
    }

    .checkbox-info-table-component .tab .row.showed,
    .select-info-table-component .tab .row.showed {
        display: block;
        overflow: hidden
    }

    form .checkbox-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }

    .tcb-grid-card_list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-columns: repeat(1, 1fr)
    }

    #youTubeVideo {
        aspect-ratio: 1.77;
        width: 466px
    }
}

@media screen and (max-width:1024px) {
    .header_layout.inspire .navigation-secondary_menu-inspire div {
        display: none
    }

    .inspire-slider-container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .inspire-slider-component .head-title {
        padding-left: 2pc
    }

    .inspire-slider-component .swiper-button-next,
    .inspire-slider-component .swiper-button-prev {
        height: 30px;
        width: 30px
    }

    .inspire-slider-component .swiper-button-next {
        right: 90px
    }

    .inspire-slider-component .swiper-button-prev {
        left: 90px
    }

    .tcb-hero-banner.inspire .tcb-hero-banner_body .content {
        padding-left: 2pc
    }

    .tcb-hero-banner.inspire .sub-background {
        right: 0;
        width: 50%
    }

    .accordion-inspire-container {
        padding-left: 2pc;
        padding-right: 2pc
    }
}

@media(max-width:976px) {

    .inspire-slider-component .item-content .btn,
    .inspire-slider-component .item-content .description,
    .inspire-slider-component .item-content .heading {
        grid-column: span 12/span 12
    }

    .inspire-slider-component .item-content .heading {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 34px
    }

    .inspire-slider-component .item-content {
        margin-top: 8px
    }

    .inspire-slider-component .item-content .description {
        margin: 20px 0
    }

    .inspire-slider-component .item-content .btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .inspire-slider-component .item-content .heading p {
        font-size: 18px;
        line-height: 24px
    }

    .inspire-slider-component .swiper {
        padding-left: 40px;
        padding-right: 40px
    }

    .inspire-slider-component .head-title {
        padding-left: 1pc
    }

    .inspire-slider-component .swiper-button-prev {
        left: 25px
    }

    .inspire-slider-component .swiper-button-next {
        right: 25px
    }

    .tcb-hero-banner.inspire .sub-background {
        width: 60%
    }

    .tcb-hero-banner.inspire .tcb-hero-banner_body .content {
        margin-top: 50px
    }

    .accordion-inspire-container {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .accordion-inspire-component .item {
        padding-left: 0;
        padding-right: 0
    }

    .accordion-inspire-component .item-description .cols-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .accordion-inspire-component .cols-2 div {
        margin-bottom: 20px
    }

    .accordion-inspire-component .cols-2 div:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .hero-slider_content-body {
        gap: 0;
        max-width: none;
        min-height: 5in;
        padding: 20px;
        width: 80%
    }

    .hero-slider_slide-header {
        margin: 10px 0
    }

    .hero-slider_slide-header:before {
        left: -2pc
    }

    .hero-slider_indicator {
        left: 20px
    }

    .hero-slider_slide-description>ul {
        padding-left: 20px
    }

    .icon-container .icon {
        height: 65px;
        margin-bottom: 1pc;
        width: 65px
    }

    .list-card-icon__list-icons-container .list-icons.mobile-stack {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc
    }

    .list-icons.mobile-stack .icon-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .mobile-stack .icon-container .icon {
        height: 65px;
        width: 65px
    }

    .mobile-stack .icon-container .content {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }

    .fullscreen-slider .fullscreen-slider__carousel-img {
        margin-top: 2pc
    }

    .tcb-tab-content_container {
        grid-template-columns: 1fr
    }

    .more-info_card-scroller::-webkit-scrollbar {
        display: none
    }

    .more-info_card-list {
        margin-left: -20px;
        width: calc(100% + 40px)
    }

    .more-info_card-scroller {
        -ms-overflow-style: none;
        overflow-x: auto;
        padding: 0 20px;
        scrollbar-width: none
    }

    .more-info_card {
        min-width: calc(100vw - 5pc)
    }

    .more-info_body .tcb-scroll-controls {
        display: block
    }

    .form-wrapper.checkbox-block-grid .information-blockform-halfitem {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }

    .form-wrapper.checkbox-block-grid .list-dropdown {
        min-width: 90%
    }

    .tcb-icon.stock-down {
        margin-bottom: 1pc;
        width: 100%
    }

    .external-component {
        width: 80%
    }

    form .checkbox-wrapper,
    form .radio-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form-item:nth-child(odd) {
        padding-right: 0
    }

    .text-columns .content-wrapper {
        display: block;
        padding: 2pc 0
    }

    .text-columns .right .content {
        border-left: none;
        padding-left: 0
    }

    .text-columns .column {
        padding: 9pt 0
    }

    .page-menu {
        max-width: 100vw
    }

    .select-info-table-component .select-filter {
        margin: 0 4.4444444444vw
    }

    .insurance-calculation.no-padding-mobile {
        padding: 0
    }

    .insurance-calculation.no-padding-mobile .panel-inputs {
        padding: 8px
    }

    .insurance__fordevelopment .loan-realestate__container .insurance-calculation {
        padding-top: 0
    }

    .insurance__fordevelopment.insurance-calculation .panel-info__content-button a {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .insurance__fordevelopment .insurance-calculation .item__label .loan-realestate__des {
        max-width: none
    }

    .article-content,
    .insurance-calculation .item__label .loan-realestate__des,
    .tcb-button.tcb-button--hover-gray {
        max-width: 100%
    }

    .card-list .card-list__fordevelopment .card-list__item-body {
        height: 230px
    }

    .card-list .card-list__fordevelopment .slick-slide {
        width: 40% !important
    }

    .card-list .card-list__list-item.card-list__fordevelopment .card-list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .card-list .card-list__fordevelopment .slick-list {
        overflow: auto !important
    }

    .card-list .card-list__fordevelopment .slick-dots {
        display: none !important
    }

    .card-list .width-50-50 {
        grid-template-columns: repeat(2, calc(90% + 1pc))
    }

    .card-list .width-50-50 .card-list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .card-list .card-list__item-container.less-shadow-hover {
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
    }

    .card-list .card-list__item-container.less-shadow-hover:hover {
        -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
        box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
    }

    .full-width-mobile {
        width: 100%
    }

    .section-wrapper .list-tile__card-description.list-tile__bullet-black>ul>li:before {
        background-color: #616161;
        border-radius: 50%;
        left: 10px
    }

    .tcb-grid-card_item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        border-radius: 1pc;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
        padding: 1.5rem 20px
    }

    .tcb-grid-card_icon-image {
        height: 72px;
        width: 72px
    }

    #youTubeVideo {
        aspect-ratio: 1.77;
        width: 100%
    }

    [card-slider-type=card-item] .cardslider-carousel-slickitem article {
        height: 605px
    }

    .inspire-slider-component .swiper {
        margin-left: 36px;
        margin-right: 36px;
        padding-left: 20px;
        padding-right: 20px
    }

    .inspire-slider-component .swiper-button-next {
        right: 5px
    }

    .inspire-slider-component .swiper-button-prev {
        left: 5px
    }

    .inspire-slider-component .head-title {
        font-size: 24px;
        padding-left: 6px
    }

    .inspire-slider-component .item-img .btn-video svg {
        height: 47px;
        width: 47px
    }

    .tab-item_list.tcb-tab-content[data-tab-style=image-slider] {
        height: 700px
    }
}

@media(max-width:718px) {
    .accordion-inspire-component .faq-panel-container .right-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media(max-width:640px) {
    .tcb-hero-banner.inspire .tcb-hero-banner_content.tcb-hero-banner_content--medium {
        min-height: 650px
    }

    .tcb-hero-banner.inspire .btn,
    .tcb-hero-banner.inspire .sub-background {
        display: none
    }

    .tcb-hero-banner.inspire .content .text-img img {
        max-width: 210px
    }

    .tcb-hero-banner.inspire .tcb-hero-banner_body .content {
        padding-top: 285px
    }

    [card-slider-type=card-item] .cardslider-carousel-slickitem article {
        height: 510px
    }
}

@media(max-width:575px) {
    .select-filter h2 {
        margin-bottom: 9pt;
        width: 100%
    }

    .select-checkbox-filter {
        display: block
    }

    .select-checkbox-filter h2 {
        padding-bottom: 24px
    }

    .select-checkbox-filter .select-options {
        margin-left: 0
    }

    .checkbox-form-container .information-blockform-content .title-cmp {
        padding-bottom: 9pt
    }

    .card-list .card-list__fordevelopment .card-list__item-body {
        height: 250px
    }

    .statistics-table-component .select-checkbox-filter {
        padding-bottom: 0
    }

    .inspire-slider-component .swiper {
        margin-left: 0;
        margin-right: 0
    }

    .inspire-slider-component .head-title {
        padding-left: 1pc
    }
}

@media screen and (max-width:480px) {
    .hero-slider_content-body {
        gap: 0;
        max-width: none;
        padding: 20px;
        width: 100%
    }

    .hero-slider_indicator {
        left: 5px
    }

    [card-slider-type=card-item] .cardslider-carousel-slickitem article {
        height: 510px
    }
}

@media(max-width:468px) {
    .tcb-hero-banner.inspire .tcb-hero-banner_content.tcb-hero-banner_content--medium {
        min-height: 554px
    }
}

@media(max-width:767px) {
    .floating-banner .floating-banner__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        grid-gap: 8px;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .floating-banner .floating-banner__bg-img-desktop {
        display: none
    }

    .floating-banner .floating-banner__bg-img-mobile {
        display: block
    }

    .floating-toolbar .floating-toolbar__icon {
        height: 40px;
        min-width: 40px;
        padding: 8px 7px
    }

    .scroll-to-top {
        right: 40px
    }
}

.hidden-tracking {
    display: none
}

.margin-left-24px {
    margin-left: -24px
}

.footer .footer-container .content-wrapper {
    max-width: 90pc
}

.footer-links .footer-links__list {
    margin: -9pt;
    padding-bottom: 9pt;
    padding-top: 9pt;
    width: calc(100% + 24px)
}

.footer-links__item h3,
.footer-links__item h4 {
    line-height: 1.5;
    margin-bottom: 8px
}

.footer-info a:hover,
.footer-links__item a:hover {
    text-decoration: underline
}

.footer-links li {
    font-weight: 400
}

@media(max-width:767px) {
    .footer-head .footer-expand {
        margin-bottom: 0;
        margin-top: 8px
    }

    .footer-logo {
        padding-bottom: 0;
        padding-top: 8px
    }

    .footer-info,
    .footer-links__social-container {
        padding-bottom: 8px
    }

    .footer-info {
        padding-top: 1pc
    }

    .footer-links .footer-links__list {
        padding-top: 0
    }
}

.press-article .banner-image {
    height: 280px;
    margin: auto;
    max-width: 20in;
    width: 100%
}

.press-article .banner-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.press-article img.table-content__icon {
    display: unset !important;
    height: 24px;
    margin: unset !important;
    width: 24px !important
}

@media screen and (max-width:1024px) {
    .press-article .banner-image img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.mobile-button .mobile-menu-dropdown .mobile-arrow-down .dropdown_holder {
    letter-spacing: 2px;
    padding: 0
}

.mobile-button .mobile-menu-dropdown .mobile-arrow-down img {
    fill: #ed1c24;
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-button .mobile-menu-dropdown.open .mobile-arrow-down img {
    fill: #ed1c24;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.mobile-button .dropdown-item:first-child {
    border-top: none
}

.mobile-button .dropdown-item.active {
    color: #ed1c24
}

.mobile-button .dropdown-item {
    color: #a2a2a2
}

.mobile-menu .discover_category {
    margin-top: 1pc
}

.header_layout .mobile-menu .discover_category .navigation-primary_item {
    font-weight: 700;
    padding: 0 !important
}

.mobile-menu-items .navigation-secondary_menu .navigation-secondary_item span.icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    fill: #ed1c24;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: flex-end;
    width: 100%
}

.card-product-feature__item__description {
    color: var(--gray-600);
    font-weight: 400;
    height: 0;
    line-height: 1.5;
    max-width: 4in;
    min-width: 100%;
    overflow: hidden;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.card-product-feature__item__description>.text {
    visibility: hidden
}

.card-product-feature__item {
    word-wrap: break-word;
    background-color: #f5f6f8;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 24px
}

.card-product-feature__title {
    background-color: #fff;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 40px;
    margin-top: 0
}

.card-product-feature__wrapper {
    background-color: #fff
}

.card-product-feature__img,
.card-product-feature__item__content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-product-feature__item__content__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    cursor: pointer;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    line-break: strict;
    width: 100%
}

.card-product-feature__item__content__title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px
}

.card-product-feature__item__img__on {
    display: none
}

.card-product-feature__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-product-feature__item__content__icon__on {
    color: #ed1b24
}

.card-product-feature__item__content__icon__off {
    color: #ed1b24;
    display: none
}

.card-product-feature__item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 24px
}

@media(max-width:1024px) {
    .card-product-feature__item__wrapper {
        max-height: unset
    }
}

.cmp-text {
    line-break: strict
}

.card-product-feature__item__img__off,
.card-product-feature__item__img__on {
    height: 40px;
    width: 40px
}

.card-product-feature__item__img__wrapper {
    margin-top: -4px;
    padding-right: 18px
}

@media screen and (min-width:1025px) {
    .card-product-feature__item__description {
        padding-right: 58px
    }
}

@media(min-width:768px) {
    .card-product-feature__accordion {
        width: 50%
    }

    .card-product-feature__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 4pc 4pc 0
    }

    .card-product-feature__img {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 9pt;
        position: relative;
        width: 50%
    }

    .card-product-feature__container .card-product-feature__img .card-product-feature__title {
        display: none
    }

    .card-product-feature__item {
        margin-bottom: 24px;
        max-width: 533px;
        padding: 1pc 1pc 8px
    }

    .card-product-feature__item__description {
        margin-top: 5px;
        padding-left: 58px
    }
}

@media(min-width:768px)and (max-width:1280px) {
    .card-product-feature__img img {
        position: absolute
    }

    .card-product-feature__item__wrapper {
        max-height: 100%
    }
}

@media(min-width:1440px) {
    .card-product-feature__img img {
        height: 594px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        width: 490px
    }
}

@media(min-width:768px)and (max-width:1440px) {
    .card-product-feature__img img {
        height: auto;
        max-height: 594px;
        max-width: 490px;
        width: 75%
    }

    .card-product-feature__accordion {
        width: 50%
    }
}

@media(max-width:767px) {
    .card-product-feature__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .card-product-feature__item {
        padding: 24px 24px 8px
    }

    .card-product-feature__item__description {
        padding-left: 0;
        padding-top: 1pc
    }

    .card-product-feature__img img {
        height: auto;
        width: 100%
    }

    .card-product-feature__accordion {
        width: 100%
    }

    .card-product-feature__wrapper {
        padding: 9pt
    }

    .card-product-feature__container .card-product-feature__accordion .card-product-feature__title {
        display: none
    }

    .card-product-feature__img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .card-product-feature__item__wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.announcement {
    min-height: unset
}

.announcement,
.announcement .announcement__container {
    position: relative
}

.announcement .announcement__container .popup {
    background-color: transparent;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: -1
}

.announcement .announcement__container .popup,
.announcement .announcement__container .popup .popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.announcement .announcement__container .popup .popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: .3rem;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.announcement .announcement__container .popup .popup-content .head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #e9ecef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.25rem;
    justify-content: space-between;
    line-height: 1.5;
    padding: 1pc
}

.announcement .announcement__container .popup .popup-content .head i {
    color: gray;
    opacity: .8
}

.announcement .announcement__container .popup .popup-content .head i:hover {
    cursor: pointer;
    opacity: 1
}

.announcement .announcement__container .popup .popup-content .head img {
    cursor: pointer;
    -webkit-filter: brightness(.2);
    filter: brightness(.2);
    opacity: .8
}

.announcement .announcement__container .popup .popup-content .head img:hover {
    cursor: pointer;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    opacity: 1
}

.announcement .announcement__container .popup .popup-content .video {
    padding: 1pc
}

.announcement .announcement__container .popup .popup-content .video iframe {
    width: 100%
}

.announcement .announcement__container .popup.open {
    background-color: rgba(0, 0, 0, .6);
    z-index: 10
}

.announcement .announcement__container .popup.open .popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.announcement .background {
    height: 100%;
    position: absolute;
    width: 100%
}

.announcement .background img {
    height: 100%;
    width: 100%
}

.announcement .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2pc 0
}

.announcement .content .main-content {
    padding-right: 9pt
}

@media(max-width:991px) {
    .announcement .content .main-content {
        padding-right: 0
    }
}

.announcement .content .main-content h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 24px 24px 1pc 0
}

.announcement .content .main-content .title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.announcement .content .main-content .title h3 {
    font-size: 1.5rem;
    margin: 0
}

.announcement .content .main-content .title img {
    height: 20px;
    margin-right: 1pc;
    width: 19px
}

.announcement .content .main-content p {
    font-size: 1rem;
    margin: 1pc 0
}

.announcement .content .btn--wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 9pt
}

@media(max-width:991px) {
    .announcement .content .btn--wrapper {
        margin-top: 36px;
        padding-left: 0
    }
}

.announcement .content .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px
}

.announcement .content .button .cta-button {
    max-width: 328px;
    width: 100%
}

.announcement .content .button .cta-button .cmp-button__icon,
.announcement .content .button .cta-button picture {
    height: 24px;
    width: 24px
}

@media(min-width:992px) {
    .announcement .content .main-content {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 66.666667%;
        flex-basis: 66.666667%;
        flex-grow: 0;
        max-width: 66.666667%
    }

    .announcement .content .button {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        flex-grow: 0;
        max-width: 33.333333%
    }
}

@media(min-width:1200px) {
    .announcement .content .main-content {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }

    .announcement .content .button {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
}

@media(max-width:991px) {
    .announcement .announcement__container .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .announcement .announcement__container .content .btn {
        padding: 0
    }

    .announcement .announcement__container .content .main-content {
        width: 100%
    }

    .announcement .announcement__container .content .btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 36px;
        width: 100%
    }

    .announcement .announcement__container .popup .popup-content .video {
        height: 300px
    }

    .announcement .announcement__container .popup .popup-content .video iframe {
        height: 100%;
        overflow: auto
    }

    .announcement .announcement__container .popup .popup-content {
        max-width: 500px
    }
}

@media(max-width:767px) {
    .announcement .announcement__container .content .btn button {
        max-width: unset
    }
}

@media(min-width:992px) {
    .announcement .announcement__container .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .announcement .announcement__container .popup .popup-content {
        max-width: 50pc
    }
}

@media(max-width:517px) {
    .announcement .announcement__container .popup .popup-content {
        margin: auto .5rem;
        max-height: 300px
    }
}

.appointment-booking .address-list .item h3,
.appointment-booking .service-list .item h3,
.appointment-booking .time-list .item h3,
.appointment-booking h3.bussiness,
.appointment-booking h3.personal {
    font-size: 1pc;
    font-weight: 400
}

.appointment-booking .search-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt -9pt 0;
    width: calc(100% + 24px)
}

.appointment-booking .search-filter .filter {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
    padding: 9pt;
    position: relative
}

.appointment-booking .filter .option {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    padding: 9pt 1pc;
    position: relative;
    z-index: 1
}

.appointment-booking .filter .option:hover {
    font-weight: unset
}

.appointment-booking .filter input {
    background-color: transparent;
    border: none;
    font-size: 1pc;
    pointer-events: none;
    width: 100%
}

.appointment-booking .filter img,
.appointment-booking .filter svg {
    border-left: 2.5px solid #ed1b24;
    border-top: 2.5px solid #ed1b24;
    color: #ed1b24;
    height: 10px;
    position: absolute;
    right: 25px;
    top: 43%;
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    width: 10px;
    z-index: -1
}

.appointment-booking .filter path {
    display: none
}

.appointment-booking .filter.disable .option {
    background-color: #d9d9d9;
    pointer-events: none
}

.appointment-booking .filter.disable .option img,
.appointment-booking .filter.disable .option svg {
    border-color: #616161
}

.appointment-booking .filter .select-options {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    max-height: 25pc;
    max-width: calc(100% - 2pc);
    min-height: 1pc;
    min-width: 197px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -webkit-transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: -1
}

.appointment-booking .filter .option.showed+.select-options {
    opacity: 1;
    z-index: 10
}

.appointment-booking .filter .option.showed img,
.appointment-booking .filter .option.showed svg {
    border-color: #616161;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.appointment-booking .filter .select-options ul {
    -webkit-padding-start: 0;
    list-style: none;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-inline-start: 0
}

.appointment-booking .filter .select-options li {
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .00938em;
    line-height: 1.5;
    min-height: auto;
    padding: 6px 1pc;
    -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: auto
}

.appointment-booking .filter .select-options li.selected {
    background-color: rgba(0, 0, 0, .08)
}

.appointment-booking .filter .select-options li:hover {
    background-color: rgba(0, 0, 0, .04);
    font-weight: 600
}

.appointment-booking .popup,
.appointment-booking .popup.show {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.appointment-booking .popup.show {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 1;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.appointment-booking .popup.show::-webkit-scrollbar {
    background: transparent;
    width: 0
}

.appointment-booking .popup.show .popup__container {
    -webkit-animation: displayPopup 1s ease normal
}

.appointment-booking .popup.hide .popup__container {
    -webkit-animation: hidePopup 1s ease normal
}

.appointment-booking .popup .popup__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    max-width: 564px;
    position: relative;
    width: 100%
}

.appointment-booking .popup .popup__header {
    padding: 8px 28px
}

@media(max-width:767px) {
    .appointment-booking .popup .popup__header {
        padding: 8px 1pc
    }
}

.appointment-booking .popup .popup__content {
    padding: 24px 28px !important
}

@media(max-width:767px) {
    .appointment-booking .popup .popup__content {
        padding: 24px 1pc !important
    }
}

.appointment-booking .booking .title h2 {
    font-size: 24px;
    line-height: 36px
}

.appointment-booking .booking .title span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    text-shadow: 0 1px 0 #fff
}

.appointment-booking .booking .schedule {
    padding-bottom: 50px
}

.appointment-booking .booking .schedule .date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    grid-column-gap: 1pc;
    -webkit-column-gap: 1pc;
    -moz-column-gap: 1pc;
    column-gap: 1pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 24px
}

@media(max-width:768px) {
    .appointment-booking .booking .schedule .date {
        -webkit-column-gap: 1px;
        -moz-column-gap: 1px;
        column-gap: 1px
    }
}

.appointment-booking .booking .schedule .date div,
.appointment-booking .booking .schedule .date h3 {
    border: 1px solid #e3e4e6;
    border-radius: 28px;
    color: #fff;
    color: var(--gray-600);
    cursor: pointer;
    font-size: .875rem;
    font-size: 1pc;
    font-weight: 600;
    font-weight: 400;
    height: 3pc;
    letter-spacing: 2px;
    letter-spacing: normal;
    line-height: 1.5;
    line-height: 24px;
    padding: 9pt 24px;
    text-align: center;
    width: 100%
}

@media(max-width:768px) {

    .appointment-booking .booking .schedule .date div,
    .appointment-booking .booking .schedule .date h3 {
        font-size: 1pc;
        font-weight: 400;
        line-height: 24px;
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap
    }
}

.appointment-booking .booking .schedule .time p:first-child {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25
}

.appointment-booking .booking .schedule .time h6:first-child {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 1pc
}

.appointment-booking .schedule .time-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: 1pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: flex-start;
    max-height: 350px;
    overflow: auto
}

.appointment-booking .schedule .time-list .item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    height: 3pc;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.5;
    margin-top: unset;
    padding: 9pt 24px;
    text-transform: uppercase;
    width: 30%
}

@media(max-width:575px) {
    .appointment-booking .schedule .time-list .item {
        width: 45%
    }
}

.appointment-booking .schedule .time-list .item.enable {
    cursor: pointer
}

.appointment-booking .form {
    display: none
}

.appointment-booking .form .input-form,
.appointment-booking .form.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.appointment-booking .form .input-form {
    grid-gap: 24px;
    gap: 24px;
    margin-top: 24px
}

.appointment-booking .form .recaptcha {
    padding: unset
}

.appointment-booking .form h3,
.appointment-booking .form h6 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: unset
}

.appointment-booking .form label {
    font-size: 1pc;
    text-transform: unset
}

.appointment-booking .form .input {
    max-height: 83px
}

.appointment-booking .form .input .form-error-message {
    display: none;
    font-style: normal;
    font-weight: unset;
    line-height: 9pt
}

.appointment-booking .form .input span {
    color: red
}

.appointment-booking .form .input.error {
    max-height: 103px
}

.appointment-booking .form input[type=text] {
    background-color: #fff !important;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    font-size: 1pc;
    height: 56px;
    line-height: 24px;
    margin-top: 8px;
    padding: 1pc;
    width: 100%
}

.appointment-booking .form .captcha {
    margin-bottom: 1pc;
    margin-top: 24px
}

.appointment-booking .form input[type=submit] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: transparent;
    border: 1px solid #dedede;
    border-radius: 28px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13.3333px;
    justify-content: center;
    margin: auto;
    margin-bottom: unset;
    margin-top: unset;
    padding: 8px 22px
}

.appointment-booking .form input[type=submit]:hover {
    background-color: gray
}

.appointment-booking .booking .title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #f5f6f8;
    border-radius: 9pt 9pt 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 28px
}

@media(max-width:768px) {
    .appointment-booking .booking .title {
        padding: 8px 1pc
    }
}

.appointment-booking .address h6:first-child,
.appointment-booking .address p:first-child,
.appointment-booking .name h6:first-child,
.appointment-booking .name p:first-child,
.appointment-booking .type h6:first-child,
.appointment-booking .type p:first-child {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25
}

.appointment-booking .time,
.appointment-booking .type {
    height: 100%
}

.appointment-booking .time>p,
.appointment-booking .type>p {
    margin-bottom: 1pc
}

.appointment-booking .name {
    padding-bottom: 4px
}

.appointment-booking .address {
    padding-top: 0
}

.appointment-booking .address .address-list {
    height: 100%;
    margin-top: 1pc;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden
}

.appointment-booking .address .address-list .item:first-child {
    margin-top: unset
}

.appointment-booking .service .service-list {
    max-height: 450px;
    overflow: auto
}

.appointment-booking .service .service-list .item:last-child {
    margin-bottom: 5px
}

.appointment-booking .item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    color: #616161;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    height: 3pc;
    justify-content: space-between;
    line-height: 1.5;
    margin-top: 1pc;
    padding: 9pt 24px
}

.appointment-booking .item h3,
.appointment-booking .item span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-break: normal;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
    word-break: break-word
}

.appointment-booking .search-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1pc
}

.appointment-booking .search-filter .filter {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.appointment-booking .search-filter .filter:first-of-type {
    padding-top: 0
}

.appointment-booking .search-filter .filter .select-options {
    max-width: none;
    width: calc(100% - 24px)
}

.appointment-booking .search-filter .filter .option {
    padding: 5px 24px 8px 1pc
}

.appointment-booking .search-filter .filter .option.showed img,
.appointment-booking .search-filter .filter .option.showed svg {
    border-color: #ed1b24
}

.appointment-booking .dropdown-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 41px;
    justify-content: center
}

.appointment-booking .option.selected {
    background-color: #fff
}

.appointment-booking .option.selected .dropdown-label {
    font-size: 9pt
}

.appointment-booking .dropdown-label {
    color: #616161
}

.appointment-booking .dropdown-body {
    color: #212121
}

.appointment-booking .form .input input:focus {
    outline: 4px solid #daecff
}

.appointment-booking .form .input.error input {
    border-color: #ed1b24;
    color: #ed1b24
}

.appointment-booking .booking-container-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1pc
}

.appointment-booking .booking-container-wrapper .booking-container,
.appointment-booking .booking-container-wrapper .confirm-appointment {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.appointment-booking .booking-container-wrapper .booking-container.hidden,
.appointment-booking .booking-container-wrapper .confirm-appointment.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
    width: 0
}

.appointment-booking .booking-container-wrapper .booking-container.hidden:not(.active),
.appointment-booking .booking-container-wrapper .confirm-appointment.hidden:not(.active) {
    padding: unset !important
}

.appointment-booking .booking-container-wrapper .booking-container.active,
.appointment-booking .booking-container-wrapper .confirm-appointment.active {
    display: block !important;
    opacity: 1;
    visibility: visible;
    width: 100%
}

.appointment-booking .confirm-appointment {
    display: none;
    height: 541px
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .comfirm-img-wrapper {
    height: 85px;
    margin-bottom: 40px;
    position: relative;
    width: auto
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .comfirm-img-wrapper>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .comfirm-img-wrapper>span img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    padding: 0;
    position: absolute;
    width: 0
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .confirm-label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .confirm-label.ticket-number {
    margin-top: 24px
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .confirm-ticket-number {
    color: #0a84ff;
    margin-top: 8px
}

.appointment-booking .confirm-appointment .confirm-content-wrapper .confirm-note {
    color: #a2a2a2;
    font-weight: 300;
    margin-top: 1pc
}

.appointment-booking .loading {
    display: none;
    height: 5pc;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 5pc;
    z-index: 2
}

.appointment-booking .loading div {
    -webkit-animation: loading_ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: loading_ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 8px solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 4pc;
    margin: 8px;
    position: absolute;
    width: 4pc
}

.appointment-booking .loading div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.appointment-booking .loading div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.appointment-booking .loading div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes loading_ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading_ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.appointment-booking .loading_backdrop {
    background-color: rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, .08);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.appointment-booking .loading {
    position: absolute;
    z-index: 4
}

.appointment-booking .error-response {
    color: red
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        visibility: hidden
    }

    55% {
        visibility: hidden
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes displayPopup {
    0% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes hidePopup {
    to {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }
}

.hide-animate {
    display: none !important
}

#captchaError {
    display: none
}

.contact-form .popup__container {
    max-width: 100%;
    width: 25pc
}

.contact-form .popup__container .cta-button {
    width: 100%
}

.card-center-listcard {
    grid-gap: 24px;
    display: grid;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(calc(20% - 72px), 1fr));
    position: relative
}

.card-center-listcard .cardcenter-carditem-content h3 {
    margin-bottom: 8px
}

.card-center-listcard.row-display .card-center-carditem article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1pc
}

.card-center-listcard .card-center-carditem {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011)
}

.card-center-listcard .card-center-carditem article {
    background-color: var(--bg-card)
}

.card-center-listcard .card-center-carditem .view-more {
    margin-top: 24px
}

.card-center-listcard .card-center-carditem .view-more.edit-mode {
    min-height: 40px
}

@media(min-width:768px) {
    .card-center-listcard.column-3 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .card-center-listcard.column-2 {
        grid-template-columns: 1fr 1fr
    }

    .card-center-listcard.column-5 {
        grid-auto-rows: minmax(10pc, auto);
        grid-template-columns: repeat(auto-fit, minmax(17%, 1fr))
    }

    .card-center-listcard.column-4 {
        grid-auto-rows: minmax(10pc, auto);
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width:1024px) {
    .card-center-listcard.column-4 {
        grid-template-columns: repeat(auto-fit, minmax(calc(26% - 72px), 1fr))
    }
}

@media only screen and (max-width:980px)and (min-width:768px) {
    .card-center-listcard.column-5 .cardcenter-carditem-headerimg {
        width: 85px
    }
}

.card-center-listcard.merged {
    gap: 0
}

.card-center-listcard.merged .card-merged-carditem:first-child h2 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

.card-center-listcard.merged .card-merged-carditem:first-child p {
    margin-top: 24px
}

.card-center-listcard.merged .card-merged-carditem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
    padding: 8px
}

.card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-header {
    height: auto;
    margin: 0;
    width: 44px
}

@media(max-width:767px) {
    .card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-header {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-headerimg {
    width: auto
}

.card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-headerimg img {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    max-width: 100%;
    -o-object-position: center center;
    object-position: center center;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

.card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-content {
    margin-top: 2pc
}

@media(max-width:767px) {
    .card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-content {
        margin-top: 24px
    }
}

.card-center-listcard.merged .card-merged-carditem .cardcenter-carditem-content>div:first-child {
    font-size: 24px;
    margin-bottom: 8px
}

.card-center-listcard.merged .card-merged-carditem article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--secondary-light-grey-60);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
    padding: 2pc 1pc
}

.card-center-listcard.merged .card-merged-carditem article:hover {
    -webkit-box-shadow: 2px 3px 18px 0 hsla(0, 6%, 49%, .24);
    box-shadow: 2px 3px 18px 0 hsla(0, 6%, 49%, .24)
}

@media(min-width:768px) {
    .card-center-listcard.merged {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
        margin: -9pt;
        width: calc(100% + 24px)
    }

    .card-center-listcard.merged .card-merged-carditem:first-child {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        flex-grow: 0;
        max-width: 33.333333%
    }

    .card-center-listcard.merged .card-merged-carditem {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 16.666667%;
        display: block;
        flex-basis: 16.666667%;
        flex-grow: 0;
        height: auto;
        max-width: 16.666667%;
        padding: 9pt
    }

    .card-center-listcard.merged article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f5f5f5;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        justify-content: stretch;
        padding: 2pc 1pc
    }
}

.card-center-listcard.merged.card-dark-theme>article {
    background: linear-gradient(127.93deg, #e2ded7 -86.5%, #8d8175 69.66%);
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    color: #f5f5f5
}

.card-center-listcard.promotion {
    gap: 0
}

.card-center-listcard.promotion.card-dark-theme article {
    background: linear-gradient(127.93deg, #e2ded7 -86.5%, #8d8175 69.66%);
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    padding: 1pc
}

.card-center-listcard .card-center-carditem {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    display: block;
    position: relative;
    width: 100%
}

.card-center-listcard .card-center-carditem>article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--primary-background);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card-center-listcard .card-center-carditem.left article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1pc
}

.card-center-listcard .cardcenter-carditem-header {
    height: 75pt;
    margin: 1pc;
    position: relative;
    width: auto
}

.card-center-listcard .cardcenter-carditem-headerimg {
    height: 100%;
    margin: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 130px
}

.card-center-listcard .cardcenter-carditem-headerimg>span {
    overflow: hidden;
    padding: 0;
    position: relative
}

.card-center-listcard .cardcenter-carditem-headerimg>span,
.card-center-listcard .cardcenter-carditem-headerimg>span>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    height: 100% !important;
    margin: 0;
    opacity: 1;
    width: auto
}

.card-center-listcard .cardcenter-carditem-headerimg>span>span {
    padding: 100% 0 0
}

.card-center-listcard .cardcenter-carditem-headerimg>span>picture {
    position: absolute
}

.card-center-listcard .cardcenter-carditem-headerimg>span>picture,
.card-center-listcard .cardcenter-carditem-headerimg>span>picture>img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    width: 0
}

.card-center-listcard .cardcenter-carditem-headerimg>span>picture>img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

.card-center-listcard .cardcenter-carditem-header-no-image {
    height: 6.25rem;
    margin: 1rem
}

@media(max-width:767px) {
    .card-center-listcard .cardcenter-carditem-header-no-image {
        margin: 1.5rem
    }
}

.card-center-listcard .cardcenter-carditem-content {
    line-height: 1.5;
    margin: 0 1pc 1pc 24px
}

.card-center-listcard .cardcenter-carditem-content.bottom-content {
    margin-top: auto
}

.card-center-listcard .cardcenter-carditem-content ul {
    -webkit-padding-start: unset;
    margin-top: 8px;
    padding-inline-start: unset
}

.card-center-listcard .cardcenter-carditem-content li {
    margin-left: 24px
}

.card-center-listcard .cardcenter-carditem-content>div:first-child {
    font-weight: 600
}

.card-center-listcard .cardcenter-carditem-content>div:nth-child(2) {
    font-weight: 400
}

.card-center-listcard .cardcenter-carditem-content.loan {
    padding: 10px 20px 10px 5px
}

.card-center-listcard .card-promotion__item-wrapper {
    padding: 9pt
}

.card-center-listcard .card-promotion__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-center-listcard .card-promotion__item .card-promotion__item_header {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

.card-center-listcard .card-promotion__item .card-promotion__item_headerimg {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0;
    opacity: 1;
    padding: 56.5321% 0 0;
    width: auto
}

.card-center-listcard .card-promotion__item .card-promotion-carditem-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px 24px 2pc
}

.card-center-listcard .card-promotion__item .card-promotion-carditem-content>div:first-child {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 24px
}

.card-center-listcard .card-promotion__item .card-promotion-btn {
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.card-center-listcard .card-promotion__item .card-promotion-btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: 9pt;
    align-items: center;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: flex-start;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.card-center-listcard .card-promotion__item .card-promotion-btn a:hover {
    text-decoration: underline
}

.card-center-listcard .card-promotion__item .card-promotion-btn a:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/red-arrow-icon.svg);
    line-height: 0
}

.card-center-listcard .card-promotion__item>article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.card-center-listcard .card-promotion__item img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.card-center-listcard.card-dark-theme article {
    background: linear-gradient(127.93deg, #e2ded7 -86.5%, #8d8175 69.66%);
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    color: #f5f5f5
}

.card-center-listcard.card-grey-theme article {
    background-color: #f5f5f5
}

.card-center-listcard.card-grey-theme article p {
    color: #616161
}

.card-center-listcard.zoom-out-img .cardcenter-carditem-header {
    padding: 27px 0
}

.card-center-listcard.zoom-out-img .cardcenter-carditem-headerimg {
    height: 44px
}

.card-center-listcard.zoom-out-img img {
    min-width: 0 !important;
    width: auto !important
}

.card-center-listcard a.card-center-carditem:hover .cardcenter-carditem-headerimg.hover-zoom {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    width: 100%
}

.card-center-listcard a.card-center-carditem:hover .cardcenter-carditem-headerimg {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.card-center-listcard .card-center-carditem.hidden {
    display: none
}

@media screen and (max-width:767px) {
    .display-image-in-mobile-view-false .cardcenter-carditem-header {
        display: none
    }

    .display-image-in-mobile-view-false .cardcenter-carditem-content {
        margin: 1pc !important
    }

    .view-more.mobile-only {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 9pt auto auto;
        max-width: 328px
    }

    .view-more.mobile-only.hidden {
        display: none
    }

    .view-more.mobile-only .cmp-button__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media(max-width:991px) {
    .card-center-listcard {
        grid-template-columns: 1fr 1fr
    }

    .card-center-listcard.small {
        display: grid;
        grid-auto-rows: minmax(10pc, auto);
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
    }

    .card-center-listcard.no-padding-ul .cardcenter-carditem-content ul {
        padding-left: 0
    }

    .card-center-listcard.promotion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .card-center-listcard .cardcenter-carditem-content {
        margin-left: 1pc
    }

    .card-center-listcard .cardcenter-carditem-content ul {
        list-style-type: disc;
        margin-top: 8px;
        padding-left: 24px
    }

    .card-center-listcard .cardcenter-carditem-content li {
        margin-left: 0
    }

    .card-center-listcard .cardcenter-carditem-header {
        margin: 24px
    }

    .card-center-listcard .card-promotion__item-wrapper {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        flex-grow: 0;
        max-width: 33.333333%
    }
}

@media(max-width:767px) {
    .card-center-listcard {
        grid-gap: 1pc;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1pc;
        grid-template-columns: 1fr
    }

    .third .card-center-listcard {
        grid-template-columns: 1fr
    }

    .card-center-listcard.promotion {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: -8px;
        overflow: auto;
        width: calc(100% + 1pc)
    }

    .card-center-listcard.promotion.stack-display {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .card-center-listcard.promotion.stack-display .card-promotion__item-wrapper {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: unset;
        width: 100%
    }

    .card-center-listcard .card-center-carditem>article {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .card-center-listcard .cardcenter-carditem-content {
        margin: 1pc 1pc 1pc 0;
        width: 100%
    }

    .card-center-listcard .cardcenter-carditem-header {
        height: 65px;
        margin: 24px
    }

    .card-center-listcard .cardcenter-carditem-headerimg {
        width: 5pc
    }

    .card-center-listcard .card-promotion__item {
        -webkit-box-flex: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex: 0 0 77.2%;
        flex: 0 0 77.2%;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 77.2%
    }
}

.cmp-article-card-cross .view-more {
    margin: 24px auto auto;
    max-width: 328px;
    text-align: center
}

.cmp-article-card-cross .load-more__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    outline: none;
    padding: 0;
    text-decoration: none;
    width: inherit
}

.article-listing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 2pc;
    margin-top: 2pc;
    padding: 0
}

@media(min-width:992px) {
    .article-listing {
        margin-bottom: 3pc;
        margin-top: 3pc
    }
}

@media(max-width:767px) {
    .article-listing {
        gap: 1pc
    }
}

.article-listing_heading {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%
}

.article-listing_heading .tag-title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    line-height: 2pc;
    padding-bottom: 8px
}

.article-listing_heading .tag-description {
    color: #333;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    margin: 8px 0
}

.article-listing_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

@media(max-width:767px) {
    .article-listing_list {
        margin: -8px;
        width: calc(100% + 1pc)
    }
}

.article-listing_list .article-card {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 9pt
}

@media(max-width:1199.5px) {
    .article-listing_list .article-card {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
}

@media(max-width:767px) {
    .article-listing_list .article-card {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%;
        padding: 8px
    }
}

.article-listing_list .article-card_container {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.article-listing_list .article-card_container:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.article-listing_list .article-card_container_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 56%;
    position: relative
}

.article-listing_list .article-card_content {
    padding: 24px !important
}

@media(max-width:767px) {
    .article-listing_list .article-card_content {
        padding: 1pc !important
    }
}

.article-listing_list .article-card_content_top .article-label {
    margin-bottom: 8px
}

@media(max-width:991px) {
    .article-listing_list .article-card_content_top .article-label {
        margin-bottom: 8px
    }
}

.article-listing_list .article-card_content_top .article-label span {
    font-weight: 600 !important
}

.article-listing_list .article-card_content_top .article-title {
    font-weight: 600 !important;
    margin-bottom: 8px
}

@media(max-width:991px) {
    .article-listing_list .article-card_content_top .article-title {
        margin-bottom: 8px
    }
}

.article-listing_list .article-card_content_top .article-content {
    margin-bottom: 8px
}

.article-listing .view-more {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin: auto;
    max-width: 328px;
    width: 100%
}

.article-listing .view-more .btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

@media(max-width:767px) {
    .article-listing .view-more .btn {
        padding: 9pt 1pc
    }
}

.article-listing .view-more .btn:hover {
    background-color: #a2a2a2;
    color: var(--gray-600)
}

.article-listing .view-more .btn:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(0) saturate(1112%) hue-rotate(136deg) brightness(95%) contrast(81%);
    filter: brightness(0) saturate(100%) invert(37%) sepia(0) saturate(1112%) hue-rotate(136deg) brightness(95%) contrast(81%)
}

.article-listing .view-more .btn.btn-outline {
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

.article-listing .view-more .btn.btn-outline:hover {
    background-color: #212121;
    color: #fff
}

.article-listing .view-more .btn.btn-outline:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%)
}

.article-related-post {
    margin-bottom: 2pc;
    margin-top: 2pc;
    padding: 0
}

.article-related-post_title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 28px;
    font-weight: 300;
    justify-content: flex-start;
    line-height: 35px;
    margin-bottom: 9pt;
    padding-bottom: 8px
}

@media(max-width:575px) {
    .article-related-post_title {
        margin-bottom: 0
    }
}

.article-related-post_content {
    min-height: 300px;
    padding-top: 24px
}

.article-related-post_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

@media(max-width:767px) {
    .article-related-post_list {
        margin: -8px;
        width: calc(100% + 1pc)
    }
}

@media(max-width:1024px) {
    .article-related-post_list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto
    }
}

.article-related-post_list .article-card {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 9pt
}

@media(max-width:1024px) {
    .article-related-post_list .article-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 370px;
        flex: 0 0 370px;
        max-width: 370px
    }
}

@media(max-width:767px) {
    .article-related-post_list .article-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 304px;
        flex: 0 0 304px;
        max-width: 19pc;
        padding: 8px
    }
}

.article-related-post_list .article-card_container:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011)
}

@media(max-width:1024px) {
    .article-related-post_list .article-card_container:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.article-listing .article-card_container,
.article-related-post .article-card_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.article-listing .article-card_container_image,
.article-related-post .article-card_container_image {
    height: 236px;
    position: relative
}

@media(max-width:767px) {

    .article-listing .article-card_container_image,
    .article-related-post .article-card_container_image {
        height: 171px
    }
}

.article-listing .article-card_container_image img,
.article-related-post .article-card_container_image img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.article-listing .article-card_content,
.article-related-post .article-card_content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px 1pc
}

.article-listing .article-card_content_top .article-label,
.article-related-post .article-card_content_top .article-label {
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 8px
}

@media(max-width:991px) {

    .article-listing .article-card_content_top .article-label,
    .article-related-post .article-card_content_top .article-label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1pc
    }
}

.article-listing .article-card_content_top .article-label span,
.article-related-post .article-card_content_top .article-label span {
    color: #616161;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 21px;
    text-transform: uppercase
}

.article-listing .article-card_content_top .article-title,
.article-related-post .article-card_content_top .article-title {
    -webkit-margin-before: 0;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px;
    margin-block-start: 0;
    margin-bottom: 8px
}

@media(max-width:991px) {

    .article-listing .article-card_content_top .article-title,
    .article-related-post .article-card_content_top .article-title {
        margin-bottom: 1pc
    }
}

.article-listing .article-card_content_top .article-content,
.article-related-post .article-card_content_top .article-content {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #616161;
    display: -webkit-box;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.article-listing .article-card_content .article-viewmore,
.article-related-post .article-card_content .article-viewmore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1pc;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 24px;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.article-listing .article-card_content .article-viewmore:hover,
.article-related-post .article-card_content .article-viewmore:hover {
    text-decoration: underline
}

.article-listing .article-card_content .article-viewmore .button-icon,
.article-related-post .article-card_content .article-viewmore .button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1pc;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 1pc
}

.article-tag-cloud {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
    padding: 2pc 0
}

.article-tag-cloud,
.article-tag-cloud_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-tag-cloud_heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0
}

.article-tag-cloud_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 21px;
    margin-right: 10px;
    width: 21px
}

.article-tag-cloud_title {
    color: #000;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px
}

.article-tag-cloud_content {
    grid-gap: 1pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    margin-left: 24px
}

@media(max-width:991px) {
    .article-tag-cloud_content {
        grid-gap: 8px;
        gap: 8px;
        margin-left: 8px
    }
}

.article-tag-cloud_item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 27px;
    color: #616161;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1pc;
    font-weight: 400;
    justify-content: space-between;
    line-height: 24px;
    padding: 8px 1pc;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.article-tag-cloud_item:hover {
    background: #000;
    color: #fff
}

.article-tag-cloud_item_title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.article-content--wrapper:has(.article-tag-cloud) {
    margin-top: -5pc
}

.article-content--wrapper .tcb-container .article-tag-cloud {
    padding-left: 24px
}

@media(max-width:992px) {
    .article-content--wrapper:has(.article-tag-cloud) {
        margin-top: -3pc
    }

    .article-content--wrapper .tcb-container .article-tag-cloud {
        padding-left: 0
    }
}

.article-content--wrapper .content-wrapper {
    background-color: #fff;
    max-width: 20in;
    padding: 2.25rem 4rem 1rem;
    width: 100%
}

@media(max-width:992px) {
    .article-content--wrapper .content-wrapper {
        max-width: 100%;
        padding-left: 4.4444444444%;
        padding-right: 4.4444444444%
    }
}

@media(max-width:767px) {
    .article-content--wrapper .content-wrapper {
        max-width: 100%;
        padding: 2rem 4.4444444444%
    }
}

.article-content--wrapper .content-wrapper .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1336px;
    width: 100%
}

@media(max-width:992px) {
    .article-content--wrapper .content-wrapper .wrapper {
        margin: .25rem 0 !important
    }
}

@media(max-width:767px) {
    .article-content--wrapper .content-wrapper .wrapper {
        margin: .5rem 0 !important
    }
}

.article-content--wrapper .tcb-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.article-content--wrapper .tcb-container:has(.article-tag-cloud) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 2rem;
    width: 63.5%
}

@media(max-width:992px) {
    .article-content--wrapper .tcb-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: .5rem .25rem !important
    }
}

.article-content--wrapper:has(.article-tag-cloud) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3rem;
    padding-top: 2.25rem
}

@media(max-width:991px) {
    .article-content--wrapper:has(.article-content) {
        max-width: 100%
    }
}

.article-content--wrapper .article-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%;
    flex-grow: 0;
    margin: 0 auto;
    max-width: 68%
}

.article-content--wrapper .article-content .articletableofcontent {
    background-color: #fff;
    padding: .75rem;
    position: sticky
}

@media(max-width:992px) {
    .article-content--wrapper .article-content .articletableofcontent {
        padding: .75rem 0
    }
}

@media(max-width:767px) {
    .article-content--wrapper .article-content .articletableofcontent {
        padding: .5rem 0
    }
}

.article-content--wrapper .article-content .articletableofcontent:has(.table-content)+.article-text h2 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25
}

.article-content--wrapper .article-content .articletableofcontent:has(.table-content)+.article-text h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25
}

.article-content--wrapper .article-content .articletableofcontent:has(.table-content)+.article-text h4 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.article-content--wrapper .article-content .table-content .title {
    line-height: 1.5
}

.article-content--wrapper .article-content .table-content__tableItem {
    margin-top: 1pc
}

.article-content--wrapper .article-content .table-content__content {
    padding: .688rem
}

.article-content--wrapper .article-content .article-table {
    background-color: #fff;
    padding: 9pt;
    position: sticky;
    top: 5pc !important
}

@media(max-width:992px) {
    .article-content--wrapper .article-content .article-table {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

.article-content--wrapper .article-content .article-text {
    margin-top: .5rem;
    overflow-anchor: none;
    padding: .75rem .75rem 0
}

@media(max-width:992px) {
    .article-content--wrapper .article-content .article-text {
        margin-top: 2rem;
        padding: .75rem 0 0
    }
}

@media(max-width:767px) {
    .article-content--wrapper .article-content .article-text {
        padding: .5rem 0 0
    }
}

.article-content--wrapper .article-content .article-text .tcb-sectionContainer .tcb-content-container {
    margin: unset
}

.article-content--wrapper .article-content .article-text .text-align-justify {
    text-align: justify
}

.article-content--wrapper .article-content .article-text a {
    color: #0a84ff;
    text-decoration: underline
}

.article-content--wrapper .article-content .article-text a:visited {
    color: #551a8b
}

@media(max-width:992px) {
    .article-content--wrapper .article-content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.article-content--wrapper .article-content p {
    padding: 0;
    text-align: justify
}

.article-content--wrapper .article-content figure {
    margin: 0 auto
}

.article-content--wrapper .article-content figure img {
    display: block;
    margin: auto;
    width: 100%
}

.article-content--wrapper .article-content figure.table {
    margin: 0 !important;
    max-width: 100% !important
}

.article-content--wrapper .article-content img {
    width: 100%
}

.article-content--wrapper .article-content .cmp-image__image {
    width: var(--desktopWidth)
}

@media screen and (max-width:767px) {
    .article-content--wrapper .article-content .cmp-image__image {
        width: var(--widthMobile)
    }
}

.article-content--wrapper .article-content h2 img,
.article-content--wrapper .article-content h3 img {
    width: auto
}

.article-content--wrapper .breadcrumb {
    width: 100%
}

.article-content--wrapper .article-content .article-tag-cloud {
    max-width: unset;
    padding: 1pc;
    width: 100%
}

.article-content__tag-cloud {
    background-color: #fff;
    margin: 0 auto;
    max-width: 20in;
    padding: 1rem 4rem;
    width: 100%
}

@media(max-width:992px) {
    .article-content__tag-cloud {
        padding-left: 4.4444444444%;
        padding-right: 4.4444444444%
    }
}

.article-content__tag-cloud--wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 83.5pc;
    padding: 0 .75rem;
    width: 100%
}

@media(max-width:992px) {
    .article-content__tag-cloud--wrapper {
        padding: unset
    }
}

.article-content__tag-cloud--wrapper .content-body {
    margin-left: auto;
    margin-right: auto;
    width: 68%
}

@media(max-width:992px) {
    .article-content__tag-cloud--wrapper .content-body {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: unset;
        width: 100%
    }
}

.article-content__tag-cloud--wrapper .content-body .article-tag-cloud {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.article-content__social-share {
    background-color: #fff;
    margin: 0 auto;
    max-width: 20in;
    padding: 1rem 4rem 3rem;
    width: 100%
}

@media(max-width:992px) {
    .article-content__social-share {
        padding-bottom: 2rem;
        padding-left: 4.4444444444%;
        padding-right: 4.4444444444%
    }
}

.article-content__social-share--wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 83.5pc;
    padding: 0 .75rem;
    width: 100%
}

@media(max-width:992px) {
    .article-content__social-share--wrapper {
        padding: unset
    }
}

.article-content__social-share--wrapper .content-body {
    margin-left: auto;
    margin-right: auto;
    width: 68%
}

@media(max-width:992px) {
    .article-content__social-share--wrapper .content-body {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: unset;
        padding: unset;
        width: 100%
    }
}

.article-content__social-share--wrapper .content-body .content-social-share {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
    width: 100%
}

@media(max-width:992px) {
    .article-content__social-share--wrapper .content-body .content-social-share {
        max-width: 100%;
        padding: .5rem 0;
        width: 100%
    }
}

.article-content__social-share--wrapper .content-body .content-social-share .social-label {
    font-weight: 700
}

.article-content__social-share--wrapper .content-body .content-social-share .social-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem
}

.article-content__social-share--wrapper .content-body .content-social-share .social-content .content-social-share-icon-wrapper:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.article-content__social-share--wrapper .content-body .content-social-share .social-content .content-social-share-icon-wrapper .content-social-share-icon {
    height: 2.5rem;
    width: 2.5rem
}

@media(max-width:992px) {
    .article-content__social-share--wrapper .content-body .content-social-share .social-content .content-social-share-icon-wrapper .content-social-share-icon {
        height: 2rem;
        width: 2rem
    }
}

.article-header--navigation {
    background-color: gray;
    height: 101px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.article-header--footer {
    background-color: gray;
    height: 5in;
    width: 100%
}

.article-header__container {
    margin-bottom: 1pc;
    margin-top: 1pc;
    padding-bottom: 0;
    padding-top: 0
}

@media(min-width:992px) {
    .article-header__container {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

.article-header__container--wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

@media(min-width:768px) {
    .article-header__container--wrapper {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media(min-width:320px)and (max-width:1199.95px) {
    .article-header__container--wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 4.4444444444vw;
        padding-right: 4.4444444444vw
    }
}

@media(min-width:1200px) {
    .article-header__container--wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media(min-width:1440px) {
    .article-header__container--wrapper {
        max-width: 90pc
    }
}

.article-header__container--wrapper .article-header-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -.75rem;
    overflow: hidden;
    width: calc(100% + 24px)
}

.article-header__container--wrapper .article-header-content .article-header-body {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 0;
    gap: .5rem;
    max-width: 100%;
    padding: .75rem;
    text-align: center
}

@media(min-width:768px) {
    .article-header__container--wrapper .article-header-content .article-header-body {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
}

@media(min-width:992px) {
    .article-header__container--wrapper .article-header-content .article-header-body {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        flex-grow: 0;
        max-width: 66.6666666667%
    }
}

.article-header__container--wrapper .article-header-content .article-header-body--title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5
}

.article-header__container--wrapper .article-header-content .article-header-body--subTitle {
    color: #8d8175;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25
}

@media(min-width:768px) {
    .article-header__container--wrapper .article-header-content .article-header-body--subTitle {
        margin-top: .5rem
    }
}

.article-header__container--wrapper .article-header-content .article-header-body--date {
    color: #a2a2a2;
    font-size: .875rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.5
}

.atm-map-component {
    background-color: #fff
}

.atm-map-component .head-title h2 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 2pc;
    margin-top: 4pc
}

.atm-map-component .atm-map-component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.atm-map-component .atm-map-component__container .map-container {
    height: 40pc;
    overflow: hidden;
    padding-left: 24px;
    width: 100%
}

@media screen and (max-width:767px) {
    .atm-map-component .atm-map-component__container .map-container {
        padding-left: 0
    }
}

.atm-map-component .atm-map-component__container .search-type {
    padding-top: 9pt;
    width: 100%
}

.atm-map-component .atm-map-component__container .search-type .items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.atm-map-component .atm-map-component__container .search-type .type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1pc;
    line-height: 24px;
    padding: 0 9pt
}

@media screen and (max-width:767px) {
    .atm-map-component .atm-map-component__container .search-type .type {
        padding: 0
    }
}

.atm-map-component .atm-map-component__container .search-type .type:not(:first-child) {
    margin-left: 24px
}

.atm-map-component .atm-map-component__container .search-type .icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f6f8;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3pc;
    justify-content: center;
    margin-bottom: 4px;
    padding: 8px;
    position: relative;
    width: 3pc
}

.atm-map-component .atm-map-component__container .search-type .icon img {
    height: 2pc;
    position: relative;
    width: 2pc
}

.atm-map-component .atm-map-component__container .type.clicked {
    color: #ed1c24
}

.atm-map-component .atm-map-component__container .type .hide,
.atm-map-component .atm-map-component__container .type.clicked img:not(.hide) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.atm-map-component .atm-map-component__container .type.clicked .hide {
    -webkit-filter: unset;
    filter: unset
}

.atm-map-component .atm-map-component__container .map-container iframe {
    border: 0;
    height: 790px;
    margin-top: -150px;
    width: 100%
}

.atm-map-component .atm-map-component__container .show-list .branch-list,
.atm-map-component .atm-map-component__container .show-list .cdm-list {
    display: none
}

.atm-map-component .atm-map-component__container .show-list .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 8px;
    padding: 1pc
}

.atm-map-component .atm-map-component__container .detail-item .above .atm div,
.atm-map-component .atm-map-component__container .show-list .item .image {
    aspect-ratio: 1;
    height: 2pc;
    margin: auto 24px auto 0;
    width: 2pc
}

.atm-map-component .atm-map-component__container .show-list .item .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px
}

.atm-map-component .atm-map-component__container .show-list .image img {
    height: auto;
    width: 100%
}

.atm-map-component .atm-map-component__container .show-list .item .content .type {
    color: #333;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase
}

.atm-map-component .atm-map-component__container .show-list .item .content .name {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.atm-map-component .atm-map-component__container .show-list .item .content .address {
    color: #a2a2a2;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.5
}

.atm-map-component .atm-map-component__container .detail-item {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    display: none;
    width: 100%
}

.atm-map-component .atm-map-component__container .detail-item .above {
    background-color: #f5f5f5;
    border-radius: 8px 8px 0 0
}

.atm-map-component .atm-map-component__container .detail-item .above,
.atm-map-component .atm-map-component__container .detail-item .under {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1pc
}

.atm-map-component .atm-map-component__container .detail-item .under {
    background-color: #fff;
    border-radius: 0 0 8px 8px
}

.atm-map-component .atm-map-component__container .detail-item .above .atm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.atm-map-component .atm-map-component__container .detail-item .above .atm .name {
    font-weight: 600
}

.atm-map-component .atm-map-component__container .detail-item .above .atm img {
    width: 100%
}

.atm-map-component .atm-map-component__container .detail-item .above .comeback {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 1pc
}

.atm-map-component .atm-map-component__container .detail-item .above .comeback img {
    height: 1pc;
    margin-right: 9pt;
    width: 10px
}

.atm-map-component .atm-map-component__container .detail-item .under p:first-child {
    color: #a2a2a2;
    font-size: 1rem;
    font-style: italic;
    font-weight: 100;
    line-height: 1.5
}

.atm-map-component .atm-map-component__container .detail-item .under p:nth-child(2) {
    color: var(--gray-600);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.atm-map-component .atm-map-component__container .detail-item .under .direction {
    color: #1d6d30;
    cursor: pointer;
    font-size: 1pc;
    line-height: 24px;
    margin-top: 4px;
    text-decoration: underline
}

.atm-map-component .atm-map-component__container .detail-item .under .branch-btn .cta-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: SF Pro Display;
    font-size: 1rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.5;
    margin-top: 8px;
    outline: none;
    text-align: left;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%
}

.atm-map-component .atm-map-component__container .detail-item .under .branch-btn:hover .cta-button {
    background-color: #000;
    color: #fff
}

.atm-map-component .atm-map-component__container .detail-item .under .branch-btn:hover path {
    fill: #fff
}

.atm-map-component .atm-map_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.atm-map-component .search-container {
    max-width: 32%;
    min-width: 421px;
    width: 100%
}

.atm-map-component .search-input {
    padding-bottom: 24px
}

.atm-map-component .search-input .search {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: none;
    padding: 9pt 1pc;
    position: relative;
    width: 100%
}

.atm-map-component .search-input .search.focus {
    outline: 1px solid #e3e4e6
}

.atm-map-component .search-input .search-input_icon {
    height: 24px;
    width: 24px;
    z-index: 2
}

.atm-map-component .search-input input {
    border: none;
    left: 0;
    outline: none;
    padding: 1.5px 9pt 2.5px 56px;
    position: absolute;
    width: 100%
}

.atm-map-component .search-input {
    position: relative
}

.atm-map-component #atm-map-autocomplete {
    position: absolute
}

.atm-map-component #atm-map-autocomplete .ui-autocomplete {
    -webkit-padding-start: 0;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 4px;
    list-style: none;
    margin-top: 23px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-inline-start: 0;
    z-index: 10
}

.atm-map-component #atm-map-autocomplete .ui-menu-item {
    cursor: pointer;
    min-height: auto;
    padding: 8px 1pc;
    width: auto
}

.atm-map-component #atm-map-autocomplete .ui-menu-item:hover {
    background-color: rgba(0, 0, 0, .04)
}

.atm-map-component .search-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9px -9px 0;
    width: calc(100% + 18px)
}

.atm-map-component .search-filter .filter {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
    padding: 9px;
    position: relative
}

.atm-map-component .filter .option {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    height: 3pc;
    padding: 9pt 1pc;
    position: relative;
    z-index: 1
}

.atm-map-component .filter .option:hover {
    font-weight: unset
}

.atm-map-component .filter .option .dropdown-backdrop {
    display: none
}

.atm-map-component .filter input {
    background-color: transparent;
    border: none;
    font-size: 1pc;
    max-width: 150px;
    padding-right: 10px;
    pointer-events: none;
    text-overflow: ellipsis;
    width: 100%
}

@media(max-width:767px) {
    .atm-map-component .filter input {
        padding-right: 20px
    }
}

.atm-map-component .filter img,
.atm-map-component .filter svg {
    border-left: 2.5px solid #ed1b24;
    border-top: 2.5px solid #ed1b24;
    color: #ed1b24;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 43%;
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    width: 10px;
    z-index: -1
}

.atm-map-component .filter img svg *,
.atm-map-component .filter path {
    display: none
}

.atm-map-component .filter.disable .option {
    background-color: #d9d9d9;
    pointer-events: none
}

.atm-map-component .filter.disable .option img,
.atm-map-component .filter.disable .option svg {
    border-color: #616161
}

.atm-map-component .filter .select-options {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    max-height: 25pc;
    max-width: calc(100% + 17px);
    min-height: 1pc;
    min-width: 197px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: -50px;
    -webkit-transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 337ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 224ms cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: -1
}

@media(max-width:414px) {
    .atm-map-component .filter .select-options {
        min-width: unset
    }
}

.atm-map-component .filter .option.showed+.select-options {
    opacity: 1;
    z-index: 10
}

.atm-map-component .filter .option.showed img,
.atm-map-component .filter .option.showed svg {
    border-color: #616161;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.atm-map-component .filter .option.showed .dropdown-backdrop {
    display: block
}

.atm-map-component .filter .select-options ul {
    -webkit-padding-start: 0;
    list-style: none;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-inline-start: 0;
    padding-right: 17px;
    width: calc(100% + 17px)
}

.atm-map-component .filter .select-options li {
    cursor: pointer;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .00938em;
    line-height: 1.5;
    min-height: auto;
    padding: 6px 1pc;
    -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: auto
}

.atm-map-component .filter .select-options li.selected {
    background-color: rgba(0, 0, 0, .08)
}

.atm-map-component .filter .select-options li:hover {
    background-color: rgba(0, 0, 0, .04);
    font-weight: 600
}

.atm-map-component .search-result {
    padding-top: 24px;
    position: relative
}

.atm-map-component .search-result:before {
    background: #a2a2a2;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.atm-map-component .search-result .result-message {
    color: #616161;
    font-size: 1pc;
    line-height: 24px;
    padding-top: 24px
}

.atm-map-component .results {
    margin-top: 1pc
}

.atm-map-component .results .show-list {
    height: 332px;
    overflow: auto
}

.atm-map-component .expand_cards_phone,
.atm-map-component .phone {
    display: none
}

.atm-map-component .img-icon {
    height: 24px;
    width: 24px
}

@media screen and (max-width:767px) {
    .atm-map-component .atm-map_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .atm-map-component .atm-map-component__container .map-container {
        height: 21pc;
        margin-top: 24px;
        padding-left: 0
    }

    .atm-map-component .atm-map-component__container .map-container iframe {
        height: 500px
    }

    .atm-map-component .search-container {
        max-width: unset;
        min-width: unset
    }

    .atm-map-component__container .search-type .type {
        padding: 0
    }

    .atm-map-component .search-filter .filter {
        padding: 8px
    }

    .branches-atm-locate {
        margin-bottom: 3pc
    }
}

.ui-helper-hidden-accessible {
    visibility: hidden
}

.branches-option-container {
    background-color: #fff;
    padding-top: 4pc
}

.branches-option-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.branches-option-root {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -9pt;
    width: calc(100% + 24px)
}

.branches-root-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%
}

.branches-root-item>h2 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

.branches-atm-locate {
    margin-bottom: 2pc;
    margin-top: 2pc
}

.branches-radio-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    grid-column-gap: 1pc;
    -webkit-column-gap: 1pc;
    -moz-column-gap: 1pc;
    column-gap: 1pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start
}

.branches-radio-container {
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    height: 3pc;
    letter-spacing: 2px;
    line-height: 1.5;
    max-width: 420px;
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.branches-radio-container span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.branches-radio-container>input {
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.branches-radio-container>input~.branches-radio-cycle {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 50%;
    height: 24px;
    position: absolute;
    right: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    z-index: 1
}

.branches-radio-container>input:checked~.branches-radio-cycle {
    border: 1px solid #ed1b24
}

.branches-radio-container>input:checked~.branches-radio-cycle:before {
    background-color: #ed1b24;
    border-radius: 50%;
    content: "";
    height: 1pc;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 1pc
}

.branches-radio-container>input~.branches-radio-checkmark {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    grid-gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f6f8;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 1pc;
    font-weight: 400;
    gap: 24px;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    letter-spacing: normal;
    line-height: 24px;
    padding: 9pt 24px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 0;
    width: 100%
}

.branches-radio-container>input:checked~.branches-radio-checkmark {
    background-color: transparent;
    border: 1px solid #212121;
    color: #000
}

.branches-radio-container .branches-radio-checkmark picture {
    height: 24px
}

.branches-radio-checkmark>h3:first-child,
.branches-radio-checkmark>span:first-child {
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.branches-radio-checkmark>h3:first-child {
    font-size: 1pc;
    font-weight: 400
}

.branches-radio-checkmark>span:nth-child(2) {
    color: #000
}

.branches-root-item>div:last-child {
    display: block;
    margin-right: 8px;
    position: relative
}

.branches-root-item>div:last-child>div {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.branches-root-item>div:last-child>div,
.branches-root-item>div:last-child>div>div {
    display: block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.branches-root-item>div:last-child>div>div {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 435px;
    opacity: 1;
    top: 0
}

.branches-root-item>div:last-child>div>div>div {
    display: block;
    float: left;
    height: 100%;
    margin-right: 8px;
    min-height: 1px;
    outline: none
}

.branches-option-button {
    background-color: #212121;
    border: 1px solid #c5c5c5;
    border-radius: 27px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1pc;
    height: 3pc;
    line-height: 24px;
    padding: 9pt 24px;
    width: 100%
}

@media(min-width:390px) {
    .branches-root-item>div:last-child>div>div {
        max-width: 347px
    }
}

@media(min-width:576px) {
    .branches-root-item>div:last-child>div>div {
        max-width: 517px
    }
}

@media(min-width:768px) {
    .branches-option-wrapper {
        padding-left: 9pt;
        padding-right: 9pt
    }

    .branches-root-item>div:last-child>div>div {
        max-width: 231px
    }
}

@media(min-width:918px) {
    .branches-root-item>div:last-child>div>div {
        max-width: 276px
    }
}

@media(min-width:992px) {
    .branches-root-item>div:last-child>div>div {
        max-width: 299px;
        min-width: 299px
    }
}

@media(min-width:1200px) {
    .branches-root-item>div:last-child>div>div {
        max-width: 355px
    }
}

@media(min-width:1440px) {
    .branches-root-item>div:last-child>div>div {
        max-width: 435px
    }
}

@media(max-width:767px) {
    .atm-map-component {
        padding: unset
    }

    .branches-option-container {
        padding-top: 3pc
    }

    .branches-atm-locate {
        margin-bottom: 3pc
    }

    .branches-radio-item {
        grid-gap: 1pc;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc
    }
}

.bao-loc-certificate-of-deposit-calculator__container {
    margin: 0 auto;
    width: 100%
}

@media(min-width:320px)and (max-width:1199.95px) {
    .bao-loc-certificate-of-deposit-calculator__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:1200px) {
    .bao-loc-certificate-of-deposit-calculator__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:1440px) {
    .bao-loc-certificate-of-deposit-calculator__container {
        max-width: 90pc
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 24px)
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    padding: .75rem 0
}

@media(max-width:992px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1.5rem;
        padding: unset
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input {
    background-color: #fff;
    border-radius: .5rem 0 0 .5rem;
    display: inline-block;
    padding: 1.5rem;
    width: 59%
}

@media(max-width:992px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input {
        border-radius: .5rem .5rem 0 0;
        padding: 2rem 1rem;
        width: 100%
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--label {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    margin: auto;
    max-width: 41.6666666667%;
    padding: .5rem .25rem
}

@media(max-width:576px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: .25rem
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--label h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: .5rem .25rem;
    position: relative
}

@media(max-width:576px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: .25rem
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .roi-amount-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .roi-amount-input__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e3e4e6;
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    padding-right: .875rem;
    width: 100%
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .roi-amount-input__wrapper:has(input:focus) {
    border-color: #0a84ff
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .roi-amount-input__wrapper--input-body {
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-animation-name: mui-auto-fill-cancel;
    animation-name: mui-auto-fill-cancel;
    background: none;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: currentColor;
    display: block;
    font: inherit;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    height: 1.1876em;
    letter-spacing: inherit;
    margin: 0;
    min-width: 0;
    outline: 0;
    padding: 1rem .875rem;
    width: 100%
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .roi-amount-input__wrapper--currency-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    height: .01em;
    max-height: 2em;
    white-space: nowrap
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: .5rem;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate input.date-time-wrapper__input {
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    background: none;
    border: 1px solid #d3d3d3;
    border-radius: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: currentColor;
    display: block;
    font: inherit;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    height: 1.25rem;
    letter-spacing: inherit;
    margin: 0;
    min-width: 0;
    outline: 0;
    padding: 1rem .875rem;
    width: 100%
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate input.date-time-wrapper__input:focus {
    border-color: #0a84ff
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate input.date-time-wrapper__input:hover {
    border-color: rgba(0, 0, 0, .8)
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate .date-time-wrapper__input-extra p.loan-realestate__icon {
    -webkit-box-flex: 0;
    border-radius: 50%;
    color: rgba(0, 0, 0, .54);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    height: 3rem;
    overflow: visible;
    padding: .75rem;
    text-align: center;
    -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: 3rem
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate .date-time-wrapper__input-extra:hover p.loan-realestate__icon {
    background-color: rgba(0, 0, 0, .04)
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate .date-time-wrapper__input-extra.calendar__input-field {
    outline: .1em solid #87cefa
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar_real_estate .loan-realestate__input:hover input {
    border: 1px solid #000
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .calendar-popup {
    left: 0
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .interest-rate,
.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__input--wrapper .calculator--input .invest-time {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #d9d9d9;
    border: 1px solid #e3e4e6;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info {
    display: inline-block;
    padding: 2rem 0;
    position: relative;
    width: 41%
}

@media(max-width:992px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info {
        width: 100%
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--background {
    background: none;
    border-radius: 0 .5rem .5rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

@media(max-width:992px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--background {
        border-radius: 0 0 .5rem .5rem;
        width: 100%
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--background img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2.5rem;
    position: relative
}

@media(max-width:576px) {
    .bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content {
        padding: 0 1rem
    }
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__icon {
    position: relative
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__icon img {
    height: 3.438rem !important;
    width: 5rem !important
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__profit,
.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__receive {
    color: #fff;
    display: inline-block
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__profit p,
.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__receive p {
    color: #e3e4e6;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    margin-top: 1.5rem
}

.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__profit h3,
.bao-loc-certificate-of-deposit-calculator__container--wrapper .certificate-of-deposit-calculator__info--content .content__receive h3 {
    font-size: 1.5rem;
    line-height: 1.5;
    overflow-wrap: break-word
}

.header_layout>.header-content .navigation_sub {
    z-index: 16
}

.aem-Grid:has(.breadcrumb),
.article-content--wrapper:has(.breadcrumb) {
    position: relative
}

.breadcrumb {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
}

.hero-breadcrumb-container {
    overflow: hidden;
    padding: 1rem 0
}

.hero-breadcrumb-container ol {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-overflow-style: none;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    overflow-x: scroll;
    padding: 0;
    scrollbar-width: none;
    white-space: nowrap
}

.hero-breadcrumb-container ol::-webkit-scrollbar {
    display: none
}

.hero-breadcrumb-container ol .breadcrumb-item {
    color: #a2a2a2;
    font-weight: 400
}

.hero-breadcrumb-container ol .breadcrumb-item:not(:first-child) {
    padding-left: .5rem
}

.hero-breadcrumb-container ol .breadcrumb-item:not(:last-child) {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/chevron_right_gray.svg) no-repeat 100%;
    -webkit-filter: brightness(0) saturate(100%) invert(74%) sepia(0) saturate(512%) hue-rotate(88deg) brightness(89%) contrast(84%);
    filter: brightness(0) saturate(100%) invert(74%) sepia(0) saturate(512%) hue-rotate(88deg) brightness(89%) contrast(84%);
    padding-right: 2rem
}

.hero-breadcrumb-container ol .breadcrumb-item:nth-child(2n) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-breadcrumb-container ol .breadcrumb-item.cmp-breadcrumb__item--active {
    color: #000
}

.hero-breadcrumb-container ol .breadcrumb-item .breadcrumb-text {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .009rem;
    line-height: 1.25rem;
    text-decoration: none
}

.insurance .hero-breadcrumb-container {
    position: absolute;
    top: 0
}

body.dark .hero-breadcrumb-container ol .breadcrumb-item .cmp-breadcrumb__item-link {
    color: #a2a2a2
}

body.dark .hero-breadcrumb-container ol .breadcrumb-item.cmp-breadcrumb__item--active {
    color: #fff
}

.c-cash-score-board-component .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 9pt;
    width: 100%
}

.c-cash-score-board-component .title h2 {
    color: var(--secondary-grey-100);
    font-size: 2pc;
    line-height: 40px;
    padding-bottom: 9pt
}

.c-cash-score-board-component .scoreboard {
    background-color: var(--primary-white);
    border-collapse: collapse;
    width: 100%
}

.c-cash-score-board-component .scoreboard tr.total-score-row {
    background-color: var(--primary-ivory)
}

.c-cash-score-board-component .scoreboard td,
.c-cash-score-board-component .scoreboard th {
    border: 1px solid var(--secondary-mid-grey-60);
    padding: 1pc 3pc;
    text-align: center;
    width: 33.33%
}

.c-cash-score-board-component .scoreboard td.first-col-cell,
.c-cash-score-board-component .scoreboard th.first-col-cell {
    text-align: start
}

.c-cash-score-board-component .scoreboard td.low-score,
.c-cash-score-board-component .scoreboard th.low-score {
    color: red
}

.c-cash-score-board-component .scoreboard td.high-score,
.c-cash-score-board-component .scoreboard th.high-score {
    color: #1d6d31
}

@media(max-width:767px) {

    .c-cash-score-board-component .scoreboard td,
    .c-cash-score-board-component .scoreboard th {
        padding: 1pc 9pt
    }
}

@media(max-width:280px) {

    .c-cash-score-board-component .scoreboard td,
    .c-cash-score-board-component .scoreboard th {
        padding: 0
    }
}

#ui-datepicker-div {
    display: none
}

.calendar-event .event-filter {
    margin-top: 0
}

.calendar-event .event-filter .tcb-date-picker {
    margin-bottom: 24px
}

@media(max-width:767px) {
    .calendar-event .event-filter .tcb-date-picker {
        margin-bottom: 0
    }
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isSelected>a {
    background-color: #ed1b24;
    color: #fff
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isPast .ui-state-active {
    background-color: #c5c5c5
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isEvent {
    position: relative
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isEvent:after {
    -webkit-animation: red-flash-point 1s infinite;
    animation: red-flash-point 1s infinite;
    border-radius: 50%;
    content: "\a";
    height: 7px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 7px
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isEvent.isPast:after {
    -webkit-animation: grey-flash-point 1s infinite;
    animation: grey-flash-point 1s infinite
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker :not(.isSelected)>.ui-state-hover {
    background-color: rgba(0, 0, 0, .04)
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isPast {
    color: #c5c5c5
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isPast.isSelected>a {
    background-color: #c5c5c5;
    color: #fff
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isPast.isSelected>a.ui-state-hover {
    background-color: #c5c5c5
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isPast .ui-state-active {
    background-color: #fff;
    color: #c5c5c5
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .isPast .ui-state-hover {
    background-color: #fff
}

.calendar-event .event-filter .tcb-date-picker .ui-datepicker .ui-state-active {
    background-color: #fff;
    color: #000
}

.calendar-event .event-filter .offer-cards__container {
    padding: 0
}

.calendar-event .event-filter .news-filter-card_cover-image {
    -o-object-position: center center;
    object-position: center center
}

.calendar-event .event-filter .news_filter__close-button {
    height: 24px
}

.calendar-event .event-filter .news_filter__close-button>img {
    -webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(76%) saturate(5062%) hue-rotate(348deg) brightness(137%) contrast(94%);
    filter: brightness(0) saturate(100%) invert(10%) sepia(76%) saturate(5062%) hue-rotate(348deg) brightness(137%) contrast(94%);
    height: 24px
}

.calendar-event .event-filter .news-filter-card .news-card_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:767px) {
    .calendar-event .event-filter .news-filter-card .news-card_type {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calendar-event .event-filter .news-filter-card .news-card_type .news-card_time {
        margin: 8px 0
    }

    .calendar-event .event-filter .news-filter-card .news-card_type .news-card_type-inner {
        border-right: 0
    }
}

.calendar-event .event-filter .news-filter-card .news-filter-card_cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 422px;
    flex: 0 0 422px;
    height: auto;
    min-height: 236px
}

@media(max-width:1999px) {
    .calendar-event .event-filter .news-filter-card .news-filter-card_cover {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 355px;
        flex: 0 0 355px
    }
}

@media(max-width:767px) {
    .calendar-event .event-filter .news-filter-card .news-filter-card_cover {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
        flex: 0 0 0
    }
}

.calendar-event .event-filter .news-filter-card .news-card_info {
    line-height: 24px;
    overflow: hidden;
    width: 100%
}

.calendar-event .event-filter .news-filter-card .news-card_info .news-card_title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar-event .event-filter .news-filter-card .news-card_info .news-card_note {
    color: #616161;
    font-style: italic;
    font-weight: 500;
    margin-top: -8px
}

.calendar-event .event-filter .news-filter-card .news-card_info .news-card_description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: block;
    margin-top: -8px;
    overflow: auto;
    text-overflow: ellipsis
}

.calendar-event .event-filter .news-filter-card_month {
    background-color: #fff;
    border-radius: 1pc;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    height: 82px;
    left: 24px;
    top: 2pc;
    width: 94px
}

.calendar-event .event-filter .news-filter-card_month>small {
    color: #a2a2a2
}

.calendar-event .event-filter .news-filter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding-bottom: 9pt;
    padding-top: 9pt
}

.calendar-event .event-filter .news_filter-group {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: 100%;
    padding: 0 !important
}

.calendar-event .event-filter .offer-filter__checkbox-item {
    width: auto
}

.calendar-event .event-filter .tcb-button--link:hover {
    color: unset;
    text-decoration: underline
}

.calendar-event .event-filter .information-filter__load-more {
    margin: 24px auto 0;
    max-width: 328px;
    text-align: center
}

.calendar-event .event-filter .information-filter__load-more button {
    background-color: transparent
}

.calendar-event .event-filter .offer-filter__title .offer-filter__title-label {
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px
}

.calendar-event .news_filter__header {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    padding: 1pc;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.calendar-event .news_filter__header,
.calendar-event .news_open-filter-button .btn-open-filter-sticky {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 700;
    justify-content: space-between;
    line-height: 24px
}

.calendar-event .news_open-filter-button .btn-open-filter-sticky {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .027), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .027), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    height: 56px;
    left: 0;
    padding: 1pc 24px 1pc 2pc;
    position: fixed;
    top: 75pt;
    z-index: 2
}

.calendar-event .news_open-filter-button:not(.sticky) .btn-open-filter-sticky {
    display: none
}

@media(min-width:768px) {
    .calendar-event .mobile-only {
        display: none !important
    }
}

@media(max-width:767px) {
    .calendar-event {
        padding: 0 0 3pc
    }

    .calendar-event .mobile-not-show {
        display: none
    }

    .calendar-event .event-filter .offer-cards__container {
        padding: 8px 0
    }

    .calendar-event .event-filter .news-filter__wrapper {
        display: block
    }

    .calendar-event .event-filter .news_open-filter-button {
        font-weight: 700;
        line-height: 24px;
        padding: 8px 0
    }

    .calendar-event .event-filter .news_filter-group {
        left: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1300
    }

    .calendar-event .event-filter .news_filter-group .news_filter-group__content {
        background-color: #fff;
        height: 100vh;
        overflow-y: auto;
        padding: 0 1pc 3pc
    }

    .calendar-event .event-filter .news_filter-group {
        display: block;
        opacity: 0;
        -webkit-transform: scale(.75, .5625);
        transform: scale(.75, .5625);
        -webkit-transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 265ms cubic-bezier(.4, 0, .2, 1) 133ms;
        transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 265ms cubic-bezier(.4, 0, .2, 1) 133ms;
        transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 265ms cubic-bezier(.4, 0, .2, 1) 133ms;
        transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 265ms cubic-bezier(.4, 0, .2, 1) 133ms, -webkit-transform 265ms cubic-bezier(.4, 0, .2, 1) 133ms;
        visibility: hidden
    }

    .calendar-event .event-filter.open .news-filter__wrapper {
        padding: 9pt 17px !important
    }

    .calendar-event .event-filter.open .news_filter-group {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 265ms cubic-bezier(.4, 0, .2, 1) 0ms;
        transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 265ms cubic-bezier(.4, 0, .2, 1) 0ms;
        transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 265ms cubic-bezier(.4, 0, .2, 1) 0ms;
        transition: opacity 398ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 265ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 265ms cubic-bezier(.4, 0, .2, 1) 0ms;
        visibility: visible
    }

    .calendar-event .event-filter .news-card_info .news-card_type-inner {
        line-height: 21px
    }

    .calendar-event .event-filter .news-card_info .news-card_title {
        line-height: 24px;
        margin-top: 8px
    }

    .calendar-event .event-filter .news-card_info .news-card_description {
        line-height: 24px
    }

    .calendar-event .event-filter .news-card_info .news-card_note {
        margin-top: -8px
    }

    .calendar-event .event-filter .load-more__button {
        padding: 9pt 1pc
    }

    .calendar-event .event-filter .btn-open-filter {
        font-size: 1pc;
        line-height: 24px;
        padding: 9pt 24px
    }

    .calendar-event .offer-filter__apply {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 2pc auto 150px;
        text-align: center
    }

    .calendar-event .offer-filter__apply .tcb-button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 24px;
        padding: 9pt 1pc
    }

    .calendar-event .card-multiple-select__content {
        background-color: transparent !important;
        margin: 0 !important;
        padding: 20px 0 !important
    }

    .calendar-event .card-multiple-select__container {
        padding: 0
    }
}

.calendar-popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    left: -25%;
    max-width: 325px;
    min-height: 315px;
    min-width: 310px;
    overflow-x: hidden;
    padding: 2pc 0 0;
    position: absolute;
    top: 36px;
    z-index: 2
}

@media(max-width:320px) {
    .calendar-popup.tcb-date-picker.active {
        left: -1.25rem !important;
        max-width: 100%;
        min-width: 95vw
    }
}

.calendar-popup.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.text-input-wrapper .calendar-popup {
    bottom: unset
}

@media screen and (max-width:767px) {
    .calendar-popup {
        left: unset
    }
}

@media screen and (max-height:767px)and (max-width:767px) {
    .calendar-popup {
        left: unset;
        top: -50%
    }
}

.datepicker-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    width: 100%
}

.datepicker-section,
.datepicker-section .date-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.datepicker-section .date-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin: 0;
    max-height: 2em;
    position: absolute;
    right: 1pc;
    white-space: nowrap
}

.datepicker-section .date-icon img,
.datepicker-section .date-icon svg {
    fill: currentColor;
    height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em
}

.datepicker-section .date-icon div {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    justify-content: center;
    padding: 0;
    text-align: center
}

.datepicker-input {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: currentColor;
    font: inherit;
    height: 56px;
    outline: none;
    padding: 1pc;
    width: 100%
}

.datepicker-input::-webkit-calendar-picker-indicator,
.datepicker-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none
}

.dropdown-overflow-hidden.datepicker-showing {
    overflow: auto
}

#datepicker-container {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 16
}

.datepicker-showing #datepicker-container {
    display: block
}

.md-ripples.ui-datepicker-unselectable,
.md-ripples.ui-state-disabled {
    pointer-events: none
}

#ui-datepicker-div {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    padding: 2pc 0 0;
    z-index: 1600 !important
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-header {
    height: 115px;
    margin-bottom: 0
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0;
    text-align: left
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-month:before {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/calendar.svg) no-repeat;
    content: var(--yearTitle);
    -webkit-filter: brightness(0) saturate(100%);
    filter: brightness(0) saturate(100%);
    font-size: 1pc;
    font-weight: 400;
    margin-left: 17px;
    padding-left: 33px;
    position: absolute;
    top: 9pt
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-month:after {
    content: var(--yearVar)
}

#ui-datepicker-div.ui-datepicker.change-year span.select-year-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/red-dropdown-arrow.svg);
    background-position: right .7rem top 50%;
    background-repeat: no-repeat;
    background-size: 22.14px auto;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    font-size: 1pc;
    font-weight: 400;
    outline: none;
    padding: 9pt 40px 9pt 17px;
    position: relative;
    text-align: right;
    width: 100%
}

#ui-datepicker-div.ui-datepicker.change-year select.ui-datepicker-year {
    display: none
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-month {
    border-top: 1px solid #e3e4e6;
    font-size: 1pc;
    padding-top: 1pc
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-prev {
    bottom: 0;
    top: unset
}

#ui-datepicker-div.ui-datepicker.change-year .ui-datepicker-prev {
    left: unset;
    right: 40px
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: none;
    padding: 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-days-cell-over .ui-state-highlight {
    background-color: var(--primary-red);
    border-radius: 50%;
    color: #fff
}

.ui-selectmenu-menu.select-year-dropdown {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    position: absolute;
    z-index: 999
}

.ui-selectmenu-menu.select-year-dropdown.ui-selectmenu-open .ui-menu {
    height: auto;
    margin: 20px 0
}

.ui-selectmenu-menu.select-year-dropdown>.ui-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-padding-start: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    max-height: 300px;
    overflow-x: hidden;
    padding-inline-start: 0;
    width: 278px;
    width: 100%
}

.ui-selectmenu-menu.select-year-dropdown>.ui-menu>li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 40px;
    margin: 0;
    outline: none;
    padding-left: 1pc
}

@media(max-width:767px) {
    .cardinfo:not(:has(.list-card-info-slider)) {
        margin-left: -4.4444444444vw;
        overflow: hidden;
        position: relative;
        width: 109.756097561% !important;
        z-index: 1
    }

    .cardinfo:not(:has(.list-card-info-slider))>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 4.4444444444vw;
        padding-right: 4.4444444444vw
    }
}

@media(max-width:767px) {
    .list-card-info {
        width: 100%
    }

    .cardinfo:not(:has(.list-card-info-slider)) .list-card-info {
        margin: -8px;
        width: calc(100% + 1pc)
    }
}

.list-card-info .list-card-info__item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.list-card-info.dark-theme .list-card-info__item-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), -webkit-gradient(linear, left bottom, left top, color-stop(48.82%, #212121), color-stop(153.41%, #8d8175));
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(0deg, #212121 48.82%, #8d8175 153.41%);
    color: #fff
}

.list-card-info .cta-button {
    min-width: 0 !important
}

@media(max-width:575px) {
    .list-card-info .cta-button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.list-card-info .right-bottom-icon .cta-button {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.list-card-info .right-bottom-icon .cta-button picture {
    margin-bottom: 5px
}

.list-card-info__container {
    z-index: 5
}

.list-card-info .list-card-info__title {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 8px
}

.list-card-info .list-card-info__title.loan {
    color: #000
}

@media(max-width:767px) {
    .list-card-info .list-card-info__title {
        margin-bottom: 0
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item {
    display: grid;
    gap: 20px 24px;
    grid-template-columns: auto auto auto;
    grid-template-columns: repeat(3, 1fr)
}

.list-card-info .list-card-info__container .list-card-info__list-item.column-1 {
    grid-template-columns: repeat(1, 1fr)
}

.list-card-info .list-card-info__container .list-card-info__list-item.column-2 {
    grid-template-columns: repeat(2, 1fr)
}

.list-card-info .list-card-info__container .list-card-info__list-item.column-2 .list-card-info__item .list-card-info__item-img {
    aspect-ratio: 2.85
}

.list-card-info .list-card-info__container .list-card-info__list-item.column-3 {
    grid-template-columns: repeat(3, 1fr)
}

.list-card-info .list-card-info__container .list-card-info__list-item.column-4 {
    grid-template-columns: repeat(4, 1fr)
}

.list-card-info .list-card-info__container .list-card-info__list-item.view-more .list-card-info__item-content {
    padding: 24px 1pc !important
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:767px) {
    .list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item {
        height: var(--mobile-height)
    }
}

@media screen and (min-width:768px) {
    .list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item {
        height: var(--desktop-height)
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-img.only-image {
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-img.small-image {
    height: 75pt;
    margin: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-img.large-image {
    aspect-ratio: 1.7777777778;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-img.loan {
    pointer-events: none
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    height: 100%;
    justify-content: space-between;
    line-height: 1.5;
    padding: 24px
}

@media(max-width:767px) {
    .list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content {
        padding: 1pc
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content .list-card-info__item-info-description>h4 {
    margin-bottom: 8px
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content .list-card-info__item-info-description--title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: unset
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content .list-card-info__item-info-description .content-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content .list-card-info__item-info-footer {
    font-weight: 700
}

@media(max-width:992px) {
    .list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item-content h4 {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px
}

@media(max-width:767px) {
    .list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.effects-enlarge-shadow:hover {
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.effects-enlarge-shadow:hover .list-card-info__item-img,
.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.effects-enlarge:hover .list-card-info__item-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item .list-card-info__item--box {
    height: auto;
    min-height: 88px;
    overflow: hidden;
    width: 100%
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.img-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.img-bottom .list-card-info__item--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.img-bottom .list-card-info__item-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.card-info-text-align-top.overlay-card {
    min-height: unset
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.card-info-text-align-top .list-card-info__item-info-card-description {
    margin-bottom: 0;
    margin-top: 0
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.overlay-card {
    --negativePX: -24px;
    margin-top: 24px;
    min-height: 350px;
    overflow: visible
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.overlay-card .list-card-info__item--box {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -webkit-transform: translateY(var(--negativePX));
    transform: translateY(var(--negativePX))
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.overlay-card .list-card-info__item--box .overlay-img {
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    height: 219px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 3pc)
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.overlay-card .list-card-info__item--box .overlay-img .overlay-image {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item.overlay-card .list-card-info__item--box .overlay-img .overlay-image img.list-card-info__item-img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider.view-more .list-card-info__item-content {
    padding: 24px 1pc !important
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 77%, .54);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 3pc;
    justify-content: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 3pc
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-prev {
    color: #fff;
    font-size: 1.25rem;
    left: -.875rem;
    top: 50%;
    z-index: 7
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-prev:hover {
    background-color: #fff;
    color: red;
    cursor: pointer
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-prev:after {
    content: "❮"
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-next {
    color: #fff;
    font-size: 1.25rem;
    right: -.875rem;
    top: 50%;
    z-index: 7
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-next:hover {
    background-color: #fff;
    color: red;
    cursor: pointer
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-next:after {
    content: "❯"
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list {
    padding-bottom: 1rem;
    padding-top: .5rem
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide {
    margin: 0 .75rem
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:767px) {
    .list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item {
        height: var(--mobile-height)
    }
}

@media screen and (min-width:768px) {
    .list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item {
        height: var(--desktop-height)
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-img.only-image {
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-img.small-image {
    height: 75pt;
    margin: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-img.large-image {
    aspect-ratio: 1.7777777778;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-img.loan {
    pointer-events: none
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    height: 100%;
    justify-content: space-between;
    line-height: 1.5;
    padding: 24px
}

@media(max-width:767px) {
    .list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content {
        padding: 1pc
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content .list-card-info__item-info-description>h4 {
    margin-bottom: 8px
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content .list-card-info__item-info-description--title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: unset
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content .list-card-info__item-info-description .content-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content .list-card-info__item-info-footer {
    font-weight: 700
}

@media(max-width:992px) {
    .list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item-content h4 {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px
}

@media(max-width:767px) {
    .list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.effects-enlarge-shadow:hover {
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.effects-enlarge-shadow:hover .list-card-info__item-img,
.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.effects-enlarge:hover .list-card-info__item-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item .list-card-info__item--box {
    height: auto;
    min-height: 88px;
    overflow: hidden;
    width: 100%
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.img-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.img-bottom .list-card-info__item--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.img-bottom .list-card-info__item-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.overlay-card {
    --negativePX: -24px;
    margin-top: 24px;
    min-height: 350px;
    overflow: visible
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.overlay-card .list-card-info__item--box {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -webkit-transform: translateY(var(--negativePX));
    transform: translateY(var(--negativePX))
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.overlay-card .list-card-info__item--box .overlay-img {
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    box-shadow: 0 8px 1pc rgba(0, 0, 0, .1);
    height: 219px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 3pc)
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.overlay-card .list-card-info__item--box .overlay-img .overlay-image {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.list-card-info .list-card-info__container .list-card-info__list-item-slider .slick-list .slick-slide .list-card-info__item.overlay-card .list-card-info__item--box .overlay-img .overlay-image img.list-card-info__item-img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.list-card-info .borrow .list-card-info__item {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset
}

.list-card-info .borrow .list-card-info__item .list-card-info__item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50%;
    justify-content: space-between
}

.list-card-info__item.item-large-image .list-card-info__item--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 57%;
    position: relative
}

.list-card-info__item-info-card-description {
    margin-bottom: 1pc;
    margin-top: 1.5rem
}

.list-card-info__item-info-card-description .tcb-word-break {
    word-wrap: break-word
}

.list-card-info__item-action {
    margin-top: 1rem
}

.list-card-info__item-action:hover {
    text-decoration: underline
}

.list-card-info__item-action .tcb-button--link:hover {
    color: var(--primary-black);
    text-decoration: underline
}

.list-card-info .list-card-info__view-more-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 9pt
}

.list-card-info .list-card-info__view-more-btn .cta-button {
    padding: 9pt
}

.list-card-info .list-card-info__view-more-btn .cta-button .cmp-button__text:hover {
    text-decoration: underline
}

.list-card-info .list-card-info__view-more-btn .cta-button .cmp-button__icon {
    display: block;
    height: 24px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 24px
}

.list-card-info .list-card-info__view-more-btn .cta-button:not(.view-more) .cmp-button__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(max-width:991px) {
    .list-card-info .list-card-info__container.view-more {
        margin: -9pt;
        width: calc(100% + 24px)
    }

    .list-card-info .list-card-info__container .list-card-info__list-item.view-more {
        grid-template-columns: repeat(2, 1fr);
        padding: 9pt
    }
}

@media(max-width:767px) {
    .list-card-info .list-card-info__container.view-more {
        margin: -8px;
        width: calc(100% + 1pc)
    }

    .list-card-info .list-card-info__container .list-card-info__list-item.view-more {
        margin: 0
    }

    .list-card-info .list-card-info__container .list-card-info__list-item.view-more .list-card-info__item {
        margin: 8px 0
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-slide .list-card-info__item {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .list-card-info .list-card-info__view-more-btn .cta-button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

    .list-card-info .list-card-info__container .list-card-info__list-item {
        display: unset
    }

    .list-card-info .list-card-info__container .list-card-info__list-item.slick-slider {
        display: block;
        width: 95%
    }

    .cardinfo:not(:has(.list-card-info-slider)) .list-card-info .list-card-info__container .list-card-info__list-item.slick-slider {
        margin: 0 0 0 -4.4444444444vw;
        width: unset
    }

    .list-card-info .slick-list {
        overflow: hidden
    }

    .cardinfo:not(:has(.list-card-info-slider)) .list-card-info .slick-list {
        margin-right: -4.4444444444vw;
        padding-left: 4.4444444444vw
    }

    .list-card-info .list-card-info__container.view-more {
        margin: unset;
        width: unset
    }

    .list-card-info .list-card-info__container.view-more .view-more {
        padding: 0
    }

    .cardinfo:not(.card-stackable) .list-card-info .list-card-info__container {
        margin-left: -.5rem
    }

    .cardinfo:not(.card-stackable).cardinfo:not(:has(.list-card-info-slider)) .list-card-info__container {
        margin-left: unset;
        padding: .5rem
    }

    .cardinfo:not(.card-stackable) .list-card-info .list-card-info-slider {
        margin-left: unset
    }

    .list-card-info.overlay-card-list {
        padding-top: 28px
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-track,
    .slide-mobile-only .slick-track {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start
    }

    .cardinfo:not(:has(.list-card-info-slider)) .list-card-info .list-card-info__container .list-card-info__list-item .slick-track,
    .cardinfo:not(:has(.list-card-info-slider)) .slide-mobile-only .slick-track {
        margin: -8px;
        padding-right: 4.4444444444vw
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-slide>div {
        height: 100%
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-slide,
    .slide-mobile-only .slick-slide {
        height: auto;
        padding: 8px
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-dots,
    .slide-mobile-only .slick-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 15px
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-dots li,
    .slide-mobile-only .slick-dots li {
        color: #c4c4c4;
        font-size: 25px;
        margin: 0 5px;
        width: 8px
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-active,
    .slide-mobile-only .slick-active {
        font-size: 1rem;
        font-weight: 400
    }

    .list-card-info .list-card-info__container .list-card-info__list-item .slick-dots button,
    .slide-mobile-only .slick-dots button {
        display: none
    }

    .list-card-info__list-item .slick-dots li::marker {
        color: #c4c4c4
    }

    .list-card-info__list-item .slick-dots li.slick-active::marker {
        color: var(--primary-red)
    }

    .slide-mobile-only .list__items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .slide-mobile-only .list-tile__hero {
        min-height: 376px
    }

    .slide-mobile-only .slick-dots {
        bottom: -25px;
        left: calc(50% - 30px);
        position: absolute
    }

    .slide-mobile-only {
        overflow: hidden
    }

    .slide-mobile-only .square .list-tile__tile-item:before {
        padding-bottom: 0
    }

    .background-mobile {
        display: block;
        position: absolute;
        top: 0;
        width: 100%
    }

    .background-mobile img {
        width: 100%
    }

    .list-card-info__item-action .tcb-button.tcb-button--link.tcb-button--border-on-mobile {
        border: unset;
        padding: unset;
        width: unset
    }

    .list-card-info .list-card-info__list-item.stack-view .list-card-info__item {
        margin: 20px 0
    }

    .no-margin .list-card-info .list-card-info__list-item.stack-view .list-card-info__item {
        margin: 0
    }

    .list-card-info__list-item .slick-arrow {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        background: hsla(0, 0%, 77%, .54);
        border: none;
        border-radius: 50%;
        -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
        box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
        cursor: pointer;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: 3pc;
        justify-content: center;
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 3pc
    }

    .list-card-info__list-item .slick-prev {
        color: #fff;
        font-size: 1.25rem;
        left: 8px;
        top: 50%;
        z-index: 1
    }

    .list-card-info__list-item .slick-prev:after {
        content: "❮"
    }

    .list-card-info__list-item .slick-next {
        color: #fff;
        font-size: 1.25rem;
        right: 8px;
        top: 50%;
        z-index: 1
    }

    .list-card-info__list-item .slick-next:after {
        content: "❯"
    }
}

.image-same .list-card-info .list-card-info__item .list-card-info__item--box {
    max-height: 170px
}

.image-same .list-card-info .list-card-info__item .list-card-info__item--box .list-card-info__item-img {
    width: 100%
}

@media(max-width:767px) {
    .card-stackable .list-card-info {
        width: 100%
    }

    .card-stackable .list-card-info .list-card-info__container .list-card-info__list-item .list-card-info__item {
        margin: 24px 0
    }

    .less-space-button .list-card-info__item-action {
        margin-bottom: -10px;
        margin-top: 0 !important
    }

    .less-space-button .cardslider-item-description {
        padding-bottom: 0 !important
    }

    .card-info-w-100 .list-card-info__container .list-card-info__list-item {
        width: 100% !important
    }
}

.image-card-mobile {
    display: none
}

@media(max-width:767px) {
    .image-card-mobile {
        background-image: url(https://d1kndcit1zrj97.cloudfront.net/uploads/bg-6f5388cceb-34f9c08757.png);
        background-size: cover;
        display: block;
        text-align: center
    }

    .image-card-mobile img.list-card-info__item-img-mobile {
        max-height: 264px;
        max-width: 100%
    }
}

.card-multiple-select {
    -ms-overflow-style: none;
    min-height: 90px;
    scrollbar-width: none
}

.card-multiple-select ::-webkit-scrollbar {
    display: none
}

.card-multiple-select .card-multiple-select__content {
    background-color: #fff;
    -webkit-filter: drop-shadow(0 5px 22px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 5px 22px rgba(0, 0, 0, .1));
    margin-bottom: 9pt;
    padding: 9pt 0;
    width: 100%
}

.card-multiple-select .card-multiple-select__content.no-margin {
    margin-bottom: 0
}

.card-multiple-select .card-multiple-select__container {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.card-multiple-select .card-multiple-select__container h6 {
    font-size: 1pc;
    font-weight: 600;
    line-height: 20px;
    margin-right: 1pc;
    white-space: nowrap
}

.card-multiple-select .card-multiple-select__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: auto
}

.card-multiple-select .filter__item {
    padding: 8px
}

.card-multiple-select .card-multiple-select__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid #dedede;
    border-radius: 27px;
    color: var(--gray-600);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    gap: 9pt;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 9pt 15px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    z-index: 1
}

.card-multiple-select .card-multiple-select__button.big-size {
    color: var(--body);
    font-size: 1pc;
    padding: 9pt 24px
}

.card-multiple-select .card-multiple-select__button.big-size.filter-selected,
.card-multiple-select .filter-selected {
    background-color: #000;
    color: #fff
}

@media(max-width:767px) {
    .card-multiple-select .card-multiple-select__container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden
    }

    .card-multiple-select .card-multiple-select__title {
        padding-bottom: 1pc
    }

    .card-multiple-select .card-multiple-select__items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .card-multiple-select .card-multiple-select__items .filter__item {
        padding: 4px
    }

    .card-multiple-select .card-multiple-select__button {
        display: block;
        max-width: 265px;
        white-space: normal
    }

    .card-multiple-select.wrap .card-multiple-select__container,
    .card-multiple-select.wrap .card-multiple-select__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.carousel-images .carousel-images__container {
    background-color: transparent;
    position: relative
}

.carousel-images .title-cmp__link {
    font-weight: 400;
    line-height: 1.5;
    -webkit-transition: unset;
    transition: unset
}

.carousel-images .title-cmp {
    padding-bottom: unset
}

.carousel-images .title-cmp__link:hover {
    -webkit-text-decoration: solid underline #fff 1px;
    text-decoration: solid underline #fff 1px
}

.carousel-images .carousel-images__carousel-img {
    margin-top: 24px
}

.carousel-images .carousel-images__carousel-item {
    display: inline-block;
    padding: 0 9pt;
    width: 100%
}

.carousel-images .carousel-images__carousel-item img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.carousel-images .carousel-images__carousel-img [class*=slick-track] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel-images .carousel-images__carousel-img:hover .slick-arrow {
    opacity: 1
}

.carousel-images .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 77%, .54);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 3pc;
    justify-content: center;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 3pc
}

.carousel-images .slick-prev {
    color: #fff;
    font-size: 1.25rem;
    left: 4.4444444444vw;
    top: 50%;
    z-index: 1
}

.carousel-images .slick-next {
    color: #fff;
    font-size: 1.25rem;
    right: 0;
    right: 4.4444444444vw;
    top: 50%;
    z-index: 1
}

.carousel-images .slick-next:hover,
.carousel-images .slick-prev:hover {
    background-color: #fff;
    color: red
}

@media(max-width:768px) {
    .carousel-images .carousel-images__carousel-item img {
        height: 200px
    }

    .carousel-images .slick-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        list-style: inherit;
        padding-left: 0
    }

    .carousel-images .slick-dots li {
        color: #c4c4c4;
        font-size: 25px;
        margin: 0 5px;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        width: 8px
    }

    .carousel-images .slick-dots .slick-active {
        color: red !important
    }

    .carousel-images .slick-dots button {
        display: none
    }

    .carousel-images .carousel-images__carousel-item {
        padding: 0 1pc
    }
}

@media(max-width:376px) {
    .carousel-images .carousel-images__carousel-item img {
        height: 190px
    }
}

.carousel-images .slick-dots li::marker {
    color: #c4c4c4
}

.carousel-images .slick-dots .slick-active::marker {
    color: red
}

.card-slider-container .cardslider-item-arrow {
    bottom: 29px;
    position: absolute;
    right: 24px
}

.card-slider-container .bottom-line {
    margin-bottom: 1pc !important;
    margin-top: auto !important;
    padding-bottom: 0 !important
}

.card-slider-container .carousel-card-wrapper.card-image-type-foreground {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16)
}

.card-slider-container .carousel-card-wrapper.card-image-type-foreground .carousel-card-article {
    padding-top: 0 !important
}

.card-slider-container .carousel-card-wrapper.card-image-type-foreground .cardslider-head-foreground__image {
    aspect-ratio: 1.77;
    border-radius: 8px 8px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.card-slider-container .carousel-card-wrapper.card-image-type-background .cardslider-item-description,
.card-slider-container .carousel-card-wrapper.card-image-type-background .cardslider-item-nudge,
.card-slider-container .carousel-card-wrapper.card-image-type-background .cardslider-item-title {
    margin-top: auto
}

.card-slider-container .carousel-card-wrapper:hover {
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.card-slider-container .carousel-card-wrapper:hover .cardslider-head-foreground__image {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.card-slider-container[num-alias=card4] .cardslider-carousel-slickitem article {
    min-height: 376px !important
}

.card-slider-container[num-alias=card4] .slick-arrow {
    top: 200px !important
}

.card-slider-container[num-alias=card4].medium-card .slick-arrow {
    top: 140px !important
}

@media(max-width:768px) {
    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-arrow.slick-next {
        right: 0;
        top: 45%
    }

    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-arrow.slick-prev {
        left: 0;
        top: 45%
    }

    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body .cardslider-item-inner .cardslider-item-navtext {
        width: 100%
    }

    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body .cardslider-item-inner .cardslider-item-navtext .cardslider-item-action .tcb-button.tcb-button--link.tcb-button--border-on-mobile {
        padding-left: unset
    }
}

@media(min-width:768px)and (max-width:1024px) {
    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-arrow.slick-next {
        right: 25px
    }

    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-arrow.slick-prev {
        left: 25px
    }

    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body .cardslider-item-inner .cardslider-item-navtext {
        width: 100%
    }

    .card-slider-container.mobile-slide .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body .cardslider-item-inner .cardslider-item-navtext h4 {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.5;
        width: calc(100% - 24px)
    }
}

.card-slider-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2pc;
    padding: 0
}

.card-slider-wrapper .show-more .cta-button img {
    height: 24px;
    margin-left: -10px;
    width: 24px
}

.card-slider-wrapper .tcb-button {
    white-space: normal
}

.card-slider-wrapper .cardslider-carousel-slickwrapper {
    min-width: calc(100% + 24px);
    position: relative;
    z-index: 1
}

@media(max-width:320px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper {
        min-width: 100%
    }
}

.card-slider-wrapper .cardslider-carousel-slickwrapper.small-article .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-article {
    min-height: 376px
}

@media screen and (max-width:767px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper.small-article .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-article {
        height: var(--mobile-height)
    }
}

@media screen and (min-width:768px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper.small-article .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-article {
        height: var(--desktop-height)
    }
}

@media(max-width:767px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper.small-article .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-article {
        min-height: 235px
    }
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
    padding-top: 9pt;
    position: relative;
    z-index: 1
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist {
    border-radius: 8px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: -9pt;
    width: 100%
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list {
    margin: 0 -.875rem;
    width: 100%
}

@media(max-width:767px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list {
        margin: 0 -.25rem
    }
}

@media(max-width:320px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list {
        margin: 0 -.08rem
    }
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    padding: 9pt
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide>div {
    height: 100%
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem {
    border-radius: 8px !important;
    height: 100%;
    position: relative;
    width: 100%
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem {
    height: 235px
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-article {
    min-height: unset;
    padding-top: unset
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-article .cardslider-item-navtext h4 {
    margin-top: 40px
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-article .cardslider-item-navtext .cardslider-item-description {
    margin-bottom: 3pc !important
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-article .cardslider-item-navtext .cardslider-item-title {
    padding-right: 0
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-article .cardslider-item-navtext .cardslider-item-action {
    padding-bottom: 3pc
}

.card-slider-container.medium-card .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-article .cardslider-item-navtext .cardslider-item-action .tcb-button.tcb-button--link {
    font-weight: 400
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-wrapper {
    border-radius: 8px !important;
    height: 100%
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link {
    border-radius: 8px !important;
    display: block;
    height: 100%;
    width: 100%
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link.no-link {
    cursor: unset
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-list .slick-track .slick-slide .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link .carousel-card-article .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body {
    width: 100%
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-next {
    color: #fff;
    font-size: 1.25rem;
    right: -.125rem;
    top: 50%;
    z-index: 1
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-next:after {
    content: "❯"
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-prev {
    color: #fff;
    font-size: 1.25rem;
    left: -1.625rem;
    top: 50%;
    z-index: 1
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-prev:after {
    content: "❮"
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    width: 100%
}

@media(max-width:767px) {
    .card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-dots {
        margin-top: .25rem
    }
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-dots li {
    font-size: 25px;
    margin: 2px 5px;
    width: 8px
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-dots li::marker {
    color: #c4c4c4
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-dots li.slick-active::marker {
    color: #ed1b24
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-dots button {
    display: none
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 77%, .54);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 3pc;
    justify-content: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 3pc
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist .slick-arrow:hover {
    background: var(--primary-white);
    color: var(--primary-red)
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist[arrow-hover=white-red] .slick-arrow:hover {
    background: var(--primary-white)
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist[arrow-hover=white-red] .slick-next:hover,
.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist[arrow-hover=white-red] .slick-prev:hover {
    color: var(--accent)
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist.mobile-unslide-items article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    width: 100%
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist.mobile-unslide-items article a span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist.mobile-unslide-items article .cardslider-item-navtext {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist.mobile-unslide-items article .cardslider-item-navtext h4 {
    width: calc(100% - 24px)
}

.card-slider-wrapper .cardslider-carousel-slickwrapper .cardslider-carousel-slickcontainer .cardslider-carousel-slicklist.mobile-unslide-items article .cardslider-item-navtext .cardslider-item-description {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 8px;
    width: 100%
}

.cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link .carousel-card-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 8px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    min-height: 500px;
    overflow: hidden;
    padding-top: 62%;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    width: 100%
}

.cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link .carousel-card-article:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

@media(max-width:767px) {
    .cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link .carousel-card-article {
        padding-top: unset
    }
}

[card-slider-type=card-item] .cardslider-carousel-slickitem article {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    height: 540px;
    justify-content: start;
    min-height: 100%;
    padding-top: 0
}

[card-slider-type=card-item] .cardslider-carousel-slickitem article:hover {
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.cardslider-carousel-slickitem .cardslider-head__img-container,
.cardslider-carousel-slickitem .carousel-card-wrapper .carousel-card-link .carousel-card-article .carousel-card-picture {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.cardslider-carousel-slickitem .cardslider-head__img-container {
    position: relative
}

.cardslider-carousel-slickitem .cardslider-head__image {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    height: 100%;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 80% 50%;
    object-position: 80% 50%;
    padding: 0;
    position: absolute;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 0;
    width: 100%
}

.cardslider-item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    z-index: 2
}

[card-slider-type=card-item] .cardslider-item-wrapper {
    display: block
}

.cardslider-item-content {
    height: 100%
}

.cardslider-item-content,
.cardslider-item-content .cardslider-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[card-slider-type=card-item] .cardslider-item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--body);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.cardslider-item-inner {
    position: relative;
    width: 100%;
    z-index: 1
}

.cardslider-item-inner>h4 {
    width: calc(100% - 24px)
}

.cardslider-item-inner>h4>p,
[card-slider-type=card-item] h4>p {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5
}

.cardslider-item-description {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: block;
    -ms-flex-direction: row;
    flex-direction: row
}

.text-align-bottom .cardslider-item-navtext {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.text-align-bottom .cardslider-item-navtext .cardslider-item-action {
    margin-top: 0
}

.text-align-bottom .carousel-card-wrapper.card-image-type-foreground picture {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.text-align-middle .card-slider-container .carousel-card-wrapper.card-image-type-background .cardslider-item-nudge {
    margin-top: 0
}

.text-align-middle .card-slider-container .carousel-card-wrapper.card-image-type-background .cardslider-item-description,
.text-align-middle .card-slider-container .carousel-card-wrapper.card-image-type-background .cardslider-item-title {
    margin-top: 5px
}

.cardslider-item-navtext {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.cardslider-item-navtext .cardslider-item-action,
.cardslider-item-navtext .cardslider-item-description,
.cardslider-item-navtext .cardslider-item-nudge,
.cardslider-item-navtext .cardslider-item-title {
    padding-left: 24px;
    padding-right: 24px
}

.cardslider-item-navtext .cardslider-item-action .tcb-button--border-on-mobile img,
.cardslider-item-navtext .cardslider-item-description .tcb-button--border-on-mobile img,
.cardslider-item-navtext .cardslider-item-nudge .tcb-button--border-on-mobile img,
.cardslider-item-navtext .cardslider-item-title .tcb-button--border-on-mobile img {
    margin-left: auto
}

.cardslider-item-navtext .cardslider-item-description {
    padding-bottom: 1pc
}

.cardslider-item-navtext .cardslider-item-action {
    padding-bottom: 24px
}

.cardslider-item-navtext .cardslider-item-action.action-bottom-right {
    bottom: -3px;
    position: absolute;
    right: 0
}

.cardslider-item-navtext>h4,
.cardslider-item-navtext>p {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.cardslider-item-navtext>p {
    text-transform: uppercase
}

.cardslider-item-navtext .cardslider-item-action {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: auto;
    padding: 0 24px 1pc
}

@media(max-width:767px) {
    .cardslider-item-navtext .cardslider-item-action {
        padding: 0 24px 4px
    }
}

.cardslider-item-navtext .cardslider-item-action .tcb-button {
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-style: none;
    border-left-width: 0;
    border-right: 0 #000;
    border-top: 0 #000;
    -webkit-transition: unset;
    transition: unset
}

.cardslider-item-navtext .cardslider-item-action .tcb-button:hover {
    border: unset;
    color: inherit
}

.cardslider-item-navtext .cardslider-item-action>div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.cardslider-item-navtext>span:first-child {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.cardslider-item-navtext>span:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 9pt;
    position: relative
}

.cardslider-item-navtext>span:nth-child(2)>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 17px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1pc
}

.cardslider-item-navtext .navtext__icon-container {
    margin-left: 9pt
}

@media(min-width:768px) {
    .cardslider-header-contain>div {
        margin-right: 24px;
        padding-right: 24px
    }

    .cardslider-carousel-container {
        padding-left: 9pt;
        padding-right: 9pt
    }
}

@media(max-width:767px) {
    .card-slider-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .cardslider-carousel-slickwrapper {
        margin: -8px;
        width: calc(100% + 1pc)
    }

    .cardslider-carousel-slickcontainer>.cardslider-carousel-slicklist {
        display: grid;
        margin-top: -9pt !important;
        width: auto !important
    }

    .mobile-unslide-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: unset;
        padding: 8px
    }

    .mobile-slide .mobile-unslide-container {
        padding: 0
    }

    .mobile-unslide-container .mobile-unslide-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -8px;
        width: 100% !important
    }

    .mobile-unslide-container .mobile-unslide-items .show-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        place-content: center;
        width: 100%
    }

    .mobile-unslide-container .mobile-unslide-items .show-more .cta-button {
        place-content: center;
        width: 100%
    }

    .mobile-unslide-container .mobile-unslide-items .show-more:hover {
        cursor: pointer
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        height: auto;
        max-width: 100%;
        padding: unset
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem.slickitem-hidden {
        display: none
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div {
        grid-gap: 24px;
        display: grid;
        gap: 24px
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        overflow: hidden;
        position: relative;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        transition: box-shadow .3s, -webkit-box-shadow .3s;
        width: 100%
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div article span {
        background: none;
        border: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        height: auto;
        inset: 0;
        margin: 0;
        opacity: 1;
        overflow: hidden;
        padding: 0;
        width: auto
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div article .cardslider-item-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        overflow: hidden;
        position: relative;
        z-index: 2
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div article .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body {
        height: 100%;
        padding: unset;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div article .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body .cardslider-item-inner {
        height: 100%
    }

    .mobile-unslide-container .mobile-unslide-items .cardslider-carousel-slickitem>div article .cardslider-item-wrapper .cardslider-item-content .cardslider-item-body .tcb-button.tcb-button--link.tcb-button--border-on-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        border: unset;
        justify-content: flex-start;
        padding-left: unset;
        width: 100%
    }
}

@media(min-width:992px) {
    .card-slider-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 90pc
    }
}

.column-panel-component {
    padding-top: .25rem
}

.column-panel-component .column-panel-component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.column-panel-component .column-panel-component__container .column-panels {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem
}

.column-panel-component .column-panel-component__container .column-panels .item-panel {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.column-panel-component .column-panel-component__container .column-panels .image {
    text-align: center
}

.column-panel-component .column-panel-component__container .column-panels .image.left {
    text-align: left
}

.column-panel-component .column-panel-component__container .column-panels .image img {
    height: 75pt;
    width: 90pt
}

.column-panel-component .column-panel-component__container .column-panels .image .image-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 24px 0;
    text-align: left
}

.column-panel-component .column-panel-component__container .column-panels .image .image-title.center {
    text-align: center
}

.column-panel-component .column-panel-component__container .column-panels .image .image-title.center .tooltiptext {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.column-panel-component .column-panel-component__container .column-panels .list-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.column-panel-component .column-panel-component__container .column-panels .list-option .option {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding: 24px
}

.column-panel-component .column-panel-component__container .column-panels .list-option .option:hover {
    -webkit-box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2);
    box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.column-panel-component .column-panel-component__container .column-panels .list-option .option .content {
    padding: 0 9pt
}

.column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px
}

.column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px
}

.column-panel-component .column-panel-component__container .title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 9pt
}

.column-panel-component .column-panel-component__container .read-more {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px
}

.column-panel-component .column-panel-component__container .read-more .expand img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 1pc
}

.column-panel-component .column-panel-component__container .read-more:hover {
    cursor: pointer;
    text-decoration: underline
}

.column-panel-component .column-panel-component__container .read-more button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-right: 10px
}

@media(min-width:768px) {
    .column-panel-component .column-panel-component__container .column-panels .list-option .option:nth-child(n+3) {
        display: none
    }

    .column-panel-component .column-panel-component__container .column-panels .image .image-title {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-break: normal;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext {
        background-color: #000;
        border-radius: 8px;
        color: #fff;
        font-size: 1pc;
        left: 0;
        padding: 8px;
        position: absolute;
        top: 100%;
        visibility: hidden;
        z-index: 400
    }

    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext h1,
    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext h2,
    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext h3,
    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext h4,
    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext h5,
    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext h6 {
        font-size: unset;
        font-weight: unset;
        line-height: unset
    }

    .column-panel-component .column-panel-component__container .column-panels .image .image-title:hover {
        overflow: unset
    }

    .column-panel-component .column-panel-component__container .column-panels .image .image-title:hover .tooltiptext {
        visibility: visible
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-break: normal;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext {
        background-color: #000;
        border-radius: 8px;
        color: #fff;
        font-size: 1pc;
        left: 0;
        padding: 8px;
        position: absolute;
        top: 100%;
        visibility: hidden;
        z-index: 400
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext h1,
    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext h2,
    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext h3,
    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext h4,
    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext h5,
    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext h6 {
        font-size: unset;
        font-weight: unset;
        line-height: unset
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description:hover {
        overflow: unset
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description:hover .tooltiptext {
        visibility: visible
    }
}

@media(max-width:767px) {
    .column-panel-component .column-panel-component__container .column-panels .image .image-title .tooltiptext {
        display: none
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option {
        min-height: unset
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option .content .content-description .tooltiptext {
        display: none
    }

    .column-panel-component .column-panel-component__container .column-panels {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .column-panel-component .column-panel-component__container .read-more {
        display: none
    }
}

@media(max-width:1024px) {
    .column-panel-component .column-panel-component__container .column-panels .item-panel {
        padding-bottom: 1pc
    }

    .column-panel-component .column-panel-component__container .column-panels .item-panel:last-child {
        padding-bottom: 0
    }

    .column-panel-component .column-panel-component__container .column-panels .image .image-title {
        margin: 1pc 0
    }

    .column-panel-component .column-panel-component__container .column-panels .list-option .option {
        padding: 1pc
    }
}

@media(max-width:767px) {
    .column-panel-component .column-panel-component__container .column-panels .item-panel {
        padding-left: 0;
        padding-right: 0
    }

    .column-panel-component .column-panel-component__container .column-panels .item-panel:last-child {
        padding-bottom: 0
    }
}

.loan-list .table-item-below {
    overflow-x: auto
}

.loan-list .dropdown-label__place-holder {
    color: var(--secondary-grey-100);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.loan-list .label__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    line-height: 1.5
}

.loan-list .label__text .icon-info {
    height: 1pc;
    position: relative;
    width: 1pc
}

.loan-list .label__text .icon-info img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.loan-list .table-data.deactivate {
    display: none
}

.loan-list .table-root {
    margin: 0;
    width: 100%
}

.loan-list .table-grid {
    padding: 0
}

.loan-list .table-upper__select-list {
    z-index: 1
}

.loan-list .select-list__panel {
    grid-gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    padding: 2pc 24px;
    position: relative;
    text-align: left
}

.loan-list .select-list__dropdown {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    border-radius: 8px;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.loan-list .select-list__dropdown ul {
    -webkit-padding-start: 0;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    list-style: none;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-inline-start: 0;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 100
}

.loan-list .select-list__dropdown li {
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 9pt 1pc;
    width: auto
}

.loan-list .select-list__dropdown li:hover {
    background-color: #000;
    color: #fff;
    -webkit-transition: .5s linear;
    transition: .5s linear
}

.loan-list .select-list__dropdown li.deactivate {
    display: none
}

.loan-list .select-list__submit {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: 1px solid #fff;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%
}

.loan-list .select-list__submit:hover {
    border: 1px solid #a2a2a2
}

.loan-list .select-list__submit>span {
    cursor: pointer;
    font-family: inherit;
    font-size: 1pc;
    font-weight: 600;
    white-space: nowrap
}

.loan-list .select-list__dropdown-display {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: space-between;
    overflow: hidden;
    padding: 5px 24px 8px 1pc;
    position: relative;
    -webkit-transition: .5s linear;
    transition: .5s linear;
    width: auto
}

.loan-list .select-list__dropdown-display:hover {
    background-color: #fff;
    border: 1px solid #0a84ff;
    -webkit-box-shadow: 0 0 4px 3px #daecff;
    box-shadow: 0 0 4px 3px #daecff;
    color: #000
}

.loan-list .select-list__dropdown-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 36px)
}

.loan-list .select-list__dropdown-label>.dropdown-label__prefix-label {
    color: var(--gray-600)
}

.loan-list .font-small {
    font-size: 9pt
}

.loan-list .select-list__arrow-icon {
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    word-wrap: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #ed1c24;
    direction: ltr;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Material Icons;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    margin-left: 8px;
    margin-top: 4px;
    text-transform: none;
    white-space: nowrap;
    width: 24px
}

.loan-list .select-list__arrow-icon:hover {
    -webkit-filter: brightness(.5) saturate(0);
    filter: brightness(.5) saturate(0)
}

.loan-list .dropdown-open .select-list__arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.loan-list .dropdown-open .select-list__dropdown-list {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    z-index: 1
}

.loan-list .select-list__dropdown-list {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1
}

.loan-list .table-body-row {
    background-color: #fff
}

.loan-list .table-body-row td {
    padding: 9pt 1pc
}

.loan-list .table-item-body {
    font-size: 14px;
    min-width: 750pt;
    width: 100%
}

.loan-list .table-label-content {
    font-size: inherit
}

.loan-list .table-label-content>p {
    font-size: inherit;
    font-weight: inherit;
    line-height: 24px
}

.loan-list .table-cell-innercontent {
    font-size: inherit;
    font-weight: 400
}

.loan-list .table-header .table-label-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.loan-list .table-header th {
    font-weight: 700;
    padding-bottom: 8px;
    padding-top: 44px;
    position: relative;
    text-align: start !important;
    vertical-align: top
}

.loan-list .table-label-content-icon {
    margin-top: -5px;
    right: -3px;
    top: 0
}

.loan-list .content-icon__container {
    height: 1pc;
    margin-left: 24px;
    position: relative;
    width: 1pc
}

.loan-list .content-icon__container>span {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.loan-list .content-icon__container img,
.loan-list .content-icon__container>span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.loan-list .content-icon__container img {
    border: none;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 0
}

@media(min-width:993px) {
    .loan-list .select-list__dropdown {
        width: calc(25% - 18.75px)
    }
}

@media(max-width:992px) {
    .loan-list .select-list__panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        grid-gap: 8px;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        padding: 24px 1pc
    }
}

@media(max-width:575px) {
    .label__text {
        position: relative
    }

    .label__text .icon-info {
        position: static
    }

    .loan-list .table-body-row td:first-child {
        -webkit-box-shadow: 7px 0 4px 2px rgba(0, 0, 0, .03);
        box-shadow: 7px 0 4px 2px rgba(0, 0, 0, .03)
    }
}

.complex-panel .complex-panel__body-content {
    color: #fff;
    position: relative
}

.complex-panel .body-content__container {
    position: relative
}

.complex-panel .image-desktop {
    display: block
}

.complex-panel .image-mobile {
    display: none
}

.complex-panel .body-content__container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    width: 100%
}

.complex-panel .content-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 90pc;
    padding-left: 4pc;
    padding-right: 4pc;
    width: 100%
}

.complex-panel .content-item__panel {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -9pt;
    padding: 138px 0;
    width: calc(100% + 24px);
    z-index: 1
}

.complex-panel .content-item__panel-text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    flex-grow: 0;
    line-height: 1;
    max-width: 50%;
    padding: 9pt;
    z-index: 200
}

.complex-panel .content-item__panel-text h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0
}

.complex-panel .panel-text__information {
    max-width: 635px
}

.complex-panel .complex-title {
    color: inherit;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0
}

.complex-panel .panel-text__information .complex-information {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 1pc 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.complex-panel .panel-text__information .complex-date {
    font-weight: 600;
    margin: 0
}

.complex-panel .content-item__card-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 100%;
    max-width: 50%;
    padding: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.complex-panel .card-image__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

.complex-panel .card-image__left-site {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 58.333333%;
    flex-basis: 58.333333%;
    flex-grow: 0;
    max-width: 58.333333%
}

.complex-panel .card-image__two-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.complex-panel .card-image__image {
    border-radius: 8px 8px 0 0;
    height: calc(50% - 9pt);
    overflow: hidden;
    position: relative
}

.complex-panel .card-image__image:first-child {
    border-radius: 0 0 8px 8px
}

.complex-panel .card-image__right-site {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 41.666667%;
    flex-basis: 41.666667%;
    flex-grow: 0;
    margin-bottom: auto;
    margin-left: 24px;
    margin-top: auto;
    max-width: 243px
}

.complex-panel .card-image__one-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: auto;
    margin-top: auto
}

.complex-panel .card-image__one-card .card-image__image {
    border-radius: 8px 0 0 8px;
    height: 325px;
    width: 100%
}

@media(max-width:1199px) {
    .complex-panel .content-item__wrapper {
        padding-left: 4.4444444444vw;
        padding-right: 4.4444444444vw
    }
}

@media(max-width:767px) {
    .complex-panel .content-item__panel-text {
        padding: 8px
    }

    .complex-panel .image-desktop {
        display: none
    }

    .complex-panel .image-mobile {
        display: block
    }

    .complex-panel .content-item__panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: 741px;
        margin: -8px;
        padding: 0;
        width: calc(100% + 1pc)
    }

    .complex-panel .content-item__panel-text {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-height: 433px;
        max-width: 100%;
        padding-top: 40px
    }

    .complex-panel .panel-text__information .complex-information {
        -webkit-line-clamp: 7;
        font-size: 24px;
        margin-top: 1pc
    }

    .complex-panel .content-item__card-image {
        max-height: 308px;
        max-width: 100%;
        top: 0
    }

    .complex-panel .card-image__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .complex-panel .card-image__right-site {
        margin-left: 0;
        max-width: unset
    }

    .complex-panel .card-image__image:first-child {
        border-radius: 0
    }

    .complex-panel .card-image__image {
        border-radius: 0;
        height: 50%
    }

    .complex-panel .card-image__one-card .card-image__image {
        max-height: 308px
    }
}

main.container {
    padding: .5em 1em
}

.cardlistresult .section__margin-medium {
    margin-bottom: .75rem
}

.credit-card-comparison-result {
    min-height: unset
}

.credit-card-comparison-result .content-wrapper {
    padding: unset
}

@media(max-width:991px) {
    .credit-card-comparison-result {
        padding-bottom: 3rem
    }
}

.credit-card-comparison-result .card-compare-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 35px;
    position: relative
}

.credit-card-comparison-result .card-compare-header__wrapper {
    padding: 3pc 24px;
    position: relative
}

.credit-card-comparison-result .card-compare-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.credit-card-comparison-result .card-compare-header__content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25
}

.credit-card-comparison-result .background-img {
    border: none;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.credit-card-comparison-result .compare-product__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.credit-card-comparison-result .compare-product__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    justify-content: center
}

@media(max-width:1199px) {
    .credit-card-comparison-result .compare-product__wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        width: 100%
    }
}

@media(max-width:767px) {
    .credit-card-comparison-result .compare-product__wrapper {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: 100%
    }
}

.credit-card-comparison-result .compare-product__item {
    padding: 9pt 0;
    width: 33.3333333333%
}

.credit-card-comparison-result .compare-product__item:first-child .compare-product__card-info-content {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    padding-left: 20px !important
}

.credit-card-comparison-result .compare-product__item:first-child .compare-product__card-info-content:before {
    background-color: #ed1b24
}

@media(max-width:767px) {
    .credit-card-comparison-result .compare-product__item:first-child .compare-product__card-info-content {
        border-radius: 8px
    }
}

.credit-card-comparison-result .compare-product__item:not(:first-child):not(.compare-product-no-item) .compare-product__card-info-content:before {
    background-color: #c5c5c5;
    content: "";
    height: 90%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.credit-card-comparison-result .compare-product__item:not(:first-child) .compare-product__card-info-title p {
    display: none
}

@media(max-width:767px) {
    .credit-card-comparison-result .compare-product__item:not(:first-child) .compare-product__card-info-title p {
        display: inline
    }
}

.credit-card-comparison-result .compare-product__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 1%
}

.credit-card-comparison-result .compare-product__card-image {
    height: 193px;
    max-width: 306.5px
}

.credit-card-comparison-result .compare-product__card-image img {
    border-radius: 8px;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    overflow: hidden
}

@media(min-width:768px) {
    .credit-card-comparison-result .compare-product__card-image img {
        -webkit-box-shadow: 8px 8px 1pc rgba(0, 0, 0, .15);
        box-shadow: 8px 8px 1pc rgba(0, 0, 0, .15)
    }
}

.credit-card-comparison-result .compare-product__card-label {
    background-color: #ed1b24;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    padding: 4px 9pt;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.credit-card-comparison-result .compare-product__card-label.no-label {
    opacity: 0
}

.credit-card-comparison-result .compare-product__card-text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 2pc;
    text-align: center
}

.credit-card-comparison-result .compare-product__card-info {
    margin-top: 3pc
}

.credit-card-comparison-result .compare-product__card-info-title {
    font-size: .9rem;
    font-weight: 600;
    height: 1pc;
    margin-bottom: 1pc;
    text-align: left
}

.credit-card-comparison-result .compare-product__card-info-title p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25
}

.credit-card-comparison-result .compare-product__card-section {
    margin-bottom: 28px
}

.credit-card-comparison-result .compare-product__card-section:last-child {
    margin-bottom: 0
}

.credit-card-comparison-result .compare-product__card-info-content {
    background-color: #f5f6f8;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    padding: 24px;
    position: relative
}

.credit-card-comparison-result .compare-product__card-info-content:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px
}

.credit-card-comparison-result .compare-product__card-info-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.credit-card-comparison-result .compare-product__card-info-content li {
    color: var(--gray-600);
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative
}

.credit-card-comparison-result .compare-product__card-info-content li:before {
    background-color: #c5c5c5;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 5px
}

.credit-card-comparison-result .compare-product__card-info-content li:last-child {
    margin-bottom: 0
}

.credit-card-comparison-result .compare-product__card-no-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px dashed #dedede;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 223px;
    justify-content: center;
    margin-top: 30px;
    position: relative;
    width: 335px
}

.credit-card-comparison-result .compare-product__card-no-item a {
    height: 100%;
    position: absolute;
    width: 100%
}

.credit-card-comparison-result .compare-product__card-no-item img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 2pc !important;
    inset: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 2pc !important
}

.credit-card-comparison-result .compare-product__card-no-item-background-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 50%;
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    justify-content: center;
    position: relative;
    width: 72px
}

.credit-card-comparison-result .compare-product__bottom {
    margin-top: 2pc;
    padding-left: 20px
}

.credit-card-comparison-result .compare-product__bottom-button {
    margin-bottom: 2pc;
    max-width: 327px
}

.credit-card-comparison-result .compare-product__bottom-button button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: 1px solid #000;
    outline-offset: -1px;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.credit-card-comparison-result .compare-product__bottom-button button:hover {
    background-color: #000;
    color: #fff
}

.credit-card-comparison-result .compare-product__bottom-button button:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.credit-card-comparison-result .compare-product__bottom-button button span {
    font-size: 1rem;
    line-height: 1.5
}

.credit-card-comparison-result .compare-product__bottom-link a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 9pt;
    line-height: 1.5;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.credit-card-comparison-result .compare-product__bottom-link a:hover {
    text-decoration: underline
}

@media(max-width:991px) {
    .credit-card-comparison-result .compare-product__card-no-item {
        height: 10pc
    }
}

@media(max-width:1200px) {
    .credit-card-comparison-result .compare-product {
        margin-top: 3pc
    }

    .credit-card-comparison-result .compare-product__card .compare-product__card-image {
        height: 130px;
        max-width: 206px
    }

    .credit-card-comparison-result .compare-product__card-no-item {
        width: 100%
    }
}

@media(max-width:768px) {
    .credit-card-comparison-result .compare-product__card-no-item {
        height: 10pc
    }
}

@media(max-width:767.98px) {
    .credit-card-comparison-result {
        padding-bottom: 4pc
    }

    .credit-card-comparison-result .compare-product {
        margin-top: 2rem
    }

    .credit-card-comparison-result .card-compare-header .card-compare-header__content {
        height: unset
    }

    .credit-card-comparison-result .card-compare-header .card-compare-header__wrapper {
        padding: 40px 1pc
    }
}

@media(max-width:767px) {
    .credit-card-comparison-result .compare-product__card .compare-product__card-image {
        height: 158px;
        max-width: 242px
    }

    .credit-card-comparison-result .compare-product__item {
        padding: 0 !important;
        width: 100%
    }

    .credit-card-comparison-result .compare-product__item:has(.compare-product__card-no-item) .compare-product__card-info {
        display: none
    }

    .credit-card-comparison-result .compare-product__card-text {
        margin-top: 24px
    }

    .credit-card-comparison-result .compare-product__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .credit-card-comparison-result .compare-product__bottom {
        padding-left: 0
    }

    .credit-card-comparison-result .compare-product__bottom-button {
        max-width: unset
    }

    .credit-card-comparison-result .compare-product__bottom-button button {
        padding: 9pt 1pc
    }

    .credit-card-comparison-result .compare-product__bottom-link {
        text-align: center
    }

    .credit-card-comparison-result .compare-product__card-no-item {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: 10pc;
        width: 100%
    }

    .credit-card-comparison-result .compare-product__card-no-item-background-img img {
        display: none
    }

    .credit-card-comparison-result .compare-product__card-no-item-background-img:before {
        content: "+";
        font-size: 30px
    }

    .credit-card-comparison-result .compare-product-no-item .compare-product__bottom,
    .credit-card-comparison-result .compare-product-no-item .compare-product__card-info {
        display: none
    }

    .credit-card-comparison-result .slick-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        list-style: inherit
    }

    .credit-card-comparison-result .slick-dots li {
        color: #c4c4c4;
        font-size: 25px;
        margin-right: 1pc;
        width: 8px
    }

    .credit-card-comparison-result .slick-dots li:last-child {
        margin-right: 0
    }

    .credit-card-comparison-result .slick-dots .slick-active {
        color: red
    }

    .credit-card-comparison-result .slick-dots li::marker {
        color: unset
    }

    .credit-card-comparison-result .slick-dots button {
        display: none
    }

    .credit-card-comparison-result .slick-slide {
        margin: 0 1px;
        width: 100%
    }

    .credit-card-comparison-result .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.credit-card-listing__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--secondary-mid-grey-60);
    border-radius: 27px;
    color: var(--secondary-grey-60);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    gap: 9pt;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 9pt 15px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    z-index: 1
}

.credit-card-listing__button:hover {
    background: var(--primary-black);
    color: var(--primary-white)
}

.credit-card-listing__button.big-size {
    color: var(--body);
    font-size: 1pc;
    padding: 9pt 24px
}

.credit-card-listing__button.big-size.filter-selected,
.filter-selected {
    background-color: #000;
    color: var(--primary-white)
}

.credit-card-listing {
    min-height: 90px
}

.credit-card-listing__content {
    background-color: var(--primary-white);
    -webkit-filter: drop-shadow(0 5px 22px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 5px 22px rgba(0, 0, 0, .1));
    margin-bottom: 3pc;
    padding: 20px 0;
    width: 100%
}

.credit-card-listing__container {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.credit-card-listing__container h6 {
    font-size: 1pc;
    font-weight: 600;
    line-height: 20px;
    margin-right: 1pc;
    white-space: nowrap
}

.credit-card-listing__container .m-r-16 {
    margin-right: 1rem
}

@media(max-width:767px) {
    .credit-card-listing__container h2 {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.credit-card-listing__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 1pc;
    overflow-x: scroll
}

.credit-card-listing__items::-webkit-scrollbar {
    display: none
}

.credit-card-listing .list-card-product__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.credit-card-listing .list-card-product__container .card-product-banner {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%
}

@media(max-width:991px) {
    .credit-card-listing .list-card-product__container {
        gap: 36px
    }
}

.credit-card-listing .list-card-product__grid-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    padding-bottom: 24px;
    width: 100%
}

.credit-card-listing .list-card-product__grid-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: calc(33.33333% - 16px);
    flex-basis: calc(33.33333% - 16px);
    flex-grow: 0;
    max-width: calc(33.33333% - 1pc)
}

@media(max-width:991px) {
    .credit-card-listing .list-card-product__grid-item {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        max-width: 48%
    }
}

@media(max-width:1024px) {
    .credit-card-listing .list-card-product__grid-item .card-image {
        max-width: 100%
    }
}

@media(max-width:767px) {
    .credit-card-listing .list-card-product__grid-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.credit-card-listing .card-bank__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.credit-card-listing .card-bank__card:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .027), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .027), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

.credit-card-listing .card-bank__card:hover .card-bank__image {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.credit-card-listing .card-bank__button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: inherit;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.credit-card-listing .card-bank__button[data-button-compare].disabled {
    background-color: var(--cta-disabled);
    border: 1px solid var(--cta-disabled);
    color: var(--secondary-mid-grey-100);
    cursor: not-allowed
}

.credit-card-listing .card-bank__button[data-button-compare].selected {
    background-color: #e0f7e5;
    color: #1d6d30;
    cursor: not-allowed
}

.credit-card-listing .card-bank__button[data-button-compare].selected .icon-svg-add {
    display: none
}

.credit-card-listing .card-bank__button[data-button-compare].selected .icon-svg-checked {
    display: block
}

.credit-card-listing .card-bank__button[data-button-compare].selected:hover .icon-svg-checked {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.credit-card-listing .card-bank__button[data-button-compare] .icon-svg-checked {
    display: none
}

.credit-card-listing .card-bank__button[data-button-compare] .button__icon-svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.credit-card-listing .card-bank__button-white {
    background-color: var(--primary-white);
    color: var(--primary-black)
}

.credit-card-listing .card-bank__button-white:hover {
    background-color: var(--secondary-mid-grey-100);
    color: var(--secondary-grey-60)
}

.credit-card-listing .card-bank__button-white:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.credit-card-listing .card-bank__button__box-shadow {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .027), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .027), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

@media(max-width:767px) {
    .credit-card-listing .card-bank__button {
        padding: 9pt 1pc;
        white-space: normal
    }
}

.credit-card-listing .card-bank__label {
    background-color: var(--primary-red);
    border-radius: 0 0 8px 8px;
    color: var(--primary-white);
    font-size: .875rem;
    font-weight: 600;
    left: 50%;
    letter-spacing: 2px;
    line-height: 1.5;
    padding: 4px 1pc;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1
}

.credit-card-listing .card-bank__image-wrapper {
    border-radius: 8px 8px 0 0;
    max-height: 285px;
    min-height: 285px;
    overflow: hidden;
    padding: 50px 56px 40px
}

@media(max-width:767px) {
    .credit-card-listing .card-bank__image-wrapper {
        max-height: 220px;
        min-height: 220px;
        padding: 30px 35px 40px
    }
}

.credit-card-listing .card-bank__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-top: 1.5rem
}

@media(max-width:767px) {
    .credit-card-listing .card-bank__actions {
        gap: 0
    }
}

.credit-card-listing .card-bank__actions .cta-button {
    max-width: 156px;
    min-width: unset
}

@media(max-width:767px) {
    .credit-card-listing .card-bank__actions .cta-button {
        padding: 1pc
    }
}

@media(max-width:360px) {
    .credit-card-listing .card-bank__actions .cta-button {
        gap: 0;
        padding: 1pc 24px
    }
}

.credit-card-listing .card-bank__actions .cta-button .cmp-button__text {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    white-space: break-spaces
}

@media(max-width:768px) {
    .credit-card-listing .card-bank__actions .cta-button .cmp-button__text {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.credit-card-listing .card-bank__actions .cta-button:hover:not(.cta-button--link) .cmp-button__icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media screen and (max-width:1199px)and (min-width:992px) {
    .credit-card-listing .card-bank__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc
    }
}

.credit-card-listing .card-bank__comparing-action {
    font-weight: 600;
    margin-top: -17px;
    padding: 0 24px;
    position: relative;
    text-align: center
}

.credit-card-listing .card-bank__image {
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 100%;
    place-content: center;
    text-align: center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.credit-card-listing .card-bank__image img {
    border-radius: 9pt;
    -o-object-fit: contain;
    object-fit: contain
}

.credit-card-listing .card-bank__name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--primary-black);
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.credit-card-listing .card-bank__info {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 24px 2pc
}

@media(min-width:1200px) {
    .credit-card-listing .card-bank__info {
        padding: 24px 24px 2pc
    }
}

@media(max-width:767px) {
    .credit-card-listing .card-bank__info {
        padding-left: 1pc;
        padding-right: 1pc
    }
}

.credit-card-listing .card-bank__body-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between
}

.credit-card-listing .card-bank__description {
    color: var(--secondary-grey-60);
    line-height: 24px;
    margin-top: 1pc
}

.credit-card-listing .card-bank__description ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    list-style: none;
    margin: 0;
    padding: 0
}

.credit-card-listing .card-bank__description li {
    color: var(--secondary-grey-60);
    padding-left: 21px;
    position: relative
}

.credit-card-listing .card-bank__description li:before {
    background-color: var(--secondary-mid-grey-80);
    border-radius: 1px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

.credit-card-listing .compare-choosing__sticky-card {
    background-color: var(--primary-white);
    bottom: 0;
    left: 0;
    padding: 20px 0;
    position: fixed;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 100%;
    z-index: 1
}

.credit-card-listing .compare-choosing__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.credit-card-listing .compare-choosing__list-card {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 30%;
    flex-grow: 0;
    max-width: 33.333333%
}

.credit-card-listing .compare-choosing__list-card .has-card {
    -webkit-box-flex: unset;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex: unset;
    flex: unset;
    max-width: 87pt
}

@media(max-width:991px) {
    .credit-card-listing .compare-choosing .compare-button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 40px
    }

    .credit-card-listing .compare-choosing .compare-button__link {
        padding: 9pt 1pc
    }
}

@media(max-width:390px) {
    .credit-card-listing .compare-choosing__sticky-card {
        padding: 1pc 0
    }

    .credit-card-listing .compare-choosing__list-card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        overflow-x: scroll;
        padding-top: 8px
    }

    .credit-card-listing .compare-choosing__list-card::-webkit-scrollbar {
        display: none
    }

    .credit-card-listing .compare-choosing .remove-button {
        right: -8px;
        top: -8px
    }
}

.credit-card-listing .list-card__item {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px dashed var(--secondary-mid-grey-60);
    border-radius: 8px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 116px;
    flex: 0 0 116px;
    height: 75px;
    justify-content: center;
    max-width: 87pt;
    position: relative
}

.credit-card-listing .list-card__item:not(:last-child) {
    margin-right: 24px
}

.credit-card-listing .list-card__item-image {
    border-radius: 6px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: none;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.credit-card-listing .list-card__item-image span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 77.2px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 122.6px
}

.credit-card-listing .list-card__item-image img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.credit-card-listing .remove-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--primary-red);
    border-radius: 50%;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    color: var(--primary-white);
    cursor: pointer;
    display: none;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: -9pt;
    top: -9pt;
    width: 24px
}

.credit-card-listing .remove-button img {
    height: 18px;
    width: 18px
}

.credit-card-listing .add-panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--secondary-light-grey-60);
    border-radius: 50%;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2pc;
    justify-content: center;
    width: 2pc
}

.credit-card-listing .add-panel img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.credit-card-listing .has-card .list-card__item-image {
    display: block
}

.credit-card-listing .has-card .remove-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.credit-card-listing .has-card .add-panel {
    display: none
}

.credit-card-listing .compare-button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 23.6%;
    flex-basis: 23.6%;
    flex-grow: 0;
    max-width: 25%
}

.credit-card-listing .compare-button__link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: var(--primary-black);
    border-radius: 8px;
    color: var(--primary-white);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 24px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 1pc 24px;
    position: relative;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 1
}

.credit-card-listing .compare-button__link[disabled] {
    background-color: var(--cta-disabled);
    border: 1px solid var(--cta-disabled);
    color: var(--secondary-mid-grey-100);
    pointer-events: none
}

.credit-card-listing .compare-button__link:hover {
    background: var(--secondary-grey-60)
}

.credit-card-listing .compare-button__link-icon {
    color: var(--primary-white);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.credit-card-comparison-result .popup,
.credit-card-listing .compare-button__link-icon,
.credit-card-listing .popup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.credit-card-comparison-result .popup,
.credit-card-listing .popup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 9pc 0 146px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    z-index: 10000
}

.credit-card-comparison-result .popup.open,
.credit-card-listing .popup.open {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: visible
}

.credit-card-comparison-result .popup-content,
.credit-card-listing .popup-content {
    background: -webkit-gradient(linear, left top, right top, from(#fdfbfb), to(#ebedee));
    background: linear-gradient(90deg, #fdfbfb, #ebedee);
    border-radius: 1pc;
    max-width: 750pt;
    min-height: 450px;
    padding: 50px 0 0;
    position: relative
}

@media(max-width:767px) {

    .credit-card-comparison-result .popup-content,
    .credit-card-listing .popup-content {
        padding-top: 72px
    }
}

.credit-card-comparison-result .popup-content img,
.credit-card-listing .popup-content img {
    width: 1pc
}

.credit-card-comparison-result .popup .close,
.credit-card-listing .popup .close {
    color: red;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 20px
}

.credit-card-comparison-result .popup .popup-register_image,
.credit-card-listing .popup .popup-register_image {
    height: auto;
    left: 1pc;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 180px
}

.credit-card-comparison-result .popup .popup-register_image img,
.credit-card-listing .popup .popup-register_image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.credit-card-comparison-result .popup .popup-register_content,
.credit-card-listing .popup .popup-register_content {
    margin-left: auto;
    max-width: calc(100% - 196px)
}

.credit-card-comparison-result .popup .popup-register_contentTop,
.credit-card-listing .popup .popup-register_contentTop {
    background-color: var(--primary-white);
    border-radius: 8px;
    padding: 1pc 24px
}

.credit-card-comparison-result .popup .popup-register_steps,
.credit-card-listing .popup .popup-register_steps {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1pc -20px 0
}

.credit-card-comparison-result .popup .popup-register_item,
.credit-card-listing .popup .popup-register_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    padding: 0 8px
}

.credit-card-comparison-result .popup .popup-register_item.popup-register_step0,
.credit-card-listing .popup .popup-register_item.popup-register_step0 {
    display: none
}

.credit-card-comparison-result .popup .popup-register_titleDescOuter,
.credit-card-listing .popup .popup-register_titleDescOuter {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 1pc;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin-top: 1pc
}

.credit-card-comparison-result .popup .popup-register_titleDescOuter img,
.credit-card-listing .popup .popup-register_titleDescOuter img {
    border-radius: 1pc;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.credit-card-comparison-result .popup .popup-register_titleDesc,
.credit-card-listing .popup .popup-register_titleDesc {
    background-color: var(--primary-white);
    border-radius: 1pc;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    height: 100%;
    overflow: hidden
}

.credit-card-comparison-result .popup .popup-register_contentBottom,
.credit-card-listing .popup .popup-register_contentBottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1pc
}

.credit-card-comparison-result .popup .popup-register_title,
.credit-card-listing .popup .popup-register_title {
    margin-right: 33px
}

.credit-card-comparison-result .popup .popup-register_linkGroup,
.credit-card-listing .popup .popup-register_linkGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.credit-card-comparison-result .popup .popup-register_text p,
.credit-card-listing .popup .popup-register_text p {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

.credit-card-comparison-result .popup .popup-register_linkItem,
.credit-card-listing .popup .popup-register_linkItem {
    border-right: 1px solid #c4c4c4;
    margin-right: 24px;
    padding-right: 24px
}

.credit-card-comparison-result .popup .popup-register_linkItem a,
.credit-card-listing .popup .popup-register_linkItem a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.credit-card-comparison-result .popup .popup-register_linkItem a .link-text,
.credit-card-listing .popup .popup-register_linkItem a .link-text {
    font-weight: 600
}

.credit-card-comparison-result .popup .popup-register_linkItem a:hover .link-text,
.credit-card-listing .popup .popup-register_linkItem a:hover .link-text {
    text-decoration: underline
}

.credit-card-comparison-result .popup .popup-register_linkItem a img,
.credit-card-listing .popup .popup-register_linkItem a img {
    margin-left: 9pt
}

@media(min-width:768px) {

    .credit-card-comparison-result .popup .popup-register_item:first-child,
    .credit-card-listing .popup .popup-register_item:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16%;
        flex: 0 0 16%;
        max-width: 16%
    }

    .credit-card-comparison-result .popup .popup-register_item h6,
    .credit-card-listing .popup .popup-register_item h6 {
        font-size: 1pc;
        font-weight: 600;
        line-height: 20px
    }

    .credit-card-comparison-result .popup .popup-register_item:nth-child(2),
    .credit-card-listing .popup .popup-register_item:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%
    }

    .credit-card-comparison-result .popup .popup-register_item:nth-child(3),
    .credit-card-comparison-result .popup .popup-register_item:nth-child(4),
    .credit-card-listing .popup .popup-register_item:nth-child(3),
    .credit-card-listing .popup .popup-register_item:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%
    }
}

@media(max-width:1024px) {

    .credit-card-comparison-result .popup .popup-register_title,
    .credit-card-listing .popup .popup-register_title {
        margin-right: 15px;
        padding: 0
    }
}

@media(max-width:991px) {

    .credit-card-comparison-result .popup .popup-register_image,
    .credit-card-listing .popup .popup-register_image {
        display: none
    }

    .credit-card-comparison-result .popup .popup-register_content,
    .credit-card-listing .popup .popup-register_content {
        max-width: 100%
    }

    .credit-card-comparison-result .popup .popup-register_contentTop .popup-register_title,
    .credit-card-listing .popup .popup-register_contentTop .popup-register_title {
        border: none;
        padding: 0
    }

    .credit-card-comparison-result .popup .popup-register_contentBottom,
    .credit-card-listing .popup .popup-register_contentBottom {
        background-color: var(--primary-white);
        display: block;
        padding: 0 1pc 40px;
        width: 100%
    }

    .credit-card-comparison-result .popup .popup-register_title,
    .credit-card-listing .popup .popup-register_title {
        border-top: 1px solid #c4c4c4;
        padding-top: 40px
    }

    .credit-card-comparison-result .popup .popup-register_linkGroup,
    .credit-card-listing .popup .popup-register_linkGroup {
        display: block
    }

    .credit-card-comparison-result .popup .popup-register_linkItem,
    .credit-card-listing .popup .popup-register_linkItem {
        border-right: none;
        display: block;
        margin-right: 0;
        margin-top: 24px;
        padding-right: 0
    }
}

@media(max-width:767px) {

    .credit-card-comparison-result .popup .popup-register_contentTop,
    .credit-card-listing .popup .popup-register_contentTop {
        background-color: transparent;
        padding: 0
    }

    .credit-card-comparison-result .popup .popup-register_contentTop .popup-register_title,
    .credit-card-listing .popup .popup-register_contentTop .popup-register_title {
        padding: 0 1pc
    }

    .credit-card-comparison-result .popup .popup-register_desc,
    .credit-card-listing .popup .popup-register_desc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px;
        padding: 0 1pc
    }

    .credit-card-comparison-result .popup .popup-register_steps,
    .credit-card-listing .popup .popup-register_steps {
        background-color: var(--primary-white);
        margin: 0;
        overflow: auto;
        padding: 0 1pc 40px;
        width: 100vw
    }

    .credit-card-comparison-result .popup .popup-register_item,
    .credit-card-listing .popup .popup-register_item {
        margin-right: 1pc;
        min-width: 247px;
        padding: 0
    }

    .credit-card-comparison-result .popup .popup-register_item:first-child,
    .credit-card-listing .popup .popup-register_item:first-child {
        display: none
    }

    .credit-card-comparison-result .popup .popup-register_item.popup-register_step0,
    .credit-card-listing .popup .popup-register_item.popup-register_step0 {
        background-color: var(--primary-white);
        border-radius: 1pc 1pc 0 0;
        -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, .07);
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .07);
        display: block;
        margin-right: 0;
        margin-top: 40px;
        padding: 40px 1pc
    }

    .credit-card-comparison-result .popup .popup-register_item.popup-register_step0 .popup-register_titleDesc1,
    .credit-card-listing .popup .popup-register_item.popup-register_step0 .popup-register_titleDesc1 {
        margin-top: 1pc
    }

    .credit-card-comparison-result .popup .popup-register_item.popup-register_step0 a,
    .credit-card-listing .popup .popup-register_item.popup-register_step0 a {
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 9pt 1pc
    }

    .credit-card-comparison-result .popup .popup-register_item.popup-register_step0 a:hover,
    .credit-card-listing .popup .popup-register_item.popup-register_step0 a:hover {
        background-color: var(--secondary-mid-grey-100);
        color: var(--secondary-grey-60)
    }
}

.credit-ranking-component .select-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 9pt 9pt 9pt 0
}

.credit-ranking-component .select-filter .select-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.credit-ranking-component .select-filter h2 {
    color: #212121;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-right: 2pc
}

.credit-ranking-component .select-filter .options {
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: -1
}

.credit-ranking-component .select-filter .options,
.credit-ranking-component .select-filter .options>div {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.credit-ranking-component .select-filter .options>div {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    max-height: 250px;
    opacity: 0;
    overflow: auto;
    padding: 8px 0
}

.credit-ranking-component .select-filter .options ul {
    list-style: none
}

.credit-ranking-component .select-filter .options li {
    cursor: pointer;
    font-size: 1pc;
    line-height: 1.5;
    opacity: 1;
    padding: 6px 40px 6px 1pc;
    text-align: right;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.credit-ranking-component .select-filter .options li:not(.selected):hover {
    background-color: rgba(0, 0, 0, .04)
}

.credit-ranking-component .select-filter .options .selected {
    background-color: rgba(0, 0, 0, .08)
}

.credit-ranking-component .select-filter .select.showed+.options {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 2
}

.credit-ranking-component .select-filter .select.showed+.options>div {
    opacity: 1;
    top: 100%
}

.credit-ranking-component .select-filter .select.showed+.options>div::-webkit-scrollbar {
    width: 5px
}

.credit-ranking-component .select-filter .select.showed+.options>div::-webkit-scrollbar-thumb {
    background: #585454
}

.credit-ranking-component .select-filter .select.showed+.options>div::-webkit-scrollbar-track {
    background: #f1f1f1
}

.credit-ranking-component .select-filter .select.showed .credit-rating-chevron-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.credit-ranking-component .select-filter .option:hover {
    font-weight: 400
}

.credit-ranking-component .select-filter .select {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 3pc;
    min-height: 3pc;
    min-width: 181px;
    padding: 9pt 1pc;
    position: relative;
    z-index: 3
}

.credit-ranking-component .select-filter .select h6 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem
}

.credit-ranking-component .select-filter .select .fa-calendar-o {
    color: var(--gray-600);
    font-size: 14px;
    margin-right: 10px
}

.credit-ranking-component .select-filter .select span {
    color: #898989;
    font-size: 1pc;
    margin-left: 26px
}

.credit-ranking-component .select-filter .select .credit-rating-chevron-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ed1c24;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 10px;
    margin-left: 8px;
    width: 1pc
}

.credit-ranking-component .credits-list {
    grid-gap: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: grid;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.credit-ranking-component .credits-list .credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width:991px) {
    .credit-ranking-component .credits-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.credit-ranking-component .grid-2-col {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.credit-ranking-component .grid-3-col {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.credit-ranking-component .menu {
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    overflow: auto
}

.credit-ranking-component .menu-item {
    background-color: transparent;
    border: 0;
    color: #a2a2a2;
    cursor: pointer;
    display: block;
    letter-spacing: 0;
    max-width: none;
    min-height: 40px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: none;
    white-space: normal;
    width: auto
}

.credit-ranking-component .menu-item:first-child {
    border-bottom: 4px solid #ed1b24;
    color: #313131;
    font-weight: 700
}

.credit-ranking-component ::-webkit-scrollbar {
    height: 4px
}

.credit-ranking-component ::-webkit-scrollbar-thumb {
    background: #a2a2a2
}

.credit-ranking-component .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.credit-ranking-component .tab .content {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02);
    margin-top: 24px;
    overflow: hidden;
    padding-bottom: 24px;
    width: 100%
}

.credit-ranking-component .banner {
    padding: 2pc 24px
}

.credit-ranking-component .banner .image {
    height: 3pc;
    position: relative
}

.credit-ranking-component .banner img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    width: 100%
}

.credit-ranking-component .table {
    overflow-x: auto;
    width: 100%
}

.credit-ranking-component .table table {
    border-collapse: collapse;
    width: 100%
}

.credit-ranking-component .table td,
.credit-ranking-component .table th {
    border-color: transparent;
    border-bottom: 1px solid #e0e0e0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1pc;
    letter-spacing: -.01em;
    line-height: 24px;
    min-width: 140px;
    padding: 8px 23px;
    text-align: left
}

.credit-ranking-component .table thead th {
    background-color: #f6f6f6;
    border-bottom: none;
    color: #000;
    font-weight: 700
}

.credit-ranking-component .table tbody td {
    color: var(--secondary-grey-100)
}

.credit-ranking-component .table tr:last-child td {
    border-bottom: none
}

.credit-ranking-component .filter-options {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.credit-ranking-component .material-symbols-outlined {
    color: #898989;
    font-size: 1pc;
    font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
    margin-left: 0 !important;
    margin-right: 10px
}

.credit .list-items {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.display-none,
.filtered {
    display: none !important
}

@media(max-width:1024px) {
    .credit-ranking-component .credits-list .credit {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .credit-ranking-component .table td,
    .credit-ranking-component .table th {
        min-width: unset
    }
}

@-moz-document url-prefix() {
    .credit-ranking-component .menu {
        scrollbar-color: #a2a2a2 transparent;
        scrollbar-width: thin
    }
}

.currency-converter {
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    height: 100%
}

.currency-converter .priority-exchange__container {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.currency-converter .priority-exchange__panel {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    -ms-flex-preferred-size: unset;
    background-color: var(--primary-background);
    border-radius: 8px;
    flex-basis: unset;
    flex-grow: unset;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    padding-right: 0
}

.currency-converter .priority-exchange__suggestion {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%
}

.currency-converter .panel-item {
    background: unset;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    color: var(--body);
    height: 100%;
    padding: 2pc 24px
}

.dark .currency-converter .panel-item {
    background: linear-gradient(128.02deg, #e2ded7 -104.26%, #8d8175 59.55%);
    color: #fff
}

.currency-converter .panel-item__title {
    margin-bottom: 20px
}

.currency-converter .exchange-section__transaction-type-selector {
    margin-bottom: 24px
}

.currency-converter .exchange-section__currency-selector {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.currency-converter .exchange-section__note {
    font-style: italic;
    margin-top: 1pc;
    text-align: left;
    text-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

.currency-converter .exchange-section__error {
    color: #ed1b24;
    display: none;
    font-family: SF Pro Display Italic;
    font-style: italic;
    margin-top: 1pc;
    text-align: left
}

.currency-converter .exchange-section__label {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.currency-converter .exchange-section__tab-wrapper {
    border: 1px solid #e2ded7;
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    overflow: auto
}

.currency-converter .exchange-section__tabs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px
}

.currency-converter .exchange-section__tabs span {
    background-color: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    margin-right: 9pt;
    padding: 8px;
    text-align: center;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    white-space: nowrap;
    width: 95%
}

.currency-converter .exchange-section__tabs .material-symbols-outlined {
    color: #ed1b24;
    font-size: 40px;
    margin-right: 0
}

.currency-converter .exchange-section__tabs .material-symbols-outlined.chevron_left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dark .currency-converter .exchange-section__tabs .material-symbols-outlined {
    color: #fff
}

.currency-converter .single-item span {
    min-width: 60px;
    width: 10%
}

.dark .currency-converter .exchange-section__tabs-item:hover {
    background-color: #333
}

.currency-converter .exchange-section__tabs .tab-active {
    background-color: var(--gray-600);
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    color: var(--primary-background)
}

.dark .currency-converter .exchange-section__tabs .tab-active {
    background-color: #333
}

.currency-converter .exchange-section__tabs-scroller {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding: 8px
}

.currency-converter .exchange-section__tabs-scroller::-webkit-scrollbar {
    display: none
}

.currency-converter .tcb-scroll-control {
    background-color: var(--primary-background);
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 56px
}

.dark .currency-converter .tcb-scroll-control.tcb-scroll-control_next {
    background-color: #91857a
}

.dark .currency-converter .tcb-scroll-control.tcb-scroll-control_prev {
    background-color: #a3998e
}

.currency-converter .tcb-scroll-control.tcb-scroll-control_prev {
    border-left: 1px solid #e2ded7;
    left: -200px;
    opacity: 0;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.currency-converter .tcb-scroll-control.tcb-scroll-control_next {
    border-left: 1px solid #e2ded7;
    opacity: 0;
    right: -200px;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.currency-converter .can-prev .tcb-scroll-control_prev {
    left: 0;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.currency-converter .can-next .tcb-scroll-control_next {
    opacity: 1;
    right: 0;
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.currency-converter .currency-selector__currency-item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 48.5%
}

.currency-converter .currency-selector__currency-item.not-found .exchange-section__input {
    background-color: #d9d9d9
}

.dark .currency-converter .currency-selector__currency-item.not-found .exchange-section__input {
    background-color: hsla(0, 0%, 85%, .3)
}

.currency-converter .currency-item__inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid #e2ded7;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

.currency-converter .currency-item__inner .exchange-section__tabs {
    display: block;
    padding: 0;
    width: 100%
}

.currency-converter .exchange-section__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e2ded7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    min-height: 70px;
    padding: 0 1pc
}

.currency-converter .exchange-section__input .item__input-fields {
    width: 100%
}

.currency-converter .exchange-section__input input {
    background-color: transparent;
    border: transparent;
    color: var(--body);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    outline: none;
    width: 100%
}

.dark .currency-converter .exchange-section__input input {
    color: #fff
}

.currency-converter .exchange-section__input input::-webkit-input-placeholder {
    color: #616161;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-transform: capitalize
}

.currency-converter .exchange-section__input input::-moz-placeholder {
    color: #616161;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-transform: capitalize
}

.currency-converter .exchange-section__input input:-ms-input-placeholder {
    color: #616161;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-transform: capitalize
}

.currency-converter .exchange-section__input input::-ms-input-placeholder {
    color: #616161;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-transform: capitalize
}

.currency-converter .exchange-section__input input::placeholder {
    color: #616161;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-transform: capitalize
}

.dark .currency-converter .exchange-section__input input::-webkit-input-placeholder {
    color: #e2ded7;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.dark .currency-converter .exchange-section__input input::-moz-placeholder {
    color: #e2ded7;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.dark .currency-converter .exchange-section__input input:-ms-input-placeholder {
    color: #e2ded7;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.dark .currency-converter .exchange-section__input input::-ms-input-placeholder {
    color: #e2ded7;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.dark .currency-converter .exchange-section__input input::placeholder {
    color: #e2ded7;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.currency-converter .exchange-section__input label {
    color: #e2ded7
}

.dark .currency-converter .exchange-section__input label {
    color: var(--gray-600)
}

.currency-converter .scroll-currency-converter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.currency-converter .slick-next,
.currency-converter .slick-prev {
    opacity: 1;
    position: absolute;
    -webkit-transition: width 1s ease;
    transition: width 1s ease;
    visibility: hidden;
    width: 3pc
}

.currency-converter .slick-prev.slick-disabled {
    width: 0
}

@media(max-width:991px) {
    .currency-converter .priority-exchange__panel {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-right: unset
    }

    .currency-converter .tab-active {
        color: var(--primary-background) !important
    }
}

@media(max-width:767px) {
    .currency-converter .panel-item {
        padding: 2pc 1pc
    }

    .currency-converter .panel-item__title {
        margin-bottom: 24px
    }

    .currency-converter .exchange-section__tabs {
        overflow: auto
    }

    .currency-converter .priority-exchange__suggestion {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .currency-converter .currency-selector__currency-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .currency-converter .currency-selector__currency-item:first-child {
        margin-bottom: 1pc
    }

    .currency-converter .scroll-currency-converter {
        margin-left: 0;
        overflow: hidden;
        width: calc(100% + 40px)
    }
}

.tcb-date-picker {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    min-width: 310px;
    overflow: hidden;
    padding: 2pc 0 0
}

.ui-datepicker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 284px
}

.ui-datepicker .ui-state-hover {
    background-color: rgba(0, 0, 0, .04)
}

.ui-datepicker .ui-datepicker-calendar {
    max-width: 325px;
    min-width: 310px;
    table-layout: fixed;
    width: 294px
}

.ui-datepicker .ui-datepicker-calendar,
.ui-datepicker .ui-datepicker-calendar tbody,
.ui-datepicker .ui-datepicker-calendar thead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-datepicker .ui-datepicker-calendar tbody,
.ui-datepicker .ui-datepicker-calendar thead {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.ui-datepicker .ui-datepicker-calendar tbody {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 216px
}

.ui-datepicker .ui-datepicker-calendar thead {
    margin-bottom: 6px
}

.ui-datepicker .ui-datepicker-calendar th {
    color: var(--secondary-mid-grey-80);
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
    max-height: 1pc;
    text-transform: uppercase;
    width: 38px
}

.ui-datepicker .ui-datepicker-calendar tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    margin: 0 2px;
    width: 38px
}

.ui-datepicker .ui-datepicker-calendar td>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background-color: var(--primary-white);
    color: var(--primary-black)
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable,
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    background-color: var(--primary-white);
    color: var(--secondary-mid-grey-80)
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background-color: var(--primary-red);
    color: var(--primary-white)
}

.ui-datepicker .ui-datepicker-header {
    margin: 2px 0 20px;
    position: relative;
    width: 100%
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 600%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 24px
}

.ui-datepicker .ui-datepicker-title {
    font-size: 1pc;
    font-weight: 700;
    height: 100%;
    line-height: 24px;
    padding: 0 1pc
}

.ui-datepicker .ui-datepicker-prev {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/calendar-left-icon.svg);
    right: 40px
}

.ui-datepicker .ui-datepicker-next {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/calendar-right-icon.svg);
    right: 1pc
}

@-webkit-keyframes red-flash-point {
    0% {
        background-color: transparent
    }

    to {
        background-color: var(--primary-red)
    }
}

@keyframes red-flash-point {
    0% {
        background-color: transparent
    }

    to {
        background-color: var(--primary-red)
    }
}

@-webkit-keyframes grey-flash-point {
    0% {
        background-color: transparent
    }

    to {
        background-color: var(--secondary-mid-grey-80)
    }
}

@keyframes grey-flash-point {
    0% {
        background-color: transparent
    }

    to {
        background-color: var(--secondary-mid-grey-80)
    }
}

.insurance-calculation__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    justify-content: center;
    width: 100%
}

.insurance-calculation__content,
.insurance-calculation__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insurance-calculation__panel {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%
}

.insurance-calculation .panel-inputs {
    background-color: var(--primary-white);
    border-radius: 8px 0 0 8px;
    display: inline-block;
    padding: 24px;
    width: 60%
}

.insurance-calculation .input-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.insurance-calculation .item__label {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 41.666667%;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    flex-basis: 41.666667%;
    flex-grow: 0;
    margin: auto;
    max-width: 41.666667%;
    padding: 8px
}

.insurance-calculation .label__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    line-height: 1.5
}

.insurance-calculation .label__footnote {
    color: var(--gray-600);
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    max-width: 190px
}

.insurance-calculation .item__input-fields {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 58.333333%;
    flex-basis: 58.333333%;
    flex-grow: 0;
    max-width: 58.333333%;
    padding: 8px;
    position: relative
}

.insurance-calculation .item__input-fields .tcb-input--save-calc {
    padding: 20px 0
}

.insurance-calculation .item__input-fields .tcb-input--save-calc .tcb-input-range_bar-wrapper {
    cursor: pointer
}

.insurance-calculation .item__input-fields .tcb-input--save-calc .tcb-input-range_bar-wrapper .tcb-input-range_bar .tcb-input-range_thumb .tcb-input-range_inline-value {
    font-size: .75rem;
    left: calc(-50% - 5px);
    letter-spacing: .01071em;
    line-height: 1.2;
    padding: 7.8px 21.2px;
    position: absolute;
    top: 44px;
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: 1
}

.insurance-calculation .item__input-fields .tcb-input--save-calc .tcb-input-range_labels {
    margin-top: 2px
}

.insurance-calculation .input-fields__date-time-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.insurance-calculation .date-time-wrapper__input-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.insurance-calculation .date-time-wrapper__input-field input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    background: none;
    border-color: var(--secondary-light-grey-100);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 19px;
    letter-spacing: inherit;
    margin: 0;
    min-width: 0;
    padding: 18.5px 14px;
    width: 100%
}

.insurance-calculation .date-time-wrapper__input-field:focus {
    outline: .1em solid #87cefa
}

.insurance-calculation .date-time-wrapper__separator {
    margin: 0 9pt
}

.insurance-calculation .input-fields__error-msg {
    color: var(--primary-red);
    font-weight: 400;
    line-height: 24px
}

.insurance-calculation .input-fields__drop-down {
    background-color: var(--primary-white);
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: 90pt
}

.insurance-calculation .drop-down__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 0;
    vertical-align: top
}

.insurance-calculation .drop-down__container,
.insurance-calculation .drop-down__controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 100%
}

.insurance-calculation .drop-down__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    font-size: 1rem;
    letter-spacing: .00938em;
    line-height: 1.1876em
}

.insurance-calculation .drop-down__controls form {
    width: 100%
}

.insurance-calculation .drop-down__controls input {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.insurance-calculation .drop-down__select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--primary-white);
    background: none;
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: currentColor;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: inherit;
    height: 56px;
    letter-spacing: inherit;
    min-height: 1.1876em;
    min-width: 1pc;
    overflow: hidden;
    padding: 1pc;
    position: relative;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.insurance-calculation .drop-down__select span {
    margin-right: 14px;
    white-space: nowrap
}

.insurance-calculation .label__text .icon-info {
    height: 1pc;
    margin-left: 9pt;
    position: relative;
    width: 1pc
}

.insurance-calculation .label__text .icon-info img:not(.cmp-button__icon) {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.insurance-calculation .input-field__currency-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: 8px;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.insurance-calculation .input-field__currency-field input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    background: none;
    border-color: var(--secondary-light-grey-100);
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: currentColor;
    display: block;
    font: inherit;
    height: 19px;
    letter-spacing: inherit;
    margin: 0;
    min-width: 0;
    padding: 18.5px 14px;
    width: 100%
}

.insurance-calculation .date-time-wrapper__input-extra {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .01em;
    max-height: 2em;
    position: absolute;
    right: 14px;
    white-space: nowrap
}

.insurance-calculation .currency__place-holder {
    color: rgba(0, 0, 0, .54);
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 24px
}

.insurance-calculation .panel-info {
    display: inline-block;
    padding: 40px 0;
    position: relative;
    width: 40%
}

.insurance-calculation .panel-info span {
    display: block
}

.insurance-calculation .panel-info img:not(.cmp-button__icon) {
    border-radius: 0 8px 8px 0;
    inset: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.insurance-calculation .panel-info__content {
    padding: 0 40px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.insurance-calculation .panel-info__content-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.insurance-calculation .panel-info__content-button {
    color: var(--primary-white);
    height: auto;
    margin-top: 2pc
}

.insurance-calculation .panel-info__content-button a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary-white);
    border: 1px solid #404040;
    border-radius: 8px;
    color: var(--primary-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    height: 100%;
    justify-content: space-between;
    line-height: 24px;
    max-height: 56px;
    max-width: 328px;
    padding: 1pc 24px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.insurance-calculation .content-button__icon-arrow {
    height: 1pc;
    margin-left: 9pt;
    position: relative;
    width: 1pc
}

.insurance-calculation .info-content-text__icon {
    position: relative
}

.insurance-calculation .info-content-text__icon span {
    height: 55px;
    position: relative;
    width: 5pc
}

.insurance-calculation .info-content-text__icon.img-medium span {
    height: 69px;
    width: 99px
}

.insurance-calculation .mt-auto {
    margin-top: auto
}

.insurance-calculation .info-content-text__label {
    -webkit-box-flex: 1;
    color: var(--primary-white);
    display: inline-block;
    -ms-flex: 1;
    flex: 1
}

.insurance-calculation .info-content-text__label>div {
    color: var(--secondary-light-grey-100);
    font-weight: 300;
    margin-bottom: 8px;
    margin-top: 24px
}

.insurance-calculation .info-content-text__label>h3 {
    max-width: 95%;
    overflow-wrap: break-word
}

.insurance-calculation .info-content-text__label p {
    color: var(--secondary-light-grey-100);
    font-weight: 300;
    margin-bottom: 8px
}

.insurance-calculation .info-content-text__label .info-title {
    font-weight: 300;
    margin-bottom: 8px;
    margin-top: 24px
}

.insurance-calculation .info-content-text__label h3 {
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0
}

.drop-down__select:focus,
.insurance-calculation__content input:focus {
    outline: 1px solid #0a84ff
}

.insurance-calculation input[type=range] {
    outline: none !important
}

.insurance-calculation input::-webkit-inner-spin-button,
.insurance-calculation input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.insurance-calculation input[type=number] {
    -moz-appearance: textfield
}

.select-option {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    display: none;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.select-option.opened {
    display: block
}

.option {
    cursor: pointer;
    letter-spacing: .00938em;
    line-height: 1.5;
    padding: 6px 1pc
}

.option.selected {
    background-color: rgba(0, 0, 0, .08)
}

.option:hover {
    font-weight: 600
}

.insurance-calculation .label__text .icon-info:hover .insurance-calculation .info-content-text__label>div {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 37px
}

@media(max-width:991px) {
    .insurance-calculation .panel-inputs {
        border-radius: 8px 8px 0 0;
        width: 100%
    }

    .insurance-calculation .panel-info {
        width: 100%
    }

    .insurance-calculation .panel-info img:not(.cmp-button__icon) {
        border-radius: 0 0 8px 8px
    }

    .insurance-calculation .info-content-text__label>div {
        height: auto
    }
}

@media(max-width:767px) {
    .insurance-calculation .label__text {
        position: relative
    }

    .insurance-calculation .label__text .icon-info {
        position: static
    }

    .insurance-calculation .insurance-calculation__panel {
        padding-top: 8px
    }

    .insurance-calculation .insurance-calculation__panel .panel-inputs {
        padding: 1pc
    }

    .insurance-calculation .insurance-calculation__panel .panel-inputs .input-items .item__label {
        padding-bottom: 0
    }

    .insurance-calculation .item__input-fields,
    .insurance-calculation .item__label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .insurance-calculation .panel-info__content-button a {
        max-width: 100%;
        width: 100%
    }
}

@media(max-width:575px) {
    .insurance-calculation .panel-info__content {
        padding: 0 1pc
    }

    .insurance-calculation .panel-info__content-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .insurance-calculation .info-content-text__label {
        margin-left: 0
    }

    .insurance-calculation .info-content-text__label>div {
        margin-bottom: 8px;
        margin-top: 24px
    }
}

@media(max-width:390px) {
    .insurance-calculation .panel-inputs {
        padding: 24px 8px
    }

    .insurance-calculation .item__label {
        padding-bottom: 0
    }
}

.device-look-carousel .device-look-carousel__item-content {
    word-break: break-word
}

.device-look-carousel .device-look-carousel__item-content h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.device-look-carousel .device-look-carousel__item-content p a:hover {
    text-decoration: underline
}

.device-look-carousel.layout-step-text {
    overflow: hidden
}

.device-look-carousel.layout-image-step-text .device-look-carousel__item-image-wrapper {
    margin: 0 .75rem 2.5rem;
    max-width: none
}

.device-look-carousel .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.device-look-carousel .device-look-carousel__container {
    height: 100%;
    margin: 0 auto;
    max-width: 90pc
}

.device-look-carousel .device-look-carousel__container .title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 18px
}

.device-look-carousel .device-look-carousel__container .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-left: 0
}

.device-look-carousel .device-look-carousel__header {
    color: #000;
    padding-bottom: 9pt
}

.device-look-carousel .device-look-carousel__header-title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    position: relative
}

.device-look-carousel .device-look-carousel__header-title,
.device-look-carousel .title-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.device-look-carousel .title-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 8px
}

.device-look-carousel .device-look-carousel__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 20px
}

.device-look-carousel .device-look-carousel__item-image-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 56px;
    max-width: 175px
}

.device-look-carousel .device-look-carousel__item-image-wrapper .device-look-carousel__item-image {
    border-radius: .5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center;
    position: relative;
    width: 100%
}

.device-look-carousel .device-look-carousel__item-body {
    background-color: #fff;
    height: 100%;
    min-height: 7rem;
    padding: 2.5rem .625rem 1.5rem 1rem;
    position: relative;
    width: 100%
}

.device-look-carousel .device-look-carousel__item:first-child .device-look-carousel__item-body {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.device-look-carousel .slick-slide:first-child .device-look-carousel__item-body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 0
}

.device-look-carousel .slick-slide:last-child .device-look-carousel__item-body {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.device-look-carousel .device-look-carousel__item-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: -20px;
    width: 40px
}

.device-look-carousel .device-look-carousel__item-content .item-title {
    color: var(--primary-black);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 8px
}

.device-look-carousel .device-look-carousel__item-heading {
    line-height: 1.5
}

.device-look-carousel .slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 77%, .54);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    box-shadow: 1px 1.5px 4px 0 hsla(218, 7%, 69%, .45);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3pc;
    justify-content: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 3pc;
    z-index: 1
}

.device-look-carousel .slick-prev {
    color: #fff;
    font-size: 1.25rem;
    top: 50%;
    z-index: 1
}

.device-look-carousel .slick-prev:after {
    content: "❮"
}

.device-look-carousel .slick-next {
    color: #fff;
    font-size: 1.25rem;
    right: 0;
    top: 50%;
    z-index: 1
}

.device-look-carousel .slick-next:after {
    content: "❯"
}

.device-look-carousel .slick-next:hover,
.device-look-carousel .slick-prev:hover {
    background-color: #fff;
    color: red;
    cursor: pointer
}

.device-look-carousel .slick-disabled {
    display: none
}

@media(max-width:991px) {
    .device-look-carousel .device-look-carousel__item-body {
        padding: 40px 2pc 40px 1pc
    }

    .device-look-carousel .device-look-carousel__list-item .device-look-carousel__item:first-child .device-look-carousel__item-body {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 0;
        padding: 40px 1pc 40px 2pc
    }

    .device-look-carousel .device-look-carousel__list-item .device-look-carousel__item:last-child .device-look-carousel__item-body {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }

    .device-look-carousel .device-look-carousel__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll
    }

    .device-look-carousel .device-look-carousel__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:767px) {
    .device-look-carousel .device-look-carousel__list-item {
        padding-top: 0
    }

    .device-look-carousel .device-look-carousel__list-item .device-look-carousel__item:has(.device-look-carousel__item-image-wrapper) {
        padding-top: unset
    }
}

@media(max-width:576px) {
    .device-look-carousel .device-look-carousel__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 84%;
        flex: 0 0 84%;
        max-width: 84%
    }
}

@media(max-width:414px) {
    .device-look-carousel .device-look-carousel__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width:300px) {
    .device-look-carousel .device-look-carousel__container {
        margin-left: -1pc
    }
}

@media print {
    body :not(.printable, .printable *) {
        display: none !important
    }
}

.exchange-rate__printable {
    background-color: #f5f6f8;
    padding: 3pc 4pc 9pt
}

.exchange-rate__printable .download-button__wrapper,
.exchange-rate__printable .popup__close-button {
    display: none !important
}

@media(max-width:767px) {
    .exchange-rate__printable {
        padding: 1pc 0
    }
}

.exchange-rate__printable .exchange-rate__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

.exchange-rate__printable .exchange-rate__table {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    padding-bottom: 24px
}

.exchange-rate__printable .exchange-rate__table-content {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important
}

.body {
    forced-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important
}

.exchange-rate .hidden,
.fixing-rate .hidden,
.gold-rate .hidden {
    display: none !important
}

.exchange-rate .exchange-rate__empty-label,
.fixing-rate .exchange-rate__empty-label,
.gold-rate .exchange-rate__empty-label {
    min-height: calc(100% - 315px)
}

.exchange-rate .date-time-wrapper__input-extra,
.fixing-rate .date-time-wrapper__input-extra,
.gold-rate .date-time-wrapper__input-extra {
    pointer-events: visible;
    position: relative;
    right: unset
}

.exchange-rate .exchange-rate__header,
.fixing-rate .exchange-rate__header,
.gold-rate .exchange-rate__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 23px
}

.exchange-rate .title-cmp,
.fixing-rate .title-cmp,
.gold-rate .title-cmp {
    padding-bottom: 0
}

.exchange-rate .title-cmp__title,
.fixing-rate .title-cmp__title,
.gold-rate .title-cmp__title {
    font-size: 28px;
    font-weight: 300;
    line-height: 36px;
    padding-bottom: 0
}

.exchange-rate .exchange-rate__header-select,
.fixing-rate .exchange-rate__header-select,
.gold-rate .exchange-rate__header-select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-left: 44px;
    min-width: 0;
    position: relative
}

.exchange-rate .header-select__data,
.fixing-rate .header-select__data,
.gold-rate .header-select__data {
    position: relative
}

.exchange-rate .header-select__data.time-select,
.fixing-rate .header-select__data.time-select,
.gold-rate .header-select__data.time-select {
    min-width: 0
}

.exchange-rate .header-select__data-input,
.fixing-rate .header-select__data-input,
.gold-rate .header-select__data-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1pc;
    position: relative
}

.exchange-rate .header-select__data-input>p,
.fixing-rate .header-select__data-input>p,
.gold-rate .header-select__data-input>p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.exchange-rate .header-select__data-input.no-pointer,
.fixing-rate .header-select__data-input.no-pointer,
.gold-rate .header-select__data-input.no-pointer {
    pointer-events: none
}

.exchange-rate .exchange-rate-calendar,
.exchange-rate .fixing-rate-calendar,
.exchange-rate .gold-rate-calendar,
.fixing-rate .exchange-rate-calendar,
.fixing-rate .fixing-rate-calendar,
.fixing-rate .gold-rate-calendar,
.gold-rate .exchange-rate-calendar,
.gold-rate .fixing-rate-calendar,
.gold-rate .gold-rate-calendar {
    position: relative
}

.exchange-rate .exchange-rate-calendar .calendar-popup,
.exchange-rate .fixing-rate-calendar .calendar-popup,
.exchange-rate .gold-rate-calendar .calendar-popup,
.fixing-rate .exchange-rate-calendar .calendar-popup,
.fixing-rate .fixing-rate-calendar .calendar-popup,
.fixing-rate .gold-rate-calendar .calendar-popup,
.gold-rate .exchange-rate-calendar .calendar-popup,
.gold-rate .fixing-rate-calendar .calendar-popup,
.gold-rate .gold-rate-calendar .calendar-popup {
    bottom: unset;
    top: 0
}

.exchange-rate .data-input__arrow-icon,
.fixing-rate .data-input__arrow-icon,
.gold-rate .data-input__arrow-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 14px;
    margin-left: 8px;
    width: 14px
}

.exchange-rate .data-input__arrow-icon>img,
.fixing-rate .data-input__arrow-icon>img,
.gold-rate .data-input__arrow-icon>img {
    display: block;
    height: 14px;
    margin: auto;
    position: relative;
    width: 14px
}

.exchange-rate .data-input__prefix,
.fixing-rate .data-input__prefix,
.gold-rate .data-input__prefix {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.exchange-rate .data-input__prefix>p,
.fixing-rate .data-input__prefix>p,
.gold-rate .data-input__prefix>p {
    font-weight: 500;
    margin-left: 10px;
    margin-right: 20px
}

.exchange-rate .data-input__suffix,
.fixing-rate .data-input__suffix,
.gold-rate .data-input__suffix {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.exchange-rate .data-input__suffix .selected-time-slot,
.fixing-rate .data-input__suffix .selected-time-slot,
.gold-rate .data-input__suffix .selected-time-slot {
    min-width: 0;
    overflow: hidden;
    word-break: break-word
}

.exchange-rate .data-input__calendar-icon,
.fixing-rate .data-input__calendar-icon,
.gold-rate .data-input__calendar-icon {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 1pc;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1pc
}

.exchange-rate .data-input__calendar-icon img,
.fixing-rate .data-input__calendar-icon img,
.gold-rate .data-input__calendar-icon img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.exchange-rate .exchange-rate__table-content,
.exchange-rate .exchange-rate__table-outer,
.fixing-rate .exchange-rate__table-content,
.fixing-rate .exchange-rate__table-outer,
.gold-rate .exchange-rate__table-content,
.gold-rate .exchange-rate__table-outer {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

.exchange-rate .exchange-rate__table-outer,
.fixing-rate .exchange-rate__table-outer,
.gold-rate .exchange-rate__table-outer {
    overflow: auto
}

.exchange-rate .exchange-rate__table-outer .exchange-rate__table-content,
.fixing-rate .exchange-rate__table-outer .exchange-rate__table-content,
.gold-rate .exchange-rate__table-outer .exchange-rate__table-content {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width:767px) {

    .exchange-rate .exchange-rate__table-outer .exchange-rate__table-content,
    .fixing-rate .exchange-rate__table-outer .exchange-rate__table-content,
    .gold-rate .exchange-rate__table-outer .exchange-rate__table-content {
        min-width: 500px
    }
}

.exchange-rate .exchange-rate__table-records,
.fixing-rate .exchange-rate__table-records,
.gold-rate .exchange-rate__table-records {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.exchange-rate .table-note,
.fixing-rate .table-note,
.gold-rate .table-note {
    padding-bottom: 24px;
    width: 100%
}

.exchange-rate .table__first-column,
.fixing-rate .table__first-column,
.gold-rate .table__first-column {
    border-bottom: 1px solid #dedede;
    padding: 1pc 0;
    text-align: left;
    width: 17%
}

.exchange-rate .table__first-column.one-col,
.fixing-rate .table__first-column.one-col,
.gold-rate .table__first-column.one-col {
    border-left-width: 0;
    border-right-width: 0;
    max-width: unset !important;
    text-align: center !important;
    width: 100% !important
}

.exchange-rate .table__first-column.one-col span,
.fixing-rate .table__first-column.one-col span,
.gold-rate .table__first-column.one-col span {
    padding-left: 5px
}

.exchange-rate .table__first-column.left-pos,
.fixing-rate .table__first-column.left-pos,
.gold-rate .table__first-column.left-pos {
    padding-left: 40px;
    text-align: left
}

.exchange-rate .table-records__data.strong-par p,
.exchange-rate .table__first-column.strong-par p,
.fixing-rate .table-records__data.strong-par p,
.fixing-rate .table__first-column.strong-par p,
.gold-rate .table-records__data.strong-par p,
.gold-rate .table__first-column.strong-par p {
    font-weight: 700
}

.exchange-rate .table-header .table__first-column,
.fixing-rate .table-header .table__first-column,
.gold-rate .table-header .table__first-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.exchange-rate .table-header p,
.fixing-rate .table-header p,
.gold-rate .table-header p {
    font-weight: 700
}

.exchange-rate .table-header .up-par p,
.fixing-rate .table-header .up-par p,
.gold-rate .table-header .up-par p {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase
}

.exchange-rate .table-header .last-column,
.fixing-rate .table-header .last-column,
.gold-rate .table-header .last-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1pc 0;
    width: 27.66%
}

.exchange-rate .table-header .last-column>p,
.fixing-rate .table-header .last-column>p,
.gold-rate .table-header .last-column>p {
    width: 100%
}

.exchange-rate .table-records__data,
.fixing-rate .table-records__data,
.gold-rate .table-records__data {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 75%
}

.exchange-rate .table-records__data .group-header,
.fixing-rate .table-records__data .group-header,
.gold-rate .table-records__data .group-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%
}

.exchange-rate .table-records__data .group-header .table-records__data-content,
.fixing-rate .table-records__data .group-header .table-records__data-content,
.gold-rate .table-records__data .group-header .table-records__data-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.exchange-rate .table-records__data .group-header .table-records__data-content .data-content__item,
.fixing-rate .table-records__data .group-header .table-records__data-content .data-content__item,
.gold-rate .table-records__data .group-header .table-records__data-content .data-content__item {
    width: 50%
}

.exchange-rate .table-records__data-content,
.fixing-rate .table-records__data-content,
.gold-rate .table-records__data-content {
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding: 1pc 0;
    text-align: center;
    width: 50%
}

.exchange-rate .width-66-33 .table-records__data-content:nth-child(odd),
.fixing-rate .width-66-33 .table-records__data-content:nth-child(odd),
.gold-rate .width-66-33 .table-records__data-content:nth-child(odd) {
    width: 66.66%
}

.exchange-rate .width-33-66 .table-records__data-content:nth-child(odd),
.exchange-rate .width-66-33 .table-records__data-content:nth-child(2n),
.fixing-rate .width-33-66 .table-records__data-content:nth-child(odd),
.fixing-rate .width-66-33 .table-records__data-content:nth-child(2n),
.gold-rate .width-33-66 .table-records__data-content:nth-child(odd),
.gold-rate .width-66-33 .table-records__data-content:nth-child(2n) {
    width: 33.33%
}

.exchange-rate .width-33-66 .table-records__data-content:nth-child(2n),
.fixing-rate .width-33-66 .table-records__data-content:nth-child(2n),
.gold-rate .width-33-66 .table-records__data-content:nth-child(2n) {
    width: 66.66%
}

.exchange-rate .table-records__data-content.row-divided,
.fixing-rate .table-records__data-content.row-divided,
.gold-rate .table-records__data-content.row-divided {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 0
}

.exchange-rate .data-content__item,
.fixing-rate .data-content__item,
.gold-rate .data-content__item {
    padding: 1pc 0;
    width: 50%
}

.exchange-rate .data-content__item:nth-child(2n),
.fixing-rate .data-content__item:nth-child(2n),
.gold-rate .data-content__item:nth-child(2n) {
    border-left: 1px solid #dedede
}

.exchange-rate .first-border .data-content__item:nth-child(odd),
.fixing-rate .first-border .data-content__item:nth-child(odd),
.gold-rate .first-border .data-content__item:nth-child(odd) {
    border-right: none
}

.exchange-rate .first-border .data-content__item:nth-child(2n),
.fixing-rate .first-border .data-content__item:nth-child(2n),
.gold-rate .first-border .data-content__item:nth-child(2n) {
    border-left: none
}

.exchange-rate .first-border .table-records__data-content,
.fixing-rate .first-border .table-records__data-content,
.gold-rate .first-border .table-records__data-content {
    border-left: none;
    border-right: none
}

.exchange-rate .first-border .table-records__data-content:nth-child(odd),
.fixing-rate .first-border .table-records__data-content:nth-child(odd),
.gold-rate .first-border .table-records__data-content:nth-child(odd) {
    border-left: .5px solid #dedede
}

.exchange-rate .exchange-rate__table-note,
.fixing-rate .exchange-rate__table-note,
.gold-rate .exchange-rate__table-note {
    font-style: italic;
    padding-left: 40px;
    text-align: left;
    width: 100%
}

.exchange-rate .exchange-rate__table-note p,
.fixing-rate .exchange-rate__table-note p,
.gold-rate .exchange-rate__table-note p {
    margin-top: 1pc
}

.exchange-rate .exchange-rate__view-more,
.fixing-rate .exchange-rate__view-more,
.gold-rate .exchange-rate__view-more {
    margin-top: 36px;
    text-align: center
}

.exchange-rate .exchange-rate__view-more>button,
.fixing-rate .exchange-rate__view-more>button,
.gold-rate .exchange-rate__view-more>button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: inherit;
    font-weight: 600;
    gap: 9pt
}

.exchange-rate .exchange-rate__view-more>button:hover,
.fixing-rate .exchange-rate__view-more>button:hover,
.gold-rate .exchange-rate__view-more>button:hover {
    cursor: pointer;
    text-decoration: underline
}

.exchange-rate .view-more__icon,
.fixing-rate .view-more__icon,
.gold-rate .view-more__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.exchange-rate .time__dropdown,
.fixing-rate .time__dropdown,
.gold-rate .time__dropdown {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    display: none;
    min-width: 118px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -5px;
    -webkit-transition: opacity 485ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 323ms cubic-bezier(.4, 0, .2, 1) 154ms;
    transition: opacity 485ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 323ms cubic-bezier(.4, 0, .2, 1) 154ms;
    transition: opacity 485ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 323ms cubic-bezier(.4, 0, .2, 1) 154ms;
    transition: opacity 485ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 323ms cubic-bezier(.4, 0, .2, 1) 154ms, -webkit-transform 323ms cubic-bezier(.4, 0, .2, 1) 154ms;
    z-index: 2
}

.exchange-rate .time__dropdown ul,
.fixing-rate .time__dropdown ul,
.gold-rate .time__dropdown ul {
    -webkit-padding-start: unset;
    list-style: none;
    padding-bottom: 8px;
    padding-inline-start: unset;
    padding-top: 8px
}

.exchange-rate .time__dropdown li,
.fixing-rate .time__dropdown li,
.gold-rate .time__dropdown li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: 3pc;
    padding: 6px 1pc
}

.exchange-rate .time__dropdown li span,
.fixing-rate .time__dropdown li span,
.gold-rate .time__dropdown li span {
    vertical-align: middle
}

.exchange-rate .time__dropdown li.selected,
.exchange-rate .time__dropdown li:hover,
.fixing-rate .time__dropdown li.selected,
.fixing-rate .time__dropdown li:hover,
.gold-rate .time__dropdown li.selected,
.gold-rate .time__dropdown li:hover {
    background-color: rgba(0, 0, 0, .08)
}

.exchange-rate .time__dropdown li.selected span,
.exchange-rate .time__dropdown li:hover span,
.fixing-rate .time__dropdown li.selected span,
.fixing-rate .time__dropdown li:hover span,
.gold-rate .time__dropdown li.selected span,
.gold-rate .time__dropdown li:hover span {
    font-weight: 600
}

.exchange-rate .time__dropdown.active,
.fixing-rate .time__dropdown.active,
.gold-rate .time__dropdown.active {
    display: block
}

.exchange-rate .first-row,
.fixing-rate .first-row,
.gold-rate .first-row {
    border-top: none
}

.exchange-rate .first-column,
.fixing-rate .first-column,
.gold-rate .first-column {
    border-left: none
}

.exchange-rate .last-row,
.fixing-rate .last-row,
.gold-rate .last-row {
    border-bottom: none
}

.exchange-rate .last-column,
.fixing-rate .last-column,
.gold-rate .last-column {
    border-right: none
}

.exchange-rate .exchange-rate__popup,
.fixing-rate .exchange-rate__popup,
.gold-rate .exchange-rate__popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #f5f6f8;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    padding: 3pc 4pc 9pt;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1301
}

.exchange-rate .exchange-rate__popup .exchange-rate__table,
.fixing-rate .exchange-rate__popup .exchange-rate__table,
.gold-rate .exchange-rate__popup .exchange-rate__table {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px;
    overflow: auto;
    padding-bottom: 24px
}

.exchange-rate .exchange-rate__popup .exchange-rate__table-content,
.fixing-rate .exchange-rate__popup .exchange-rate__table-content,
.gold-rate .exchange-rate__popup .exchange-rate__table-content {
    -webkit-box-flex: 1;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.exchange-rate .exchange-rate__popup-wrapper,
.fixing-rate .exchange-rate__popup-wrapper,
.gold-rate .exchange-rate__popup-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    width: 100%
}

.exchange-rate .popup__close-button,
.fixing-rate .popup__close-button,
.gold-rate .popup__close-button {
    cursor: pointer;
    display: block;
    height: 18px;
    position: absolute;
    right: 60px;
    top: 53px;
    width: 18px
}

.exchange-rate .popup__close-button:before,
.fixing-rate .popup__close-button:before,
.gold-rate .popup__close-button:before {
    background-color: #000;
    content: " ";
    height: 100%;
    left: 7px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2px
}

.exchange-rate .popup__close-button:after,
.fixing-rate .popup__close-button:after,
.gold-rate .popup__close-button:after {
    background-color: #000;
    content: " ";
    height: 100%;
    left: 7px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 2px
}

.exchange-rate .popup__download-button,
.fixing-rate .popup__download-button,
.gold-rate .popup__download-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.exchange-rate .download-button__wrapper,
.fixing-rate .download-button__wrapper,
.gold-rate .download-button__wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 auto;
    width: 254px
}

.exchange-rate .download-button__wrapper>button,
.fixing-rate .download-button__wrapper>button,
.gold-rate .download-button__wrapper>button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.exchange-rate .download-button__icon,
.fixing-rate .download-button__icon,
.gold-rate .download-button__icon {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fixing-rate .table-header .table__first-column p:first-child {
    text-align: left
}

.exchange-rate__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #000 !important;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    justify-content: space-between;
    margin-top: 1pc;
    padding: 2pc 1pc
}

.exchange-rate.width-25-75 .table__first-column {
    width: 25%
}

.gold-rate .table-header .first-row {
    padding: 1pc 0
}

.gold-rate .table-header .last-column {
    width: 50%
}

.gold-rate .first-column {
    text-align: center
}

.fixing-rate .table-header .last-column,
.gold-rate .table-header .last-column {
    width: 50%
}

.fixing-rate .table__first-column,
.gold-rate .table__first-column {
    text-align: center
}

@media not print {
    .exchange-rate .download-button__wrapper>button:hover {
        background-color: #a2a2a2;
        color: var(--gray-600)
    }

    .exchange-rate .download-button__wrapper>button:hover img {
        -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(0) saturate(1112%) hue-rotate(136deg) brightness(95%) contrast(81%);
        filter: brightness(0) saturate(100%) invert(37%) sepia(0) saturate(1112%) hue-rotate(136deg) brightness(95%) contrast(81%);
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }
}

@media screen and (max-width:767px) {

    .exchange-rate .exchange-rate__header,
    .fixing-rate .exchange-rate__header,
    .gold-rate .exchange-rate__header {
        display: block
    }

    .exchange-rate .title-cmp,
    .fixing-rate .title-cmp,
    .gold-rate .title-cmp {
        margin-bottom: 24px
    }

    .exchange-rate .exchange-rate__header-select,
    .fixing-rate .exchange-rate__header-select,
    .gold-rate .exchange-rate__header-select {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc;
        margin-left: 0
    }

    .exchange-rate .exchange-rate__header-select .header-select__data,
    .fixing-rate .exchange-rate__header-select .header-select__data,
    .gold-rate .exchange-rate__header-select .header-select__data {
        width: 100%
    }

    .exchange-rate .exchange-rate__table-note,
    .fixing-rate .exchange-rate__table-note,
    .gold-rate .exchange-rate__table-note {
        padding-left: 8px;
        padding-right: 8px
    }

    .exchange-rate .table__first-column,
    .fixing-rate .table__first-column,
    .gold-rate .table__first-column {
        min-width: 81pt !important;
        width: 25%
    }

    .exchange-rate .table__first-column.one-col,
    .fixing-rate .table__first-column.one-col,
    .gold-rate .table__first-column.one-col {
        -webkit-box-flex: unset !important;
        -ms-flex: unset !important;
        flex: unset !important;
        max-width: unset !important
    }

    .exchange-rate .table__first-column.one-col span:before,
    .fixing-rate .table__first-column.one-col span:before,
    .gold-rate .table__first-column.one-col span:before {
        content: " ";
        display: block
    }

    .exchange-rate .table-header .table__first-column,
    .fixing-rate .table-header .table__first-column,
    .gold-rate .table-header .table__first-column {
        padding-left: 8px;
        padding-right: 8px
    }

    .exchange-rate .table-header .last-column,
    .fixing-rate .table-header .last-column,
    .gold-rate .table-header .last-column {
        width: 25%
    }

    .exchange-rate .table__first-column.left-pos,
    .fixing-rate .table__first-column.left-pos,
    .gold-rate .table__first-column.left-pos {
        padding-left: 8px
    }

    .exchange-rate .table-records__data,
    .fixing-rate .table-records__data,
    .gold-rate .table-records__data {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: calc(100% - 108px);
        flex-basis: calc(100% - 108px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(100% - 81pt)
    }

    .exchange-rate .group-header,
    .fixing-rate .group-header,
    .gold-rate .group-header {
        width: 50%
    }

    .exchange-rate .group-header .first-row,
    .fixing-rate .group-header .first-row,
    .gold-rate .group-header .first-row {
        width: 100%
    }

    .exchange-rate .exchange-rate__popup,
    .fixing-rate .exchange-rate__popup,
    .gold-rate .exchange-rate__popup {
        padding: 1pc 0
    }

    .exchange-rate .popup__close-button,
    .fixing-rate .popup__close-button,
    .gold-rate .popup__close-button {
        right: 22px;
        top: 22px
    }

    .gold-rate .table-header .first-row {
        padding: 1pc 0
    }

    .fixing-rate .table-header .last-column,
    .gold-rate .table-header .last-column {
        width: 50%
    }

    .fixing-rate .table-header .first-column {
        text-align: left
    }
}

@page {
    margin: 0
}

@media print {
    .print {
        -webkit-print-color-adjust: exact !important
    }

    .print .popup__download-button {
        margin-top: 36px
    }

    .print .exchange-rate__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact
    }

    .print .exchange-rate .exchange-rate__popup {
        bottom: unset;
        left: 0;
        padding: 44px 0 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .print .exchange-rate .exchange-rate__popup .exchange-rate__popup-wrapper,
    .print .exchange-rate .exchange-rate__popup .exchange-rate__popup-wrapper .exchange-rate__table {
        overflow: visible
    }

    .print .exchange-rate .exchange-rate__popup .popup__close-button {
        display: none
    }

    .print .exchange-rate .exchange-rate__popup .exchange-rate__header {
        display: block;
        gap: 44px
    }

    .print .exchange-rate .exchange-rate__popup .exchange-rate__header .exchange-rate__header-select {
        margin-left: 0;
        margin-top: 44px
    }

    .print .exchange-rate .exchange-rate__popup .exchange-rate__header .exchange-rate__header-select>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .print .exchange-rate .exchange-rate__popup .table__first-column.one-col span:before {
        content: " ";
        display: block
    }

    .print .exchange-rate .exchange-rate__popup .table-header .table__first-column,
    .print .exchange-rate .exchange-rate__popup .table__first-column.left-pos {
        padding-left: 8px
    }
}

@media(max-width:767px) {
    .exchange-rate .exchange-rate__table-content {
        min-width: 500px
    }
}

footer.experiencefragment {
    border-top: 1px solid #202020;
    padding: .5em 1em
}

@media(prefers-color-scheme:dark) {
    footer.experiencefragment {
        border-color: #dfdfdf
    }
}

footer.experiencefragment .cmp-separator__horizontal-rule {
    border: 0;
    margin: 0
}

header.experiencefragment {
    border-bottom: 1px solid #202020;
    padding: .5em 1em
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment {
        border-bottom-color: #dfdfdf
    }
}

header.experiencefragment a {
    color: #202020;
    text-decoration: none
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment a {
        color: #dfdfdf
    }
}

header.experiencefragment a:focus,
header.experiencefragment a:hover {
    color: #000;
    text-decoration: underline
}

@media(prefers-color-scheme:dark) {

    header.experiencefragment a:focus,
    header.experiencefragment a:hover {
        color: #fff
    }
}

header.experiencefragment .cmp-container {
    display: grid;
    grid-template-columns: 4fr 1fr 1fr
}

header.experiencefragment .cmp-navigation__group {
    list-style: none;
    margin: 0;
    padding: 0
}

header.experiencefragment .cmp-navigation__item--level-0 {
    display: grid;
    grid-template-columns: 1fr 3fr
}

header.experiencefragment .cmp-navigation__item--level-0>.cmp-navigation__group {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

header.experiencefragment .cmp-navigation__item-link {
    display: block
}

header.experiencefragment .cmp-navigation__item--active>.cmp-navigation__item-link {
    font-weight: 700
}

header.experiencefragment .cmp-languagenavigation {
    position: relative
}

header.experiencefragment .cmp-languagenavigation:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(32,32,32)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>');
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 1.5em
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment .cmp-languagenavigation:before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(223,223,223)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>')
    }
}

header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
    background: #ececec;
    border: 1px solid #202020;
    border-top: 0;
    padding: 0 8px;
    position: absolute;
    top: 34px;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    visibility: hidden;
    width: 20em
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
        background: #131313;
        border-color: #dfdfdf
    }
}

header.experiencefragment .cmp-languagenavigation:hover>.cmp-languagenavigation__group {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

header.experiencefragment .cmp-languagenavigation__group {
    list-style: none;
    margin: 0;
    padding: 0
}

header.experiencefragment .cmp-languagenavigation__item-title {
    font-size: x-small;
    text-transform: uppercase
}

header.experiencefragment .cmp-languagenavigation__item--level-0 {
    margin-bottom: .5em
}

header.experiencefragment .cmp-languagenavigation__item--level-1 {
    display: inline
}

header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child):before {
    content: " | "
}

header.experiencefragment .cmp-languagenavigation__item--active>.cmp-languagenavigation__item-link {
    font-weight: 700
}

header.experiencefragment .cmp-search__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -3px 0
}

header.experiencefragment .cmp-search__input {
    height: 26px
}

.faq-panel .faq-panel-container .question {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px
}

.faq-panel .faq-panel-container .question img {
    height: 24px;
    width: 24px
}

.faq-panel .faq-panel-container .read-more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    margin-top: 44px;
    max-width: 327px;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap
}

.dark .faq-panel .faq-panel-container .read-more {
    background-color: #ececec;
    color: #000
}

.faq-panel .faq-panel-container .read-more:hover {
    background-color: #000;
    color: #fff
}

.faq-panel .faq-panel-container .read-more:hover path {
    fill: #fff
}

.faq-panel .faq-panel-container .answer-question {
    border-bottom: 1px solid hsla(0, 0%, 50%, .363);
    padding-top: 20px
}

.faq-panel .faq-panel-container .answer-question .answer ul {
    list-style-type: disc;
    padding-left: 30px
}

.faq-panel .faq-panel-container .answer-question:last-child {
    border: none
}

.faq-panel .faq-panel-container .answer-question:nth-child(n+6) {
    display: none
}

.faq-panel .faq-panel-container .answer-question .question p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.faq-panel .faq-panel-container .answer-question .answer {
    color: var(--gray-600);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.faq-panel .faq-panel-container .answer-question .answer img {
    width: 100%
}

.dark .faq-panel .faq-panel-container .answer-question .answer {
    color: #dfdfdf
}

.faq-panel .faq-panel-container .question:hover {
    cursor: pointer
}

.faq-panel .faq-panel-container .answer {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: height .3s cubic-bezier(.4, 0, .2, 1) 0ms
}

@media(max-width:991px) {
    .faq-panel .faq-panel-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:767px) {
    .content-wrapper.faq-panel-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .faq-panel .faq-panel-container .read-more {
        width: calc(100% - 24px)
    }
}

@media(max-width:718px) {
    .content-wrapper.faq-panel-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.card-product-feature__item {
    line-break: anywhere;
    width: 100%
}

.enhancedfaqpanel .enhancedfaq {
    border-bottom: 1px solid hsla(0, 0%, 50%, .363)
}

.enhancedfaqpanel .enhancedfaq:last-child {
    border: none
}

@media(min-width:992px) {
    .enhancedfaqpanel .enhancedfaq:first-child .answer-question {
        padding-top: 0
    }
}

.enhancedfaqpanel .enhancedfaq .answer-question.author-margin {
    margin-bottom: 500px
}

.enhancedfaqpanel .enhancedfaq .answer .cta-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.enhancedfaqpanel .read-more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    margin-top: 44px;
    max-width: 327px;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap
}

.dark .enhancedfaqpanel .read-more {
    background-color: #ececec;
    color: #000
}

.enhancedfaqpanel .read-more:hover {
    background-color: #000;
    color: #fff
}

.enhancedfaqpanel .read-more:hover path {
    fill: #fff
}

.enhancedfaqpanel .read-more:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.enhancedfaqpanel .read-more img {
    height: 24px;
    scale: 1.3;
    width: 24px
}

.hide-faqs .list-faq>div.enhancedfaq {
    display: none
}

.hide-faqs .list-faq>div:nth-child(-n+5 of .enhancedfaq) {
    display: block
}

@media(max-width:991px) {
    .filter-panel-container .column-item .image.section {
        margin: 0 -4.4444444444vw
    }

    .filter-panel-container .column-item:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .filter-panel-container .column-item:first-child .image.section {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .filter-panel-container .column-item:first-child .title.section .tcb-title {
        margin-top: 24px;
        padding-bottom: 0
    }

    .filter-panel-container .column-item:first-child .button.section .cta-button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .filter-panel .tcb-sectionContainer .tcb-bgColor .tcb-content-container {
        margin: 0
    }
}

.filterpanel {
    background-color: var(--primary-white)
}

.filterpanelcontainer {
    margin: auto;
    max-width: 20in
}

.filter-panel {
    min-height: 90px
}

.filter-panel__content {
    background-color: #fff;
    padding: 9pt 0;
    width: 100%
}

.filter-panel-container {
    padding: 3pc 0
}

@media(max-width:991px) {
    .filter-panel-container {
        padding: 2pc 0
    }
}

.filter-panel .filter-panel__content.no-margin {
    margin-bottom: 0
}

.filter-panel__container {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.filter-panel__container h6 {
    font-size: 1pc;
    font-weight: 700;
    line-height: 20px;
    margin-right: 1pc;
    white-space: nowrap
}

.filter-panel__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll
}

.filter-panel__items::-webkit-scrollbar {
    display: none
}

.filter-panel .filter__item {
    padding: 8px
}

.filter-panel__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid #c5c5c5;
    border-radius: 27px;
    color: var(--secondary-grey-60);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    gap: 9pt;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 9pt 15px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    z-index: 1
}

.filter-panel__button.big-size {
    color: var(--body);
    font-size: 1pc;
    padding: 9pt 24px
}

.filter-panel .filter-selected,
.filter-panel__button.big-size.filter-selected {
    background-color: #000;
    color: #fff
}

@media(max-width:767px) {
    .filter-panel__button {
        display: block;
        max-width: 265px;
        white-space: normal
    }

    .filter-panel.mobile-not-show {
        display: none
    }
}

.financialhighlights .select-checkbox-filter,
.statistics-table-component .select-checkbox-filter {
    padding-bottom: 9pt
}

.financialhighlights .select-options .select h6,
.statistics-table-component .select-options .select h6 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px
}

.financialhighlights .list-items,
.statistics-table-component .list-items {
    padding-top: 9pt
}

@media(max-width:575px) {

    .financialhighlights .list-items,
    .statistics-table-component .list-items {
        padding-top: 8px
    }
}

.financialhighlights .list-items .quarter-item,
.statistics-table-component .list-items .quarter-item {
    margin-top: 24px
}

.financialhighlights .list-items .title,
.statistics-table-component .list-items .title {
    color: #ed1b24;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 24px
}

.financialhighlights .list-items .note,
.statistics-table-component .list-items .note {
    margin-top: 8px
}

.financialhighlights .list-items .note p,
.statistics-table-component .list-items .note p {
    font-size: 1rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1pc
}

.financialhighlights .table,
.statistics-table-component .table {
    background-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    overflow-x: auto;
    -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: 100%
}

.financialhighlights .table table,
.statistics-table-component .table table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%
}

.financialhighlights table td,
.financialhighlights table th,
.statistics-table-component table td,
.statistics-table-component table th {
    border-bottom: 1px solid #e0e0e0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01071em;
    line-height: 1.43;
    padding: 1pc;
    text-align: right
}

.financialhighlights table td:first-child,
.financialhighlights table th:first-child,
.statistics-table-component table td:first-child,
.statistics-table-component table th:first-child {
    text-align: left;
    white-space: nowrap
}

.financialhighlights table tbody th,
.statistics-table-component table tbody th {
    text-wrap: nowrap;
    background-color: #fff;
    border-color: #ed1d24;
    color: #ed1d24;
    font-weight: 500;
    line-height: 1.5
}

.financialhighlights table tbody tr,
.statistics-table-component table tbody tr {
    background-color: #fff
}

.financialhighlights table tbody td,
.statistics-table-component table tbody td {
    border-color: #939598
}

.financialhighlights table .italic,
.statistics-table-component table .italic {
    font-style: italic
}

.financialhighlights table .highlight,
.statistics-table-component table .highlight {
    background-color: #fef2f1
}

.financialhighlights .year-item.showed .quarter-item.showed,
.statistics-table-component .year-item.showed .quarter-item.showed {
    display: block
}

.financialhighlights .quarter-item,
.statistics-table-component .quarter-item {
    display: none
}

.financialhighlights .table tr td:nth-child(6),
.financialhighlights .table tr td:nth-child(8),
.statistics-table-component .table tr td:nth-child(6),
.statistics-table-component .table tr td:nth-child(8) {
    background: #fef2f1
}

@media(max-width:575px) {

    .financialhighlights .select-checkbox-filter,
    .statistics-table-component .select-checkbox-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0
    }

    .financialhighlights .select-checkbox-filter .select-options,
    .statistics-table-component .select-checkbox-filter .select-options {
        margin-left: unset
    }
}

.scroll-to-top>img {
    cursor: pointer;
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 40px
}

.form-failed .popup {
    -ms-flex-negative: 0;
    background: rgba(0, 0, 0, .7);
    flex-shrink: 0
}

.form-failed .popup .popup__container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 .91319px 5.00873px 0 rgba(0, 0, 0, .01), 0 2.19453px 12.03668px 0 rgba(0, 0, 0, .02), 0 4.13211px 22.66401px 0 rgba(0, 0, 0, .02), 0 7.37098px 40.42872px 0 rgba(0, 0, 0, .02), 0 13.78661px 75.61747px 0 rgba(0, 0, 0, .03), 0 33px 181px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 .91319px 5.00873px 0 rgba(0, 0, 0, .01), 0 2.19453px 12.03668px 0 rgba(0, 0, 0, .02), 0 4.13211px 22.66401px 0 rgba(0, 0, 0, .02), 0 7.37098px 40.42872px 0 rgba(0, 0, 0, .02), 0 13.78661px 75.61747px 0 rgba(0, 0, 0, .03), 0 33px 181px 0 rgba(0, 0, 0, .04);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    margin: auto;
    padding: 3pc
}

.form-failed .popup .popup__container,
.form-failed .popup .popup__container-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-failed .popup .popup__container-item {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.form-failed .popup .popup__container-item .popup__header {
    display: none
}

.form-failed .popup .popup__content {
    padding: 0
}

.form-failed .popup .popup__close-icon {
    display: block;
    height: 24px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -24px;
    width: 24px
}

.form-failed .popup .popup__close-icon img {
    -webkit-filter: brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(270deg) brightness(98%) contrast(103%);
    filter: brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(270deg) brightness(98%) contrast(103%);
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.form-failed .popup .form-popup-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-failed .popup .image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.form-failed .popup .image .cmp-image {
    height: 90pt;
    width: 90pt
}

.form-failed .popup .image .cmp-image img {
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.form-failed .popup .form-popup-title {
    color: #616161;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 1pc
}

.form-failed .popup .form-popup-message {
    color: #616161;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.form-failed .popup .column-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
    width: 100%
}

.form-failed .popup .column-container .cta-button {
    margin: 0;
    width: 100%
}

@media(max-width:767px) {
    .form-failed .popup .popup__container {
        margin: auto 1pc;
        padding: 3pc 1pc 24px
    }

    .form-failed .popup .column-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc;
        margin-top: 1pc
    }

    .form-failed .popup .popup__close-icon {
        top: -2pc
    }
}

@media(max-width:1366px) {
    .popup__container {
        margin: 0 auto !important
    }
}

.form-survey__single-choice .single-choice__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

.form-survey__single-choice .single-choice__container--question {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-survey__single-choice .single-choice__container--question .question--title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.form-survey__single-choice .single-choice__container--answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem
}

.form-survey__single-choice .single-choice__container--answer .answer__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-survey__single-choice .single-choice__container--answer .answer__item.display-1-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.form-survey__single-choice .single-choice__container--answer .answer__item.display-2-column {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%
}

@media(max-width:768px) {
    .form-survey__single-choice .single-choice__container--answer .answer__item.display-2-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.form-survey__single-choice .single-choice__container--answer .answer__item--input {
    background-color: #fff
}

.form-survey__single-choice .single-choice__container--answer .answer__item--text {
    color: #616161;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-left: .5rem
}

.form-survey__multiple-choice .multiple-choice__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

.form-survey__multiple-choice .multiple-choice__container--question {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-survey__multiple-choice .multiple-choice__container--question .question--title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.form-survey__multiple-choice .multiple-choice__container--question .question--caption {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.313rem
}

.form-survey__multiple-choice .multiple-choice__container--answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem
}

.form-survey__multiple-choice .multiple-choice__container--answer .answer__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: unset
}

.form-survey__multiple-choice .multiple-choice__container--answer .answer__item.display-1-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.form-survey__multiple-choice .multiple-choice__container--answer .answer__item.display-2-column {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%
}

@media(max-width:768px) {
    .form-survey__multiple-choice .multiple-choice__container--answer .answer__item.display-2-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.form-survey__multiple-choice .multiple-choice__container--answer .answer__item--text {
    color: #616161;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.form-survey__multiple-choice .multiple-choice__container--answer-alert {
    color: var(--primary-red);
    font-size: .875rem
}

.form-container {
    border-bottom: 1px solid var(--secondary-light-grey-100);
    margin-bottom: 40px;
    padding-bottom: 1pc
}

.form-container.last-child {
    border: none;
    margin: 0;
    padding: 0
}

form .title-cmp__subtitle {
    padding-bottom: 20px
}

form #captchaError,
form .form-error-message {
    color: var(--primary-red);
    font-size: 9pt;
    margin-top: 8px
}

form .checkbox-wrapper,
form .radio-wrapper {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0
}

form .checkbox-wrapper.small,
form .radio-wrapper.small {
    gap: 1pc
}

form .checkbox-wrapper .checkbox-item .checkbox-label,
form .radio-wrapper .radio-item .radio-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none
}

form .checkbox-wrapper .checkbox-item .checkbox-label input {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background-color: var(--primary-white);
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 5px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    margin-right: 1rem;
    max-width: 24px;
    outline: none;
    position: relative
}

form .checkbox-wrapper .checkbox-item .checkbox-label input:checked {
    background-color: var(--primary-red);
    border-color: var(--primary-red)
}

form .checkbox-wrapper .checkbox-item .checkbox-label input:checked:before {
    opacity: 1
}

form .checkbox-wrapper .checkbox-item .checkbox-label input:before {
    border: solid var(--primary-white);
    border-width: 0 .1875rem .1875rem 0;
    content: "";
    height: .9rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg) translate(-.55rem, -.25rem);
    transform: rotate(45deg) translate(-.55rem, -.25rem);
    width: .4rem
}

form .checkbox-wrapper .checkbox-item .checkbox-label input[disabled] {
    background-color: var(--cta-disabled)
}

form .checkbox-wrapper.circle .checkbox-item .checkbox-label input {
    border-radius: 20px
}

form .radio-wrapper .radio-item .radio-label input {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background-color: var(--primary-white);
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 50%;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    margin-right: 1rem;
    max-width: 24px;
    outline: none;
    position: relative
}

form .radio-wrapper .radio-item .radio-label input:checked {
    background-color: transparent;
    border-color: var(--primary-red)
}

form .radio-wrapper .radio-item .radio-label input:checked:before {
    background-color: var(--primary-red)
}

form .radio-wrapper .radio-item .radio-label input:before {
    background-color: transparent;
    border-radius: 50%;
    content: "";
    height: .9375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .9375rem
}

form .radio-wrapper .radio-item .radio-label input[disabled] {
    background-color: var(--cta-disabled)
}

form .list-dropdown {
    background-color: var(--primary-white);
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    cursor: default;
    list-style: none;
    max-height: 25pc;
    min-width: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: 5
}

form .list-dropdown li[disabled] {
    background-color: var(--cta-disabled);
    pointer-events: none
}

form .list-dropdown .dropdown-item {
    cursor: pointer;
    padding: 1pc;
    -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms
}

form .list-dropdown .dropdown-item:hover {
    background-color: rgba(0, 0, 0, .04);
    text-decoration: none
}

form .list-dropdown .dropdown-item:hover p {
    font-weight: 600
}

form .list-dropdown .dropdown-item:first-child {
    padding-top: 9pt
}

form .list-dropdown .dropdown-item:last-child {
    padding-top: 1pc
}

form .list-dropdown .dropdown-item span p {
    font-weight: 400;
    line-height: 1.5
}

form .dropdown-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    position: relative;
    width: 100%
}

form .dropdown-wrapper.disabled {
    cursor: default
}

form .dropdown-wrapper input {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

form .dropdown-wrapper img {
    fill: currentColor;
    -ms-flex-negative: 0;
    border-left: 2.5px solid var(--primary-red);
    border-top: 2.5px solid var(--primary-red);
    color: var(--primary-red);
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.5rem;
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    -webkit-transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: 10px
}

form .dropdown-inputbase,
form .dropdown-wrapper img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

form .dropdown-inputbase {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-appearance: none;
    background-color: var(--primary-white);
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 8px;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    min-height: 1.1876em;
    min-width: 1pc;
    overflow: hidden;
    padding: 1pc;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

form .dropdown-inputbase .dropdown-placeholder {
    color: rgba(0, 0, 0, .541);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%
}

form .dropdown-inputbase .dropdown-viewvalue {
    color: var(--body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%
}

form .dropdown-inputbase .dropdown-viewValue {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-break: break-word
}

form .dropdown-inputbase .dropdown-viewValue:not(.hidden) {
    padding-right: 26px;
    width: 100%
}

form .button,
form .recaptcha {
    padding: 9pt 0
}

.form-modal form .button,
.form-modal form .recaptcha {
    padding: 0
}

form .disabled .dropdown-inputbase {
    background-color: var(--cta-disabled);
    pointer-events: none
}

form .disabled .dropdown-inputbase>img {
    border-left: 2.5px solid var(--light-secondary-text);
    border-top: 2.5px solid var(--light-secondary-text)
}

form .width-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%
}

form .width-50 {
    -ms-flex-preferred-size: calc(50% - 12px);
    flex-basis: calc(50% - 12px);
    width: calc(50% - 9pt)
}

form .width-80 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    width: 80%
}

@media(max-width:991px) {
    form .width-80 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }

    form .checkbox-wrapper,
    form .radio-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(max-width:767px) {
    form .width-50 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

.dropdown-backdrop {
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4
}

.error input::-webkit-input-placeholder {
    color: var(--primary-red);
    opacity: 1
}

.error input::-moz-placeholder {
    color: var(--primary-red);
    opacity: 1
}

.error input:-ms-input-placeholder {
    opacity: 1
}

.error input::-ms-input-placeholder {
    opacity: 1
}

.error input::placeholder {
    color: var(--primary-red);
    opacity: 1
}

.error input:-ms-input-placeholder {
    color: var(--primary-red)
}

.error input::-ms-input-placeholder {
    color: var(--primary-red)
}

.error input,
.item__input-fields.input-date-field.error .input-field__currency-field input,
.text-input-wrapper.error .input-field__currency-field input,
.text-input-wrapper.error input,
form .error .dropdown-inputbase {
    border: 1px solid var(--primary-red)
}

.error .dropdown-inputbase .dropdown-placeholder,
form .error .dropdown-inputbase .dropdown-placeholder {
    color: var(--primary-red)
}

.date-time-wrapper__input-extra {
    pointer-events: none;
    position: absolute;
    right: 1pc
}

.date-time-wrapper__input-extra .material-symbols-outlined {
    cursor: pointer;
    pointer-events: visible
}

.glossary-tooltip {
    color: #4d4de6;
    display: inline-block;
    position: relative
}

.glossary-tooltip-text-content {
    background-color: #fff;
    border-radius: .5rem;
    color: #000;
    font-size: 1pc;
    font-weight: 400;
    line-height: 1.5rem;
    max-height: 11.5rem;
    max-width: 16.875rem;
    padding: 1rem;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 9999
}

.glossary-tooltip-text-content>:not(.view-more) {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align: left !important
}

.glossary-tooltip-text-content .view-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--primary-black) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    gap: 9pt;
    margin-top: 8px;
    text-decoration: none !important
}

.glossary-tooltip-text-content .view-more img {
    height: 1rem;
    width: 1rem
}

.show {
    opacity: 1;
    visibility: visible
}

.hide {
    opacity: 0;
    visibility: hidden
}

.glossary {
    position: relative
}

.glossary-header {
    margin-bottom: 3rem
}

.glossary-header .header-description {
    margin-top: 1rem
}

.glossary-alphabet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #f5f6f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    position: sticky;
    top: 0;
    z-index: 1
}

@media(max-width:767px) {
    .glossary-alphabet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll
    }
}

.glossary-alphabet .active {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #dedede;
    border-radius: .25rem;
    color: var(--primary-red);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    line-height: 46px;
    text-align: center;
    text-decoration: underline;
    width: 40px
}

.glossary-alphabet a {
    color: var(--secondary-grey-80);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    white-space: nowrap;
    width: 40px
}

@media(max-width:767px) {
    .glossary-alphabet a {
        padding: 0 13px
    }
}

.glossary-container {
    margin-top: 3rem
}

.glossary-container .container-title {
    font-size: 2rem;
    line-height: 3rem
}

.glossary-container .glossary-card .content-subtitle {
    margin-top: 2rem
}

.glossary-container .glossary-card .content-subtitle:first-letter {
    text-transform: capitalize
}

.glossary-container .glossary-card .content-description {
    margin-top: 2rem
}

.glossary-container .glossary-card .line-break {
    border: 1px solid var(--secondary-mid-grey-80);
    margin-top: 1rem
}

.glossary-container .glossary-card .line-break-unset {
    border: unset
}

.glossary .pagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    justify-content: flex-end;
    padding: 1rem 0;
    text-align: center
}

.glossary .pagination-index {
    color: var(--secondary-grey-60);
    display: inline-block;
    display: none;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 .25rem;
    min-width: 1.25rem;
    padding: 0;
    text-decoration: none
}

.glossary .pagination-index:first-child,
.glossary .pagination-index:last-child {
    margin: 0;
    min-width: 3rem
}

.glossary .pagination-index:last-child,
.glossary .pagination-index:nth-child(2),
.glossary .pagination-index:nth-last-child(2),
.glossary .pagination-index:nth-last-child(3) {
    display: inline-block
}

.glossary .pagination-index:only-child {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: var(--primary-white);
    min-width: 1.25rem
}

.glossary .pagination:not([actpage="1"]) .pagination-index:first-child {
    display: inline-block
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(-1):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(-1):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="1"] .pagination-index:first-child:not(:first-child),
.glossary .pagination[actpage="1"] .pagination-index:nth-child(0):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(2) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(2)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(3):not(:last-child),
.glossary .pagination[actpage="1"] .pagination-index:nth-child(4):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(5):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="1"] .pagination-index:nth-child(5):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(0):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(0):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="2"] .pagination-index:first-child:not(:first-child),
.glossary .pagination[actpage="2"] .pagination-index:nth-child(2):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(3) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(3)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(4):not(:last-child),
.glossary .pagination[actpage="2"] .pagination-index:nth-child(5):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(6):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="2"] .pagination-index:nth-child(6):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="3"] .pagination-index:first-child:not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="3"] .pagination-index:first-child:not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="3"] .pagination-index:nth-child(2):not(:first-child),
.glossary .pagination[actpage="3"] .pagination-index:nth-child(3):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="3"] .pagination-index:nth-child(4) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="3"] .pagination-index:nth-child(4)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="3"] .pagination-index:nth-child(5):not(:last-child),
.glossary .pagination[actpage="3"] .pagination-index:nth-child(6):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="3"] .pagination-index:nth-child(7):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="3"] .pagination-index:nth-child(7):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(2):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(2):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(3):not(:first-child),
.glossary .pagination[actpage="4"] .pagination-index:nth-child(4):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(5) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(5)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(6):not(:last-child),
.glossary .pagination[actpage="4"] .pagination-index:nth-child(7):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(8):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="4"] .pagination-index:nth-child(8):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(3):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(3):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(4):not(:first-child),
.glossary .pagination[actpage="5"] .pagination-index:nth-child(5):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(6) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(6)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(7):not(:last-child),
.glossary .pagination[actpage="5"] .pagination-index:nth-child(8):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(9):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="5"] .pagination-index:nth-child(9):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(4):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(4):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(5):not(:first-child),
.glossary .pagination[actpage="6"] .pagination-index:nth-child(6):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(7) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(7)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(8):not(:last-child),
.glossary .pagination[actpage="6"] .pagination-index:nth-child(9):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(10):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="6"] .pagination-index:nth-child(10):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(5):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(5):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(6):not(:first-child),
.glossary .pagination[actpage="7"] .pagination-index:nth-child(7):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(8) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(8)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(10):not(:last-child),
.glossary .pagination[actpage="7"] .pagination-index:nth-child(9):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(11):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="7"] .pagination-index:nth-child(11):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(6):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(6):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(7):not(:first-child),
.glossary .pagination[actpage="8"] .pagination-index:nth-child(8):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(9) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(9)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(10):not(:last-child),
.glossary .pagination[actpage="8"] .pagination-index:nth-child(11):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(12):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="8"] .pagination-index:nth-child(12):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(7):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(7):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(8):not(:first-child),
.glossary .pagination[actpage="9"] .pagination-index:nth-child(9):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(10) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(10)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(11):not(:last-child),
.glossary .pagination[actpage="9"] .pagination-index:nth-child(12):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(13):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="9"] .pagination-index:nth-child(13):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(8):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(8):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(10):not(:first-child),
.glossary .pagination[actpage="10"] .pagination-index:nth-child(9):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(11) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(11)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(12):not(:last-child),
.glossary .pagination[actpage="10"] .pagination-index:nth-child(13):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(14):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="10"] .pagination-index:nth-child(14):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(9):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(9):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(10):not(:first-child),
.glossary .pagination[actpage="11"] .pagination-index:nth-child(11):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(12) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(12)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(13):not(:last-child),
.glossary .pagination[actpage="11"] .pagination-index:nth-child(14):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(15):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="11"] .pagination-index:nth-child(15):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(10):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(10):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(11):not(:first-child),
.glossary .pagination[actpage="12"] .pagination-index:nth-child(12):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(13) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(13)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(14):not(:last-child),
.glossary .pagination[actpage="12"] .pagination-index:nth-child(15):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(16):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="12"] .pagination-index:nth-child(16):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(11):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(11):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(12):not(:first-child),
.glossary .pagination[actpage="13"] .pagination-index:nth-child(13):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(14) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(14)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(15):not(:last-child),
.glossary .pagination[actpage="13"] .pagination-index:nth-child(16):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(17):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="13"] .pagination-index:nth-child(17):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(12):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(12):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(13):not(:first-child),
.glossary .pagination[actpage="14"] .pagination-index:nth-child(14):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(15) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(15)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(16):not(:last-child),
.glossary .pagination[actpage="14"] .pagination-index:nth-child(17):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(18):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="14"] .pagination-index:nth-child(18):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(13):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(13):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(14):not(:first-child),
.glossary .pagination[actpage="15"] .pagination-index:nth-child(15):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(16) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(16)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(17):not(:last-child),
.glossary .pagination[actpage="15"] .pagination-index:nth-child(18):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(19):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="15"] .pagination-index:nth-child(19):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(14):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(14):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(15):not(:first-child),
.glossary .pagination[actpage="16"] .pagination-index:nth-child(16):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(17) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(17)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(18):not(:last-child),
.glossary .pagination[actpage="16"] .pagination-index:nth-child(19):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(20):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="16"] .pagination-index:nth-child(20):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(15):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(15):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(16):not(:first-child),
.glossary .pagination[actpage="17"] .pagination-index:nth-child(17):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(18) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(18)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(19):not(:last-child),
.glossary .pagination[actpage="17"] .pagination-index:nth-child(20):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(21):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="17"] .pagination-index:nth-child(21):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(16):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(16):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(17):not(:first-child),
.glossary .pagination[actpage="18"] .pagination-index:nth-child(18):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(19) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(19)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(20):not(:last-child),
.glossary .pagination[actpage="18"] .pagination-index:nth-child(21):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(22):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="18"] .pagination-index:nth-child(22):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(17):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(17):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(18):not(:first-child),
.glossary .pagination[actpage="19"] .pagination-index:nth-child(19):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(20) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(20)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(21):not(:last-child),
.glossary .pagination[actpage="19"] .pagination-index:nth-child(22):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(23):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="19"] .pagination-index:nth-child(23):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(18):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(18):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(19):not(:first-child),
.glossary .pagination[actpage="20"] .pagination-index:nth-child(20):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(21) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(21)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(22):not(:last-child),
.glossary .pagination[actpage="20"] .pagination-index:nth-child(23):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(24):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="20"] .pagination-index:nth-child(24):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(19):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(19):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(20):not(:first-child),
.glossary .pagination[actpage="21"] .pagination-index:nth-child(21):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(22) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(22)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(23):not(:last-child),
.glossary .pagination[actpage="21"] .pagination-index:nth-child(24):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(25):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="21"] .pagination-index:nth-child(25):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(20):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(20):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(21):not(:first-child),
.glossary .pagination[actpage="22"] .pagination-index:nth-child(22):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(23) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(23)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(24):not(:last-child),
.glossary .pagination[actpage="22"] .pagination-index:nth-child(25):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(26):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="22"] .pagination-index:nth-child(26):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(21):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(21):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(22):not(:first-child),
.glossary .pagination[actpage="23"] .pagination-index:nth-child(23):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(24) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(24)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(25):not(:last-child),
.glossary .pagination[actpage="23"] .pagination-index:nth-child(26):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(27):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="23"] .pagination-index:nth-child(27):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(22):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(22):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(23):not(:first-child),
.glossary .pagination[actpage="24"] .pagination-index:nth-child(24):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(25) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(25)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(26):not(:last-child),
.glossary .pagination[actpage="24"] .pagination-index:nth-child(27):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(28):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="24"] .pagination-index:nth-child(28):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(23):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(23):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(24):not(:first-child),
.glossary .pagination[actpage="25"] .pagination-index:nth-child(25):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(26) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(26)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(27):not(:last-child),
.glossary .pagination[actpage="25"] .pagination-index:nth-child(28):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(29):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="25"] .pagination-index:nth-child(29):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(24):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(24):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(25):not(:first-child),
.glossary .pagination[actpage="26"] .pagination-index:nth-child(26):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(27) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(27)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(28):not(:last-child),
.glossary .pagination[actpage="26"] .pagination-index:nth-child(29):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(30):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="26"] .pagination-index:nth-child(30):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(25):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(25):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(26):not(:first-child),
.glossary .pagination[actpage="27"] .pagination-index:nth-child(27):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(28) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(28)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(29):not(:last-child),
.glossary .pagination[actpage="27"] .pagination-index:nth-child(30):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(31):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="27"] .pagination-index:nth-child(31):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(26):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(26):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(27):not(:first-child),
.glossary .pagination[actpage="28"] .pagination-index:nth-child(28):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(29) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(29)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(30):not(:last-child),
.glossary .pagination[actpage="28"] .pagination-index:nth-child(31):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(32):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="28"] .pagination-index:nth-child(32):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(27):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(27):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(28):not(:first-child),
.glossary .pagination[actpage="29"] .pagination-index:nth-child(29):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(30) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(30)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(31):not(:last-child),
.glossary .pagination[actpage="29"] .pagination-index:nth-child(32):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(33):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="29"] .pagination-index:nth-child(33):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(28):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(28):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(29):not(:first-child),
.glossary .pagination[actpage="30"] .pagination-index:nth-child(30):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(31) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(31)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(32):not(:last-child),
.glossary .pagination[actpage="30"] .pagination-index:nth-child(33):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(34):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="30"] .pagination-index:nth-child(34):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(29):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(29):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(30):not(:first-child),
.glossary .pagination[actpage="31"] .pagination-index:nth-child(31):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(32) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(32)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(33):not(:last-child),
.glossary .pagination[actpage="31"] .pagination-index:nth-child(34):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(35):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="31"] .pagination-index:nth-child(35):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(30):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(30):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(31):not(:first-child),
.glossary .pagination[actpage="32"] .pagination-index:nth-child(32):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(33) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(33)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(34):not(:last-child),
.glossary .pagination[actpage="32"] .pagination-index:nth-child(35):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(36):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="32"] .pagination-index:nth-child(36):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(31):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(31):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(32):not(:first-child),
.glossary .pagination[actpage="33"] .pagination-index:nth-child(33):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(34) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(34)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(35):not(:last-child),
.glossary .pagination[actpage="33"] .pagination-index:nth-child(36):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(37):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="33"] .pagination-index:nth-child(37):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(32):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(32):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(33):not(:first-child),
.glossary .pagination[actpage="34"] .pagination-index:nth-child(34):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(35) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(35)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(36):not(:last-child),
.glossary .pagination[actpage="34"] .pagination-index:nth-child(37):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(38):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="34"] .pagination-index:nth-child(38):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(33):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(33):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(34):not(:first-child),
.glossary .pagination[actpage="35"] .pagination-index:nth-child(35):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(36) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(36)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(37):not(:last-child),
.glossary .pagination[actpage="35"] .pagination-index:nth-child(38):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(39):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="35"] .pagination-index:nth-child(39):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(34):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(34):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(35):not(:first-child),
.glossary .pagination[actpage="36"] .pagination-index:nth-child(36):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(37) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(37)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(38):not(:last-child),
.glossary .pagination[actpage="36"] .pagination-index:nth-child(39):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(40):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="36"] .pagination-index:nth-child(40):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(35):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(35):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(36):not(:first-child),
.glossary .pagination[actpage="37"] .pagination-index:nth-child(37):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(38) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(38)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(39):not(:last-child),
.glossary .pagination[actpage="37"] .pagination-index:nth-child(40):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(41):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="37"] .pagination-index:nth-child(41):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(36):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(36):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(37):not(:first-child),
.glossary .pagination[actpage="38"] .pagination-index:nth-child(38):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(39) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(39)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(40):not(:last-child),
.glossary .pagination[actpage="38"] .pagination-index:nth-child(41):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(42):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="38"] .pagination-index:nth-child(42):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(37):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(37):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(38):not(:first-child),
.glossary .pagination[actpage="39"] .pagination-index:nth-child(39):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(40) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(40)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(41):not(:last-child),
.glossary .pagination[actpage="39"] .pagination-index:nth-child(42):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(43):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="39"] .pagination-index:nth-child(43):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(38):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(38):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(39):not(:first-child),
.glossary .pagination[actpage="40"] .pagination-index:nth-child(40):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(41) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(41)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(42):not(:last-child),
.glossary .pagination[actpage="40"] .pagination-index:nth-child(43):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(44):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="40"] .pagination-index:nth-child(44):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(39):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(39):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(40):not(:first-child),
.glossary .pagination[actpage="41"] .pagination-index:nth-child(41):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(42) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(42)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(43):not(:last-child),
.glossary .pagination[actpage="41"] .pagination-index:nth-child(44):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(45):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="41"] .pagination-index:nth-child(45):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(40):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(40):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(41):not(:first-child),
.glossary .pagination[actpage="42"] .pagination-index:nth-child(42):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(43) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(43)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(44):not(:last-child),
.glossary .pagination[actpage="42"] .pagination-index:nth-child(45):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(46):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="42"] .pagination-index:nth-child(46):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(41):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(41):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(42):not(:first-child),
.glossary .pagination[actpage="43"] .pagination-index:nth-child(43):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(44) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(44)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(45):not(:last-child),
.glossary .pagination[actpage="43"] .pagination-index:nth-child(46):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(47):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="43"] .pagination-index:nth-child(47):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(42):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(42):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(43):not(:first-child),
.glossary .pagination[actpage="44"] .pagination-index:nth-child(44):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(45) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(45)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(46):not(:last-child),
.glossary .pagination[actpage="44"] .pagination-index:nth-child(47):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(48):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="44"] .pagination-index:nth-child(48):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(43):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(43):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(44):not(:first-child),
.glossary .pagination[actpage="45"] .pagination-index:nth-child(45):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(46) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(46)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(47):not(:last-child),
.glossary .pagination[actpage="45"] .pagination-index:nth-child(48):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(49):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="45"] .pagination-index:nth-child(49):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(44):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(44):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(45):not(:first-child),
.glossary .pagination[actpage="46"] .pagination-index:nth-child(46):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(47) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(47)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(48):not(:last-child),
.glossary .pagination[actpage="46"] .pagination-index:nth-child(49):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(50):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="46"] .pagination-index:nth-child(50):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(45):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(45):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(46):not(:first-child),
.glossary .pagination[actpage="47"] .pagination-index:nth-child(47):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(48) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(48)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(49):not(:last-child),
.glossary .pagination[actpage="47"] .pagination-index:nth-child(50):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(51):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="47"] .pagination-index:nth-child(51):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(46):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(46):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(47):not(:first-child),
.glossary .pagination[actpage="48"] .pagination-index:nth-child(48):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(49) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(49)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(50):not(:last-child),
.glossary .pagination[actpage="48"] .pagination-index:nth-child(51):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(52):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="48"] .pagination-index:nth-child(52):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(47):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(47):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(48):not(:first-child),
.glossary .pagination[actpage="49"] .pagination-index:nth-child(49):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(50) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(50)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(51):not(:last-child),
.glossary .pagination[actpage="49"] .pagination-index:nth-child(52):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(53):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="49"] .pagination-index:nth-child(53):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(48):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(48):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(49):not(:first-child),
.glossary .pagination[actpage="50"] .pagination-index:nth-child(50):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(51) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(51)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(52):not(:last-child),
.glossary .pagination[actpage="50"] .pagination-index:nth-child(53):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(54):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="50"] .pagination-index:nth-child(54):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(49):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(49):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(50):not(:first-child),
.glossary .pagination[actpage="51"] .pagination-index:nth-child(51):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(52) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(52)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(53):not(:last-child),
.glossary .pagination[actpage="51"] .pagination-index:nth-child(54):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(55):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="51"] .pagination-index:nth-child(55):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(50):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(50):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(51):not(:first-child),
.glossary .pagination[actpage="52"] .pagination-index:nth-child(52):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(53) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(53)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(54):not(:last-child),
.glossary .pagination[actpage="52"] .pagination-index:nth-child(55):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(56):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="52"] .pagination-index:nth-child(56):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(51):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(51):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(52):not(:first-child),
.glossary .pagination[actpage="53"] .pagination-index:nth-child(53):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(54) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(54)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(55):not(:last-child),
.glossary .pagination[actpage="53"] .pagination-index:nth-child(56):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(57):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="53"] .pagination-index:nth-child(57):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(52):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(52):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(53):not(:first-child),
.glossary .pagination[actpage="54"] .pagination-index:nth-child(54):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(55) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(55)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(56):not(:last-child),
.glossary .pagination[actpage="54"] .pagination-index:nth-child(57):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(58):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="54"] .pagination-index:nth-child(58):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(53):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(53):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(54):not(:first-child),
.glossary .pagination[actpage="55"] .pagination-index:nth-child(55):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(56) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(56)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(57):not(:last-child),
.glossary .pagination[actpage="55"] .pagination-index:nth-child(58):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(59):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="55"] .pagination-index:nth-child(59):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(54):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(54):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(55):not(:first-child),
.glossary .pagination[actpage="56"] .pagination-index:nth-child(56):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(57) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(57)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(58):not(:last-child),
.glossary .pagination[actpage="56"] .pagination-index:nth-child(59):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(60):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="56"] .pagination-index:nth-child(60):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(55):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(55):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(56):not(:first-child),
.glossary .pagination[actpage="57"] .pagination-index:nth-child(57):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(58) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(58)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(59):not(:last-child),
.glossary .pagination[actpage="57"] .pagination-index:nth-child(60):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(61):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="57"] .pagination-index:nth-child(61):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(56):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(56):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(57):not(:first-child),
.glossary .pagination[actpage="58"] .pagination-index:nth-child(58):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(59) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(59)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(60):not(:last-child),
.glossary .pagination[actpage="58"] .pagination-index:nth-child(61):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(62):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="58"] .pagination-index:nth-child(62):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(57):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(57):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(58):not(:first-child),
.glossary .pagination[actpage="59"] .pagination-index:nth-child(59):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(60) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(60)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(61):not(:last-child),
.glossary .pagination[actpage="59"] .pagination-index:nth-child(62):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(63):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="59"] .pagination-index:nth-child(63):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(58):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(58):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(59):not(:first-child),
.glossary .pagination[actpage="60"] .pagination-index:nth-child(60):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(61) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(61)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(62):not(:last-child),
.glossary .pagination[actpage="60"] .pagination-index:nth-child(63):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(64):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="60"] .pagination-index:nth-child(64):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(59):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(59):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(60):not(:first-child),
.glossary .pagination[actpage="61"] .pagination-index:nth-child(61):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(62) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(62)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(63):not(:last-child),
.glossary .pagination[actpage="61"] .pagination-index:nth-child(64):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(65):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="61"] .pagination-index:nth-child(65):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(60):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(60):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(61):not(:first-child),
.glossary .pagination[actpage="62"] .pagination-index:nth-child(62):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(63) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(63)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(64):not(:last-child),
.glossary .pagination[actpage="62"] .pagination-index:nth-child(65):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(66):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="62"] .pagination-index:nth-child(66):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(61):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(61):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(62):not(:first-child),
.glossary .pagination[actpage="63"] .pagination-index:nth-child(63):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(64) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(64)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(65):not(:last-child),
.glossary .pagination[actpage="63"] .pagination-index:nth-child(66):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(67):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="63"] .pagination-index:nth-child(67):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(62):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(62):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(63):not(:first-child),
.glossary .pagination[actpage="64"] .pagination-index:nth-child(64):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(65) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(65)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(66):not(:last-child),
.glossary .pagination[actpage="64"] .pagination-index:nth-child(67):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(68):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="64"] .pagination-index:nth-child(68):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(63):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(63):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(64):not(:first-child),
.glossary .pagination[actpage="65"] .pagination-index:nth-child(65):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(66) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(66)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(67):not(:last-child),
.glossary .pagination[actpage="65"] .pagination-index:nth-child(68):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(69):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="65"] .pagination-index:nth-child(69):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(64):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(64):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(65):not(:first-child),
.glossary .pagination[actpage="66"] .pagination-index:nth-child(66):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(67) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(67)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(68):not(:last-child),
.glossary .pagination[actpage="66"] .pagination-index:nth-child(69):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(70):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="66"] .pagination-index:nth-child(70):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(65):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(65):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(66):not(:first-child),
.glossary .pagination[actpage="67"] .pagination-index:nth-child(67):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(68) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(68)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(69):not(:last-child),
.glossary .pagination[actpage="67"] .pagination-index:nth-child(70):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(71):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="67"] .pagination-index:nth-child(71):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(66):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(66):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(67):not(:first-child),
.glossary .pagination[actpage="68"] .pagination-index:nth-child(68):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(69) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(69)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(70):not(:last-child),
.glossary .pagination[actpage="68"] .pagination-index:nth-child(71):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(72):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="68"] .pagination-index:nth-child(72):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(67):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(67):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(68):not(:first-child),
.glossary .pagination[actpage="69"] .pagination-index:nth-child(69):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(70) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(70)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(71):not(:last-child),
.glossary .pagination[actpage="69"] .pagination-index:nth-child(72):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(73):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="69"] .pagination-index:nth-child(73):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(68):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(68):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(69):not(:first-child),
.glossary .pagination[actpage="70"] .pagination-index:nth-child(70):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(71) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(71)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(72):not(:last-child),
.glossary .pagination[actpage="70"] .pagination-index:nth-child(73):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(74):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="70"] .pagination-index:nth-child(74):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(69):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(69):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(70):not(:first-child),
.glossary .pagination[actpage="71"] .pagination-index:nth-child(71):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(72) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(72)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(73):not(:last-child),
.glossary .pagination[actpage="71"] .pagination-index:nth-child(74):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(75):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="71"] .pagination-index:nth-child(75):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(70):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(70):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(71):not(:first-child),
.glossary .pagination[actpage="72"] .pagination-index:nth-child(72):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(73) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(73)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(74):not(:last-child),
.glossary .pagination[actpage="72"] .pagination-index:nth-child(75):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(76):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="72"] .pagination-index:nth-child(76):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(71):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(71):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(72):not(:first-child),
.glossary .pagination[actpage="73"] .pagination-index:nth-child(73):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(74) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(74)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(75):not(:last-child),
.glossary .pagination[actpage="73"] .pagination-index:nth-child(76):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(77):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="73"] .pagination-index:nth-child(77):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(72):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(72):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(73):not(:first-child),
.glossary .pagination[actpage="74"] .pagination-index:nth-child(74):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(75) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(75)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(76):not(:last-child),
.glossary .pagination[actpage="74"] .pagination-index:nth-child(77):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(78):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="74"] .pagination-index:nth-child(78):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(73):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(73):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(74):not(:first-child),
.glossary .pagination[actpage="75"] .pagination-index:nth-child(75):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(76) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(76)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(77):not(:last-child),
.glossary .pagination[actpage="75"] .pagination-index:nth-child(78):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(79):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="75"] .pagination-index:nth-child(79):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(74):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(74):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(75):not(:first-child),
.glossary .pagination[actpage="76"] .pagination-index:nth-child(76):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(77) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(77)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(78):not(:last-child),
.glossary .pagination[actpage="76"] .pagination-index:nth-child(79):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(80):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="76"] .pagination-index:nth-child(80):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(75):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(75):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(76):not(:first-child),
.glossary .pagination[actpage="77"] .pagination-index:nth-child(77):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(78) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(78)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(79):not(:last-child),
.glossary .pagination[actpage="77"] .pagination-index:nth-child(80):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(81):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="77"] .pagination-index:nth-child(81):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(76):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(76):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(77):not(:first-child),
.glossary .pagination[actpage="78"] .pagination-index:nth-child(78):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(79) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(79)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(80):not(:last-child),
.glossary .pagination[actpage="78"] .pagination-index:nth-child(81):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(82):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="78"] .pagination-index:nth-child(82):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(77):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(77):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(78):not(:first-child),
.glossary .pagination[actpage="79"] .pagination-index:nth-child(79):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(80) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(80)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(81):not(:last-child),
.glossary .pagination[actpage="79"] .pagination-index:nth-child(82):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(83):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="79"] .pagination-index:nth-child(83):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(78):not(:first-child):not(:nth-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(78):not(:first-child):not(:nth-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(79):not(:first-child),
.glossary .pagination[actpage="80"] .pagination-index:nth-child(80):not(:first-child) {
    display: inline-block
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(81) {
    background-color: var(--primary-red);
    border-radius: .25rem;
    color: #fff;
    display: inline-block
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(81)+.pagination-index:last-child {
    display: none !important
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(82):not(:last-child),
.glossary .pagination[actpage="80"] .pagination-index:nth-child(83):not(:last-child) {
    display: inline-block
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(84):not(:last-child):not(:nth-last-child(2)) {
    border-color: transparent;
    color: transparent;
    display: inline-block;
    pointer-events: none;
    width: 50px
}

.glossary .pagination[actpage="80"] .pagination-index:nth-child(84):not(:last-child):not(:nth-last-child(2)):after {
    color: var(--secondary-grey-60);
    content: "...";
    font-size: 2pc;
    margin-left: -6px
}

@media(max-width:1024px) {
    .dark .header {
        background-color: var(--primary-black);
        height: 65px
    }

    .dark .header:has(tcb-search-engine-mobile:not(.search-engine-hidden)) {
        height: 138px
    }

    .dark .header:has(tcb-search-engine-mobile:not(.search-engine-show)) {
        height: 65px
    }
}

.dark .header .header_layout .header-navigation,
.dark .header .header_layout .navigation_primary {
    background-color: var(--secondary-grey-80)
}

.dark .header .header_layout .navigation-primary_item-dropdown_list.open,
.dark .header .header_layout .navigation-primary_left .navigation-primary_item-dropdown_list.open .header_list_dropdown,
.dark .header .header_layout .navigation_secondary,
.dark .header .header_layout .navigation_secondary .search-engine-hidden,
.dark .header .header_layout .navigation_secondary .search-engine-show {
    background-color: var(--primary-black)
}

.dark .header .header_layout .navigation-primary_left .navigation-primary_item-dropdown_list.open .header_list_dropdown .dropdown-item {
    background-color: unset
}

.dark .header .header_layout .dropdown_holder,
.dark .header .header_layout .navigation-primary_item .link_component-link .link_text {
    color: #a2a2a2;
    letter-spacing: .28px
}

@media(max-width:1024px) {
    .dark .header .header_layout .language_dropdown_item .dropdown_holder {
        color: #fff
    }
}

.dark .header .header_layout .navigation-primary_item .link_component-link .link_text:hover,
.dark .header .header_layout .navigation-primary_item.show-active-arrow .link_component-link .link_text {
    color: var(--secondary-gold)
}

.dark .header .header_layout .dropdown-arrow.material-symbols-outlined {
    fill: var(--secondary-mid-grey-100)
}

@media(max-width:1024px) {
    .dark .header .header_layout .dropdown-arrow.material-symbols-outlined {
        -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(38%) saturate(2081%) hue-rotate(310deg) brightness(100%) contrast(87%);
        filter: brightness(0) saturate(100%) invert(100%) sepia(38%) saturate(2081%) hue-rotate(310deg) brightness(100%) contrast(87%);
        font-size: 20px
    }
}

.dark .header .header_layout .navigation-primary_left .navigation-primary_item.navigation-primary_item-dropdown_list.show-active-arrow:after {
    display: none
}

.dark .header .header_layout .navigation-primary_left .navigation-primary_item.show-active-arrow:after {
    background-color: var(--primary-black);
    left: 50%
}

.dark .header .header_layout .navigation-primary_left .navigation-primary_item.discover_dropdown_btn {
    border-left: 1px solid hsla(0, 0%, 77%, .2)
}

.dark .header .header_layout .navigation-primary_item.has-right-border {
    border-right: 1px solid hsla(0, 0%, 77%, .2)
}

.dark .header .header_layout .navigation-secondary_item:before {
    background-color: var(--secondary-gold)
}

.dark .header .header_layout .navigation-secondary_item.active span {
    color: var(--primary-white)
}

.dark .header .header_layout .header-logo .link_component-link img {
    width: auto
}

.dark .header .header_layout .language_dropdown a {
    color: var(--primary-black)
}

.dark .header .header_layout .language_dropdown .active a {
    color: var(--primary-red)
}

.mgm-header-style .header_layout .header-navigation .navigation_secondary .navigation-secondary_menu .navigation-secondary_item {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.mgm-header-style .header_layout .header-navigation .navigation_secondary .navigation-secondary_actions .link_component-link {
    background-color: #ed1c24;
    border-radius: 8px;
    font-size: 14px;
    height: 37px;
    letter-spacing: normal;
    padding: 0 1pc
}

.mgm-header-style .header_layout .header-navigation .navigation_secondary .navigation-secondary_actions .link_component-link .navigation-secondary_actions-icon img {
    display: none
}

@media(max-width:1024px) {
    .header {
        background-color: var(--primary-white);
        height: 65px
    }

    .header:has(tcb-search-engine-mobile:not(.search-engine-hidden)) {
        height: 138px
    }

    .header:has(tcb-search-engine-mobile:not(.search-engine-show)) {
        height: 65px
    }

    .header .header_layout .navigation_sub .mobile-menu-items .navigation-secondary_menu .navigation-secondary_item:not(.secondary-nav) .icon {
        display: none
    }

    .header .header_layout .navigation_sub .mobile-menu-items .navigation-secondary_menu .navigation-secondary_item:not(.secondary-nav) a {
        text-align: start;
        width: 100%
    }

    .header .header_layout .navigation_secondary {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
    }

    .header .header_layout .navigation_secondary .search-engine-hidden {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: hidden
    }

    .header .header_layout .navigation_secondary .search-engine-hidden,
    .header .header_layout .navigation_secondary .search-engine-show {
        background-color: var(--primary-white);
        display: block;
        position: absolute;
        -webkit-transition: visibility .2s ease, opacity .2s ease, -webkit-transform .2s ease;
        transition: visibility .2s ease, opacity .2s ease, -webkit-transform .2s ease;
        transition: transform .2s ease, visibility .2s ease, opacity .2s ease;
        transition: transform .2s ease, visibility .2s ease, opacity .2s ease, -webkit-transform .2s ease;
        width: 100%;
        z-index: 10
    }

    .header .header_layout .navigation_secondary .search-engine-show {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible
    }

    .dark .header .header_layout .navigation_secondary .navigation-secondary_menu {
        display: none
    }

    .dark .header .header_layout .navigation_secondary .header-logo {
        height: 100%
    }

    .dark .header .header_layout .navigation-secondary_actions .link_component-link {
        background-color: unset
    }

    .dark .header .header_layout .navigation-secondary_actions .link_component-link .link_text {
        color: #b4a393
    }

    .dark .header .header_layout .navigation_sub,
    .dark .header .header_layout .navigation_sub .mobile-menu {
        background-color: var(--secondary-grey-80)
    }

    .dark .header .header_layout .navigation_sub .mobile-menu .mobile-button {
        background-color: unset
    }

    .dark .header .header_layout .navigation_sub .mobile-menu .mobile-button .dropdown-item {
        background-color: #131313
    }

    .dark .header .header_layout .navigation_sub .mobile-menu .mobile-button .dropdown-item a {
        color: unset
    }

    .dark .header .header_layout .navigation_sub .mobile-main-nav {
        background-color: var(--primary-black)
    }

    .dark .header .header_layout .navigation_sub .mobile-main-nav .discover_category .show-active-arrow:after {
        display: none
    }

    .dark .header .header_layout .navigation_sub .mobile-main-nav .discover_category .navigation-primary_item {
        color: unset
    }

    .dark .header .header_layout .navigation_sub .mobile-menu-items {
        background-color: inherit
    }

    .dark .header .header_layout .navigation_sub .mobile-menu-items .navigation-secondary_menu {
        padding: 0
    }

    .dark .header .header_layout .navigation_sub .mobile-menu-items .navigation-secondary_menu .navigation-secondary_item {
        margin: 0
    }

    .dark .header .header_layout .navigation_sub .mobile-menu-items .navigation-secondary_menu .navigation-secondary_item .icon {
        display: none
    }
}

.help-panel .help-panel__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 8px;
    padding: 9pt
}

.help-panel .help-panel__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 9pt
}

.help-panel .help-panel__tab-control {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 1.5rem .75rem .75rem 0
}

.help-panel .help-panel__tab-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 66.666667%;
    background-color: #fff;
    border-radius: 8px;
    flex-basis: 66.666667%;
    flex-grow: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: .75rem 0 .75rem .75rem;
    max-width: 66.666667%
}

.help-panel .tab-active {
    background-color: #333 !important;
    color: #f5f5f5 !important;
    padding-left: 1rem !important
}

.help-panel .tab-active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.help-panel .help-panel__tab-control-btn {
    background-color: transparent;
    border: none;
    border-radius: 8px;
    color: #333;
    cursor: pointer;
    font-size: 1pc;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 2pc;
    max-width: none;
    min-height: 40px;
    opacity: 1;
    padding: 8px 1pc 8px 0;
    text-align: left;
    text-transform: none;
    width: 100%
}

.help-panel .help-panel__tab-control-btn:first-child {
    margin-top: 0
}

.help-panel .help-panel__tab-control-btn img {
    display: none
}

.help-panel .help-panel__tab-control-btn.tab-active h3 {
    font-weight: 600
}

.help-panel .help-panel__article-content {
    border-radius: 8px;
    padding: 3pc 56px
}

.help-panel .help-panel__tab-content-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px
}

.help-panel .help-panel__tab-content-body {
    color: #333;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    max-width: 100%
}

.help-panel .help-panel__tab-content-body ul {
    list-style-type: circle;
    padding-left: 20px
}

.help-panel .help-panel__tab-content-body ul li {
    list-style-type: circle;
    margin: 8px 0
}

.help-panel .help-panel__tab-content-body .help-panel__video {
    padding-top: calc(100% - 101px);
    position: relative
}

.help-panel .help-panel__tab-content-body .help-panel__video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.help-panel .help-panel__modal-header {
    display: none
}

@media(max-width:991px) {
    .help-panel .help-panel__tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .help-panel .help-panel__tab-control {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 1.5rem 0 .75rem
    }

    .help-panel .help-panel__text-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .help-panel .help-panel__button {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
        margin-top: 24px;
        padding: 1pc 2pc;
        width: 328px
    }

    .help-panel .help-panel__button:before {
        display: none
    }

    .help-panel .tab-active {
        color: #333 !important
    }

    .help-panel .help-panel__tab-control-btn {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        padding: 1rem 1.5rem
    }

    .help-panel .help-panel__tab-control-btn img {
        -ms-flex-item-align: center;
        align-self: center;
        display: block;
        height: 1pc;
        margin-left: 9pt;
        width: 1pc
    }

    .help-panel .help-panel__modal-header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: flex-start;
        border-bottom: 1px solid #e9ecef;
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 1rem
    }

    .help-panel .help-panel__modal-header span {
        -webkit-appearance: none;
        background-color: transparent;
        border: 0;
        color: #000;
        cursor: pointer;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        margin: -1rem -1rem -1rem auto;
        opacity: .5;
        padding: 1rem;
        text-shadow: 0 1px 0 #fff
    }

    .help-panel .help-panel__article-content {
        -ms-flex-preferred-size: 100%;
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        flex-basis: 100%;
        left: 50%;
        max-width: 500px;
        opacity: 0;
        overflow: auto;
        padding: 1rem;
        position: fixed;
        top: 50%;
        -webkit-transform: translate(-50%, -75%);
        transform: translate(-50%, -75%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: calc(100% - 1pc);
        z-index: 1
    }

    .help-panel .help-panel__article-content.open {
        max-height: 100%;
        opacity: 1;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .help-panel .help-panel__modal-close {
        height: 24px;
        position: absolute;
        right: 1pc;
        top: 1pc;
        width: 24px
    }

    .help-panel .help-panel__modal-close:before {
        border-left: 2px solid #a2a2a2;
        content: "";
        height: 18px;
        left: 8px;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .help-panel .help-panel__modal-close:after {
        border-left: 2px solid #a2a2a2;
        content: "";
        height: 18px;
        left: 8px;
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.home-page {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    z-index: 0
}

.home-page.full-height {
    width: 100vw
}

@media screen and (min-width:1025px) {
    .home-page.full-height {
        height: calc(100vh - 60px)
    }
}

.home-page.full-height::-webkit-scrollbar {
    display: none
}

.home-page a:hover {
    text-decoration: underline
}

.home-page-left__wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: #ccc;
    color: var(--primary-white);
    flex-grow: 1;
    padding: 72px 3pc 3pc 4.4444444444%;
    width: 35%;
    z-index: 1300
}

.dark .home-page-left__wrap {
    background-color: #333
}

.home-page-left__wrap .phone-number {
    color: var(--primary-red)
}

.dark .home-page-left__wrap .phone-number,
.home-page-left__bottom--content span {
    color: var(--primary-white)
}

.home-page-list {
    margin: 0 auto;
    max-width: 90pc;
    position: relative;
    width: 100%
}

.home-page-left__content,
.home-page-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.home-page-left__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 2pc;
    gap: 2pc;
    justify-content: space-between
}

.home-page-left__content.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start
}

.home-page-left__item {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc;
    justify-content: unset
}

.home-page-left__item--img {
    height: 3pc;
    width: 3pc
}

.home-page-left__img {
    width: 40px
}

.home-page-left__bottom-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.home-page-left__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt
}

.home-page-left__text:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/white-arrow-icon.svg);
    line-height: 0
}

.home-page-left__top-panel {
    background: #fff;
    height: 1px;
    margin-bottom: 1pc;
    opacity: .2;
    width: 100%
}

.home-page-left__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 1pc;
    align-items: center;
    font-size: 1pc;
    font-weight: 600;
    gap: 1pc;
    position: relative
}

.home-page-left__contact,
.home-page-left__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-page-left__contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin-top: 2pc
}

.home-page-left__contact h2 {
    font-size: unset;
    font-weight: unset;
    line-height: unset
}

.home-page-left__bottom--content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 8px
}

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

.home-page-right__wrap {
    position: relative;
    width: 65%
}

.home-page-right__img--destop {
    display: block
}

.home-page-right__img--mobile {
    display: none
}

@media screen and (max-width:1024px) {
    .home-page-left__wrap {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        padding: 2pc 4.4444444444% 24px;
        width: 100% !important
    }

    .home-page-left__content,
    .home-page-left__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home-page-left__content {
        gap: 2pc;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .home-page-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-size: 0;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .home-page-right__wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        height: 540px;
        width: 100% !important
    }

    .home-page-right__img--destop {
        display: none !important
    }

    .home-page-right__img--mobile {
        display: block !important;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .home-page-left__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 32.6%
    }

    .home-page-left__text {
        text-align: center
    }

    .home-page-left__text.mobile-display:after {
        content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/red-arrow-icon.svg);
        line-height: 0
    }

    .dark .home-page-left__text.mobile-display:after {
        content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/white-arrow-icon.svg)
    }

    .home-page-left__bottom-container {
        grid-gap: 1pc;
        gap: 1pc
    }

    .home-page-left__content--bottom {
        margin: 0
    }

    .dark .home-page-left__top-container .home-page-left__contact .home-page-left__item .home-page-left__menu-item .home-page-left__text:after,
    .home-page-left__top-container .home-page-left__contact .home-page-left__item .home-page-left__menu-item .home-page-left__text:after {
        content: none
    }
}

@media(max-width:767px) {
    .home-page-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .home-page-left__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        height: auto !important;
        justify-content: flex-start;
        width: 100% !important
    }

    .home-page-right__wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        height: 20pc;
        width: 100% !important
    }

    .home-page-right__img--destop {
        display: none !important
    }

    .home-page-right__img--mobile {
        display: block !important;
        height: 100%
    }
}

@media screen and (max-width:1024px) {
    .home-page-left__contact {
        grid-gap: 8px;
        grid-row-gap: 2pc;
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(5, 1fr);
        min-width: unset;
        row-gap: 2pc;
        width: 60%
    }

    .home-page-left__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .home-page-left__contact {
        grid-template-columns: repeat(3, 1fr) !important;
        width: 100%
    }
}

.illustrated-panel-title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 20px;
    padding-top: 1pc;
    position: relative
}

.illustrated-panel-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.illustrated-panel-list__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 9pt
}

.illustrated-panel-list__card {
    background-color: var(--primary-white);
    border-radius: 8px;
    height: 100%;
    padding: 3pc
}

.illustrated-panel-list__card-header img {
    height: 75pt;
    width: 75pt
}

.illustrated-panel-list__card-header h3 {
    margin: 0;
    padding: 0
}

.illustrated-panel-list__card-content {
    color: var(--gray-600);
    line-height: 24px;
    margin-top: 8px
}

.illustrated-panel-list__card-body {
    margin-top: 40px;
    width: 100%
}

.illustrated-panel-list__card-body img {
    height: 14pc;
    max-width: 325px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.illustrated-panel-list__card-body h4 {
    margin-bottom: 1pc
}

.illustrated-panel-list__card-body ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.illustrated-panel-list__card-body li {
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px;
    list-style: none;
    margin-top: 8px
}

.illustrated-panel-list__card-body li:before {
    border-radius: 1px;
    color: var(--primary-red);
    content: "◼";
    display: inline-block;
    font-size: 11px;
    width: 2em
}

.illustrated-panel-plan {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary-white)), to(var(--secondary-light-grey-60)));
    background-image: linear-gradient(var(--primary-white), var(--secondary-light-grey-60))
}

.illustrated-panel-plan:has(.illustrated-panel-plan__result__wrapper:only-of-type) {
    padding-top: 0
}

.illustrated-panel-plan ul {
    list-style-type: none
}

.illustrated-panel-plan ul>li {
    color: var(--gray-600);
    margin-top: 8px
}

.illustrated-panel-plan ul>li:before {
    background-color: var(--primary-red);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin-right: 10px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    width: 5px
}

.illustrated-panel-plan__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-weight: 300;
    justify-content: center;
    line-height: 1.5;
    margin-bottom: 1pc
}

.illustrated-panel-plan__img {
    line-height: 0;
    margin: auto;
    max-width: 1118px;
    min-height: 259px
}

.illustrated-panel-plan__img img {
    height: 100%;
    width: 100%
}

.illustrated-panel-plan__description {
    margin: 0 0 28px 1pc
}

.illustrated-panel-plan__description p {
    color: var(--gray-600)
}

.illustrated-panel-plan__description ul {
    padding-left: 0
}

.illustrated-panel-plan__description h3 {
    margin-top: 0
}

.illustrated-panel-plan__result__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--primary-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 2pc 1pc
}

.illustrated-panel-plan__result_center__info,
.illustrated-panel-plan__result_left__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50px
}

.illustrated-panel-plan__result_center__info .illustrated-panel-plan__result_description {
    text-align: center
}

.illustrated-panel-plan__result__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    height: 60px;
    margin-right: 40px;
    max-width: 90px;
    position: relative
}

.illustrated-panel-plan__result__icon img {
    position: absolute
}

.illustrated-panel-plan__result_right__info h3 {
    color: #0a84ff;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 0
}

.illustrated-panel-plan__result_description {
    font-size: 1.5rem
}

.illustrated-panel-plan__result__title {
    color: var(--gray-900);
    font-weight: 600
}

.illustrated-panel-plan__benefitRate {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    margin-top: 8px;
    padding: 0 8pc
}

.illustrated-panel-plan__beforeRate {
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-right: 1pc;
    padding: 8px 0
}

.illustrated-panel-plan__value {
    margin: 0 8px
}

.illustrated-panel-plan__afterRate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 8px 18px
}

.illustrated-panel-plan__afterRate h3 {
    margin: 0
}

.illustrated-panel-plan__subfix {
    display: inline;
    vertical-align: text-top
}

@media(min-width:1199px) {
    .illustrated-panel {
        margin: -9pt
    }
}

@media(max-width:991px) {
    .illustrated-panel-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .illustrated-panel-list__item {
        padding: 9pt 0
    }

    .illustrated-panel-plan__benefitRate {
        padding: 0 4pc
    }
}

@media(max-width:767px) {
    .illustrated-panel-title {
        padding-bottom: 8px
    }

    .illustrated-panel-list__item {
        padding: 8px 0
    }

    .illustrated-panel-list__card {
        padding: 2pc 1pc
    }

    .illustrated-panel-plan {
        padding-top: 2pc
    }

    .illustrated-panel-plan__result__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        height: 40px;
        margin-right: 24px;
        padding-bottom: 70px
    }

    .illustrated-panel-plan__result__icon img {
        height: 40px;
        position: absolute
    }

    .illustrated-panel-plan__result__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px 1pc
    }

    .illustrated-panel-plan__result_center__info,
    .illustrated-panel-plan__result_left__info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-bottom: 1px solid var(--secondary-mid-grey-80);
        margin-bottom: 24px;
        margin-right: 0;
        padding-bottom: 24px;
        width: 100%
    }

    .illustrated-panel-plan__img {
        padding: 0 14px 14px
    }

    .illustrated-panel-plan__description {
        padding: 0 14px
    }

    .illustrated-panel-plan__benefitRate {
        padding: 0
    }

    .illustrated-panel-plan__benefitRate p {
        font-size: 10px
    }

    .illustrated-panel-plan__beforeRate {
        margin-right: 8px;
        padding: 10px 1pc
    }

    .illustrated-panel-plan__afterRate {
        display: block
    }

    .illustrated-panel-plan__subfix {
        display: inline;
        vertical-align: text-top
    }

    .illustrated-panel-plan__afterRate .illustrated-panel-plan__value {
        display: inline
    }
}

@media(max-width:390px) {
    .illustrated-panel-plan__result_left__info .illustrated-panel-plan__result__icon {
        padding-bottom: 90px
    }
}

.security-slideshow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -9pt -9pt 0;
    overflow-y: clip;
    padding-top: 3pc;
    position: relative
}

@media(max-width:991px) {
    .security-slideshow {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.security-grid-container {
    margin-left: auto;
    margin-right: auto
}

.security-grid-root {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -9pt;
    padding-top: 3pc
}

.security-grid-root:before {
    background-color: var(--bg-color);
    border-radius: 8px;
    content: "";
    height: calc(100% - 24px);
    left: 50%;
    max-width: 82pc;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 24px)
}

.security-grid-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    margin: 0;
    max-width: 100%;
    padding: 9pt 9pt 0
}

.security-slideshow-container {
    z-index: 1
}

.security-slideshow-title {
    margin-bottom: 40px;
    text-align: center
}

.security-slideshow-title>h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 auto 1pc
}

.security-slideshow-title>p {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin: auto
}

.security-slideshow-gallery {
    margin: auto
}

.security-gallery-images {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center;
    margin-left: -9pt;
    margin-right: -9pt
}

.security-gallery-images.smaller {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.security-gallery-images.smaller .security-gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15.05%;
    flex: 0 0 15.05%;
    height: 164px;
    max-width: 15.05%;
    padding: 0 9pt
}

.security-gallery-images.smaller .security-gallery-item.security-gallery-center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 261px;
    flex: 0 0 261px;
    height: auto;
    max-width: 261px
}

@media(max-width:767px) {
    .security-gallery-images.smaller {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .security-gallery-images.smaller .security-gallery-item {
        display: none
    }

    .security-gallery-images.smaller .security-gallery-item.security-gallery-center {
        -webkit-box-flex: 0;
        display: block;
        -ms-flex: 0 0 282px;
        flex: 0 0 282px;
        max-width: 282px
    }
}

.security-gallery-images>.slick-list {
    width: 100%
}

.security-gallery-images>.slick-list>.slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}

.image-center .security-gallery-images {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.image-bottom .security-gallery-images {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.security-gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17.6%;
    flex: 0 0 17.6%;
    max-width: 17.6%;
    padding: 0 9pt
}

.security-gallery-item:has(img:not([src])) {
    display: none
}

@media(min-width:768px) {
    .image-overflow .security-gallery-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 21.1%;
        flex: 0 0 21.1%;
        max-width: 21.1%
    }
}

.security-gallery-item-small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15.05%;
    flex: 0 0 15.05%;
    height: 164px;
    max-width: 15.05%;
    padding: 0 9pt
}

.security-gallery-center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18.3%;
    flex: 0 0 18.3%;
    height: auto !important;
    max-width: 18.3%;
    padding: 0 9pt
}

@media(min-width:768px) {
    .image-overflow .security-gallery-center {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18.3%;
        flex: 0 0 18.3%;
        max-width: 18.3%
    }
}

.security-item-outer {
    height: 100%
}

.security-item-inner {
    border-radius: 1pc;
    -webkit-box-shadow: 2px -3px 22px rgba(155, 119, 87, .05), 0 10px 20px rgba(155, 119, 87, .25);
    box-shadow: 2px -3px 22px rgba(155, 119, 87, .05), 0 10px 20px rgba(155, 119, 87, .25);
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.security-item-inner>span {
    overflow: hidden;
    position: relative
}

.security-item-inner>span,
.security-item-inner>span>span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    height: 100% !important;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.security-item-inner>span>span {
    display: none
}

.security-item-inner>span>span>img {
    background: none;
    border: 0;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.security-item-inner>span>picture>img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center center;
    object-position: center center;
    padding: 0
}

@media(min-width:1200px) {
    .security-grid-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:1440px) {
    .security-grid-container {
        max-width: 90pc
    }
}

@media(min-width:390px)and (max-width:768px) {
    .content-wrapper>.security-wrapper {
        padding-left: 4.4444444444vw !important;
        padding-right: 4.4444444444vw !important
    }
}

@media(max-width:767px) {
    .security-grid-root {
        margin: -8px;
        padding: 2pc 1pc 0;
        width: calc(100% + 1pc)
    }

    .security-grid-root:before {
        height: calc(100% - 1pc);
        width: calc(100% - 1pc)
    }

    .security-slideshow-title {
        margin-bottom: 25px;
        padding: 0 1pc
    }

    .security-slideshow-title h3 {
        font-weight: var(--heading3-font-weight)
    }

    .security-slideshow-title>h2 {
        padding: 0 4px
    }

    .security-slideshow-gallery {
        margin-bottom: 8px;
        margin-right: -1pc;
        overflow: hidden;
        padding-left: 1pc
    }

    .security-gallery-images {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        justify-content: flex-start;
        margin: 0;
        overflow: auto;
        padding-top: 10px
    }

    .security-gallery-item {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 228px;
        flex: 0 0 228px;
        height: 235px;
        max-width: 228px;
        order: 2;
        padding: 0 2px
    }

    .not-slider-mobile .security-gallery-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .not-slider-mobile .security-gallery-item-small {
        display: none
    }

    .not-slider-mobile .security-gallery-item-small.security-gallery-center {
        display: block
    }

    .security-item-inner {
        border-radius: 15px;
        overflow: hidden
    }

    .not-slider-mobile .security-gallery-center,
    .security-gallery-center {
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -ms-flex: 0 0 201px;
        flex: 0 0 201px;
        max-width: 201px;
        order: -1
    }
}

.card-item {
    height: 100%;
    margin: 0;
    width: 100%
}

.card-item__slide-show {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 3.5rem;
    position: relative
}

.card-image__over-height {
    -webkit-box-shadow: 0 26.4px 9.05pc rgba(0, 0, 0, .04), 0 11.0293px 60.494px rgba(0, 0, 0, .03);
    box-shadow: 0 26.4px 9.05pc rgba(0, 0, 0, .04), 0 11.0293px 60.494px rgba(0, 0, 0, .03);
    margin-right: auto;
    max-width: 202px;
    z-index: 1
}

.card-image__over-height img {
    width: 100%
}

.card-image__content-text {
    background-color: var(--bg-color);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    min-height: 70%;
    padding: 56px 50px;
    position: absolute;
    right: 0;
    top: 8%;
    width: 100%
}

.card-image__content-text h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 1pc auto;
    max-width: 51%
}

@media(max-width:991px) {
    .card-image__content-text h3 {
        margin-left: 0;
        max-width: 100%;
        text-align: left
    }
}

@media(max-width:767px) {
    .card-image__content-text h3 {
        text-align: center
    }
}

.card-image__content-text p {
    color: #616161;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 0 auto;
    max-width: 51%
}

.card-image__content-text.card-image__content-text-align-left {
    text-align: left
}

.card-image__content-text.card-image__content-text-align-right {
    text-align: right
}

.card-image__content-text.card-image__content-text-align-center {
    text-align: center
}

@media(max-width:1024px) {
    .card-image__content-text {
        height: 85%;
        padding: 33px 25px
    }

    .card-image__content-text h5 {
        max-width: 45%
    }

    .card-image__content-text p {
        max-width: 50%
    }

    .card-image__over-height {
        left: 33px;
        max-width: 180px
    }
}

@media(max-width:991px) {
    .card-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        height: 388px;
        max-width: 100%
    }

    .card-item:first-child {
        margin-bottom: 40px;
        padding-right: unset
    }

    .card-item:nth-child(2) {
        padding-left: unset
    }

    .card-image__content-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 67%;
        justify-content: center;
        min-height: 17pc;
        padding-left: 40%;
        top: 10%
    }

    .card-image__content-text h5,
    .card-image__content-text p {
        margin-left: 0;
        max-width: 100%
    }
}

@media screen and (max-width:1024px)and (min-width:992px) {
    .card-image__content-text h3 {
        max-width: 50%
    }
}

@media screen and (max-width:1024px)and (min-width:768px) {
    .card-item__slide-show {
        padding-left: 33px
    }
}

@media(max-width:767px) {
    .slide-show__wrapper {
        margin-top: 3pc
    }

    .card-item {
        height: 100%
    }

    .card-item__slide-show {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        background-color: #fff;
        background-color: var(--bg-color);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: hidden;
        padding: 2rem 1rem 0;
        text-align: center
    }

    .card-image__over-height {
        left: 0;
        margin-left: 13px;
        margin-right: 13px;
        max-height: 442px;
        min-height: 421px;
        min-width: 296px;
        overflow: hidden;
        position: relative
    }

    .card-image__over-height span {
        width: 100%
    }

    .card-image__content-text {
        background-color: transparent;
        background-image: none;
        display: block;
        height: auto;
        max-width: 100%;
        min-height: 6.25rem;
        padding: 0 0 24px;
        position: unset;
        -webkit-transform: none;
        transform: none
    }

    .card-image__content-text h5,
    .card-image__content-text p {
        text-align: center
    }
}

@media(max-width:390px) {
    .card-image__content-text {
        padding-top: 20px
    }
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

.inspire-privilege .swiper2:not([dir=rtl]) .swiper-slide {
    margin-right: 8px
}

.inspire-privilege .swiper2[dir=rtl] .swiper-slide {
    margin-left: 8px
}

.inspire-privilege .title-cmp__title {
    font-size: 2pc;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.inspire-privilege .inspire-privilege__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.inspire-privilege .inspire-privilege__container .inspire-privilege__container2 {
    margin-bottom: 24px;
    padding-bottom: 20px;
    width: 100%
}

.inspire-privilege .inspire-privilege__container .inspire-privilege__container2.bottom-separator {
    border-bottom: 1px solid #df7f45
}

.inspire-privilege .inspire-privilege__tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30%
}

.inspire-privilege .tab-menu-item {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 transparent, 0 0 transparent, 0 0 1pc rgba(0, 0, 0, .05);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 1pc rgba(0, 0, 0, .05);
    cursor: pointer;
    padding: 24px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.inspire-privilege .tab-menu-item:not(:first-child) {
    margin-top: 24px
}

.inspire-privilege .tab-menu-item h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
    max-width: 80%;
    text-transform: uppercase
}

.inspire-privilege .tab-menu-item.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inspire-privilege .tab-menu-item.active h3 {
    color: var(--primary-background)
}

.inspire-privilege .inspire-privilege__tab-list {
    display: none;
    width: 65%
}

.inspire-privilege .inspire-privilege__tab-list.active {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
    display: block
}

.inspire-privilege .tab-list__content-item {
    margin-bottom: 24px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.inspire-privilege .content-item__title {
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 2pc
}

.inspire-privilege .content-item__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inspire-privilege .content-item__multi-picture {
    border-radius: 8px;
    margin: 0;
    position: relative;
    width: 100%
}

.inspire-privilege .content-item__multi-picture picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.inspire-privilege .content-item__multi-picture .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: auto
}

.inspire-privilege .content-item__multi-picture .content-item__image {
    height: 75pt;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.inspire-privilege .content-item__picture {
    border-radius: 8px;
    margin: 0;
    position: relative
}

.inspire-privilege .content-item__picture picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.inspire-privilege .content-item__picture .swiper-slide {
    width: 300px
}

.inspire-privilege .content-item__picture .swiper-button-next,
.inspire-privilege .content-item__picture .swiper-button-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--primary-background);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    outline: 0;
    position: absolute;
    top: calc(50% - 18px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 30px;
    z-index: 10
}

.inspire-privilege .content-item__picture .swiper-button-next:after,
.inspire-privilege .content-item__picture .swiper-button-prev:after {
    height: 24px;
    width: 24px
}

.inspire-privilege .content-item__picture .swiper-button-next {
    left: auto;
    right: 10px !important
}

.inspire-privilege .content-item__picture .swiper-button-next:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-right-red.png)
}

.inspire-privilege .content-item__picture .swiper-button-prev {
    left: 10px !important;
    right: auto
}

.inspire-privilege .content-item__picture .swiper-button-prev:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-left-red.png)
}

.inspire-privilege .content-item__image {
    border-radius: 8px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.inspire-privilege .content-item__text {
    margin-left: 10%;
    width: 40%
}

.inspire-privilege .list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    margin-left: 8px;
    margin-right: 8px
}

.inspire-privilege .list-item__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px
}

.inspire-privilege .list-item__image img {
    height: 44px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 44px
}

.inspire-privilege .info-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    line-height: 24px
}

.inspire-privilege .info-link:hover .info-link__icon {
    --tw-translate-x: 5px;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.inspire-privilege .info-link__icon {
    height: 1pc;
    margin-left: 9pt;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1pc
}

.inspire-privilege .inspire-privilege__tab-menu-mobile {
    width: 100%
}

.inspire-privilege .tab-menu-mobile-item {
    min-height: 200px;
    position: relative;
    width: 100%;
    z-index: 0
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content:after,
.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content:before {
    background-color: inherit;
    border-radius: 20px;
    content: "";
    height: 130px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 10
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content:after {
    top: 35%;
    -webkit-transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1);
    transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1)
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content h3 {
    min-height: 150px;
    padding-right: 3pc;
    padding-top: 24px;
    text-align: right
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .dropdown-title-icon {
    padding-left: 24px
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-list-mobile {
    height: auto;
    padding-top: 210px
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-collapse-icon {
    min-height: 75pt;
    position: relative
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-collapse-icon:before {
    background-color: var(--primary-background);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    content: "";
    height: 45px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.inspire-privilege .tab-menu-mobile-item:nth-child(odd) .tab-menu-collapse-icon:after {
    background-color: var(--primary-background);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    content: "";
    height: 5pc;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content {
    top: 50px
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content:before {
    bottom: 35%;
    -webkit-transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1);
    transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1)
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content:after,
.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content:before {
    background-color: inherit;
    border-radius: 20px;
    content: "";
    height: 130px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 10
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content h3 {
    padding-bottom: 3pc;
    padding-left: 3pc;
    text-align: left
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .dropdown-title-icon {
    padding-right: 24px
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-list-mobile {
    border-radius: 20px;
    padding-bottom: 70px;
    padding-top: 130px;
    top: 70px
}

.inspire-privilege .tab-menu-mobile-item:nth-child(2n) .tab-menu-collapse-icon {
    margin-bottom: 15px;
    min-height: 5pc;
    position: relative
}

.inspire-privilege .tab-menu-mobile-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 20px;
    color: var(--primary-background);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    z-index: 12
}

.inspire-privilege .tab-menu-mobile-content h3 {
    font-size: 2pc;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;
    width: 65%;
    z-index: 11
}

.inspire-privilege .dropdown-title-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    z-index: 11
}

.inspire-privilege .dropdown-title-icon p {
    font-size: unset;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px;
    white-space: nowrap
}

.inspire-privilege .tab-list-mobile {
    background-color: var(--primary-background);
    display: none;
    max-width: 100%;
    position: relative;
    z-index: 11
}

.inspire-privilege .tab-menu-mobile-item.active .tab-list-mobile {
    display: block
}

.inspire-privilege .tab-menu-mobile-item.active:nth-child(odd) .tab-menu-collapse-icon:after {
    -webkit-transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1);
    transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1)
}

.inspire-privilege .tab-menu-mobile-item.active .dropdown-title-icon svg {
    cursor: pointer;
    -webkit-transform: translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1)
}

.inspire-privilege .tab-menu-collapse-icon {
    border-radius: 20px;
    color: var(--primary-background)
}

.inspire-privilege .collapse-icon-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 24px;
    z-index: 11
}

.inspire-privilege .collapse-icon-content svg {
    cursor: pointer;
    -webkit-transform: translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1)
}

.inspire-privilege .content-item__primary {
    width: 50%
}

.inspire-privilege .content-item__primary .info-link {
    display: none
}

.inspire-privilege .content-item__text .info-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inspire-privilege .swiper1.content-item__picture .swiper-slide {
    --tw-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .32);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    border-radius: 8px;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.inspire-privilege .swiper1.content-item__picture .swiper-wrapper {
    height: 11pc
}

.inspire-privilege .swiper1.content-item__picture .swiper-wrapper .slick-slide {
    margin-right: 15px;
    width: 300px
}

.inspire-privilege .swiper-wrapper {
    padding-bottom: 5px;
    padding-top: 5px;
    transition-duration: .5s !important;
    -webkit-transition-duration: .5s !important;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.inspire-privilege .enable-shadow-true {
    --tw-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .32);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    border-radius: 8px;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.inspire-privilege .list-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle
}

@media screen and (max-width:976px) {

    .inspire-privilege .swiper1 .swiper-button-next,
    .inspire-privilege .swiper1 .swiper-button-prev {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .inspire-privilege .title-cmp__title {
        font-size: 24px;
        margin-bottom: 2pc;
        padding: 0
    }

    .inspire-privilege .content-item__primary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 25px;
        width: 100%
    }

    .inspire-privilege .content-item__primary,
    .inspire-privilege .content-item__primary .info-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .inspire-privilege .content-item__text .info-link {
        display: none
    }

    .inspire-privilege .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .inspire-privilege .inspire-privilege__container .inspire-privilege__container2 {
        padding-bottom: 0
    }

    .inspire-privilege .inspire-privilege__container .content-item__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .inspire-privilege .inspire-privilege__container .content-item__multi-picture,
    .inspire-privilege .inspire-privilege__container .content-item__picture {
        width: 100%
    }

    .inspire-privilege .inspire-privilege__container .content-item__text {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 15px;
        justify-content: center;
        margin-bottom: 24px;
        margin-left: 0;
        width: 100%
    }

    .inspire-privilege .inspire-privilege__container .info-link {
        margin-top: 20px
    }

    .inspire-privilege .list-item__image {
        margin-right: 0
    }

    .list-item__image {
        margin-bottom: 8px
    }

    .list-item__content p {
        line-height: 21px;
        text-align: center
    }

    .list-item {
        width: 33%
    }

    .list-item-count-1 .list-item {
        width: 100%
    }

    .list-item-count-2 .list-item {
        width: 50%
    }

    .list-item-count-3 {
        width: 33%
    }

    .list-item-count-4 {
        width: 25%
    }
}

.instalment-calculator__container {
    margin: 0 auto;
    width: 100%
}

@media(min-width:320px)and (max-width:1199.95px) {
    .instalment-calculator__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:1200px) {
    .instalment-calculator__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:1440px) {
    .instalment-calculator__container {
        max-width: 90pc
    }
}

.instalment-calculator__container--wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 24px)
}

.instalment-calculator__container--wrapper .instalment-calculator-group {
    margin-bottom: 0;
    width: 100%
}

.instalment-calculator__container--wrapper .instalment-calculator-body {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    padding: .75rem 0 1rem
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1.5rem;
        padding: unset
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input {
    background-color: #fff;
    border-radius: .5rem 0 0 .5rem;
    display: inline-block;
    padding: 1.5rem;
    width: 50%
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__input {
        border-radius: .5rem .5rem 0 0;
        padding: 1.25rem;
        width: 100%
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-preferred-size: 30%;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 30%;
    margin: auto;
    max-width: 30%;
    padding: .5rem .25rem
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--label {
        padding: .25rem
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--label h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5rem
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--label h3 {
        font-size: .875rem
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--label img {
    height: 1rem;
    margin-left: .5rem;
    width: 1rem
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%;
    padding: .5rem .25rem
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input {
        padding: .25rem
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .installment-registration-amount {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .installment-registration-amount__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e3e4e6;
    border-radius: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    padding-right: .875rem;
    position: relative;
    width: 100%
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .installment-registration-amount__wrapper:has(input:focus) {
    border-color: #0a84ff
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .installment-registration-amount__wrapper--input-body {
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-animation-name: mui-auto-fill-cancel;
    animation-name: mui-auto-fill-cancel;
    background: none;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: currentColor;
    display: block;
    font: inherit;
    height: 1.1876em;
    letter-spacing: inherit;
    line-height: 1.5rem;
    margin: 0;
    min-width: 0;
    outline: 0;
    padding: 1.156rem .875rem;
    width: 100%
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .installment-registration-amount__wrapper--currency-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a2a2a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .01em;
    max-height: 2em;
    white-space: nowrap
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .installment-registration-amount__invalid-message {
    color: #ed1b24;
    font-size: .75rem
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .offer-filter__dropdown .dropdown__wrapper {
    margin-bottom: 0
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .offer-filter__dropdown .dropdown__wrapper .dropdown__display img {
    -webkit-transition: all .3s;
    transition: all .3s
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .offer-filter__dropdown .dropdown__wrapper .dropdown__display img.expanded {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .offer-filter__dropdown .dropdown__wrapper .dropdown__display img.collapsed {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.instalment-calculator__container--wrapper .instalment-calculator-body__input--wrapper .calculator--input .offer-filter__dropdown .dropdown__wrapper .dropdown__list {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info {
    display: inline-block;
    padding: 1.25rem 6% 1.25rem 1.25rem;
    position: relative;
    width: 50%
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__info {
        padding: 1.25rem;
        width: 100%
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--background {
    background: none;
    border-radius: 0 .5rem .5rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__info--background {
        border-radius: 0 0 .5rem .5rem;
        width: 100%
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--background img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__info--content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: start
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .fee-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__info--content .fee-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 1.875rem
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__icon {
    position: relative
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__icon img {
    height: 3.375rem !important;
    width: 4.875rem !important
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__conversion-fee {
    color: #fff;
    display: inline-block
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__conversion-fee p {
    color: var(--primary-white);
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    margin-top: 1.5rem
}

@media(max-width:992px) {
    .instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__conversion-fee p {
        margin: unset
    }
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__conversion-fee h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: break-word
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__monthly-payment-amount {
    color: #fff;
    display: inline-block
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__monthly-payment-amount p {
    color: var(--primary-white);
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    margin-top: 1.5rem
}

.instalment-calculator__container--wrapper .instalment-calculator-body__info--content .content__monthly-payment-amount h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: break-word
}

.instalment-calculator__note {
    color: #616161;
    font-weight: 300
}

.insurance-gain__container {
    margin: 0 auto;
    width: 100%
}

.insurance-gain__container,
.insurance-gain__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.insurance-gain__panel {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden
}

.insurance-gain .panel-inputs {
    background-color: var(--primary-white);
    border-radius: 8px 0 0 8px;
    display: inline-block;
    padding: 2pc 24px;
    width: 59%
}

.insurance-gain .input-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
    width: calc(100% + 1pc)
}

.insurance-gain .item__label {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 41.666667%;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    flex-basis: 41.666667%;
    flex-grow: 0;
    margin: auto 0;
    max-width: 41.666667%;
    padding: 8px
}

.insurance-gain .item__label h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.insurance-gain .item__label h3 .icon-info {
    line-height: 0;
    margin-left: 9pt;
    position: relative
}

.insurance-gain .item__label h3 .icon-info img {
    height: 1pc;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 1pc
}

.insurance-gain .label__footnote {
    color: var(--gray-600);
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    max-width: 190px
}

.insurance-gain .item__input-fields {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 58.333333%;
    flex-basis: 58.333333%;
    flex-grow: 0;
    max-width: 58.333333%;
    padding: 8px;
    position: relative
}

.insurance-gain .item__input-fields .tcb-input--save-calc {
    padding: 20px 0
}

.insurance-gain .item__input-fields .tcb-input--save-calc .tcb-input-range_bar-wrapper .tcb-input-range_bar .tcb-input-range_thumb .tcb-input-range_inline-value {
    font-size: .75rem;
    left: calc(-50% - 5px);
    letter-spacing: .01071em;
    line-height: 1.2;
    padding: 7.8px 21.2px;
    position: absolute;
    top: 44px;
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: 1
}

.insurance-gain .item__input-fields .tcb-input--save-calc .tcb-input-range_labels {
    margin-top: 2px
}

.insurance-gain .input-fields__date-time-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.insurance-gain .date-time-wrapper__input-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: 8px;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.insurance-gain .date-time-wrapper__input-field input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    border-color: var(--secondary-light-grey-100);
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 19px;
    letter-spacing: inherit;
    margin: 0;
    min-width: 0;
    padding: 18.5px 14px;
    width: 100%
}

.insurance-gain .date-time-wrapper__input-field input::-webkit-input-placeholder {
    opacity: .42
}

.insurance-gain .date-time-wrapper__input-field input::-moz-placeholder {
    opacity: .42
}

.insurance-gain .date-time-wrapper__input-field input:-ms-input-placeholder {
    opacity: .42
}

.insurance-gain .date-time-wrapper__input-field input::-ms-input-placeholder {
    opacity: .42
}

.insurance-gain .date-time-wrapper__input-field input::placeholder {
    opacity: .42
}

.insurance-gain .date-time-wrapper__input-field input:focus {
    outline: .1em solid #0a84ff
}

.insurance-gain .date-time-wrapper__separator {
    margin: 0 9pt
}

.insurance-gain .input-fields__error-msg {
    color: var(--primary-red);
    font-weight: 400;
    line-height: 24px
}

.insurance-gain .input-fields__drop-down {
    background-color: var(--primary-white);
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: 90pt
}

.insurance-gain .drop-down__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 0;
    vertical-align: top
}

.insurance-gain .drop-down__container,
.insurance-gain .drop-down__controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 100%
}

.insurance-gain .drop-down__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    letter-spacing: .00938em;
    line-height: 1.1876em
}

.insurance-gain .drop-down__controls form {
    width: 100%
}

.insurance-gain .drop-down__controls input {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.insurance-gain .drop-down__controls img {
    position: absolute;
    right: 17px
}

.insurance-gain .drop-down__select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--primary-white);
    border: 1px solid var(--secondary-light-grey-100);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    letter-spacing: inherit;
    min-height: 1.1876em;
    min-width: 1pc;
    overflow: hidden;
    padding: 1pc;
    position: relative;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.insurance-gain .drop-down__select span {
    margin-right: 14px;
    white-space: nowrap
}

.insurance-gain .input-field__currency-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: 8px;
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: .00938em;
    line-height: 1.1876em;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

.insurance-gain .input-field__currency-field input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    background: none;
    border-color: var(--secondary-light-grey-100);
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 19px;
    letter-spacing: inherit;
    margin: 0;
    min-width: 0;
    padding: 18.5px 14px;
    width: 100%
}

.insurance-gain .input-field__currency-field input:focus {
    outline: .1em solid #0a84ff
}

.insurance-gain .date-time-wrapper__input-extra {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .01em;
    max-height: 2em;
    position: absolute;
    right: 14px;
    white-space: nowrap
}

.insurance-gain .currency__place-holder {
    color: rgba(0, 0, 0, .54);
    letter-spacing: .00938em;
    line-height: 24px
}

.insurance-gain .panel-info {
    display: inline-block;
    padding: 40px 0;
    position: relative;
    width: 41%
}

.insurance-gain .panel-info span {
    display: block
}

.insurance-gain .panel-info img {
    border-radius: 0 8px 8px 0;
    inset: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.insurance-gain .panel-info .cmp-button__icon {
    min-width: auto;
    position: relative
}

.insurance-gain .panel-info__content {
    padding: 0 40px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.insurance-gain .panel-info__content-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.insurance-gain .panel-info__content-button {
    color: var(--primary-white);
    height: auto;
    margin-top: 2pc
}

.insurance-gain .panel-info__content-button a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary-white);
    border: 1px solid #404040;
    border-radius: 8px;
    color: var(--primary-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    height: 100%;
    justify-content: space-between;
    line-height: 24px;
    max-height: 56px;
    max-width: 328px;
    padding: 1pc 24px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.insurance-gain .panel-info__content-button .cta-button {
    width: 100%
}

.insurance-gain .content-button__icon-arrow {
    height: 1pc;
    margin-left: 9pt;
    position: relative;
    width: 1pc
}

.insurance-gain .info-content-text__icon {
    position: relative
}

.insurance-gain .info-content-text__icon span {
    height: 63px;
    position: relative;
    width: 92px
}

.insurance-gain .info-content-text__icon.img-medium span {
    height: 69px;
    width: 99px
}

.insurance-gain .info-content-text__label {
    -webkit-box-flex: 1;
    color: var(--primary-white);
    display: inline-block;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px
}

.insurance-gain .info-content-text__label h3 {
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0
}

.insurance-gain .info-content-text__label>div {
    color: var(--secondary-light-grey-100);
    font-weight: 300;
    margin-bottom: 8px;
    margin-top: 24px
}

.insurance-gain .info-content-text__label>h3 {
    max-width: 100%;
    overflow-wrap: break-word
}

.insurance-gain .info-content-text__label p {
    color: var(--secondary-light-grey-100);
    font-weight: 300;
    margin-bottom: 8px
}

.insurance-gain .info-content-text__label .info-title {
    font-weight: 300;
    margin-bottom: 8px;
    margin-top: 24px
}

.insurance-gain input[type=range] {
    outline: none !important
}

.insurance-gain input::-webkit-inner-spin-button,
.insurance-gain input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.insurance-gain input[type=number] {
    -moz-appearance: textfield
}

.insurance-gain .select-option {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    display: none;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    width: 100%;
    z-index: 2
}

.insurance-gain .select-option.opened {
    display: block
}

.insurance-gain .option {
    cursor: pointer;
    letter-spacing: .00938em;
    line-height: 1.5;
    padding: 6px 1pc
}

.insurance-gain .option:hover {
    background-color: rgba(0, 0, 0, .04);
    font-weight: 600
}

.insurance-gain .option.selected {
    background-color: rgba(0, 0, 0, .08)
}

.insurance-gain .drop-down__select:focus,
.insurance-gain .insurance-gain__content input:focus {
    outline: .1em solid #87cefa
}

@media(max-width:991px) {
    .insurance-gain .panel-inputs {
        border-radius: 8px 8px 0 0;
        width: 100%
    }

    .insurance-gain .panel-info {
        width: 100%
    }

    .insurance-gain .panel-info img {
        border-radius: 0 0 8px 8px
    }

    .insurance-gain .info-content-text__icon {
        position: relative
    }

    .insurance-gain .info-content-text__icon span {
        height: 55px;
        width: 5pc
    }
}

@media(max-width:767px) {
    .insurance-gain {
        padding: 1pc 0 2pc
    }

    .insurance-gain .label__text {
        position: relative
    }

    .insurance-gain .label__text .icon-info {
        position: static
    }

    .insurance-gain .insurance-gain__panel {
        padding-top: 8px
    }

    .insurance-gain .insurance-gain__panel .panel-inputs {
        padding: 2pc 1pc
    }

    .insurance-gain .insurance-gain__panel .panel-inputs .input-items .item__label {
        padding-bottom: 0
    }

    .insurance-gain .item__input-fields,
    .insurance-gain .item__label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .insurance-gain .panel-info__content-button a {
        margin: 0;
        max-width: 100%;
        width: 100%
    }
}

@media(max-width:575px) {
    .insurance-gain .panel-info__content {
        padding: 0 1pc
    }

    .insurance-gain .info-content-text__label {
        margin-left: 8px
    }

    .insurance-gain .info-content-text__label>div {
        margin-bottom: 8px;
        margin-top: 24px
    }
}

@media(max-width:390px) {
    .insurance-gain .panel-inputs {
        padding: 24px 8px
    }

    .insurance-gain .item__label {
        padding-bottom: 0
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

body {
    margin: 0
}

.lcd-component #slideshow {
    height: 100%;
    margin: 0;
    position: absolute;
    width: 100%
}

.lcd-component .fade {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-name: fade;
    animation-name: fade
}

.lcd-component .mySlides img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    width: 100vw
}

.link-text {
    height: 100%;
    padding: 0
}

.link-text .section-title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 8px;
    padding-left: 9pt;
    position: relative
}

.link-text .link-text__container {
    height: 100%
}

.link-text .ticket-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

@media screen and (max-width:767px) {
    .link-text .ticket-list {
        margin-top: .5rem
    }
}

.link-text .ticket-list-wrapper {
    grid-gap: 24px;
    display: grid;
    height: 100%
}

.link-text .ticket-list-wrapper .ticket-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.link-text .ticket-list-wrapper .ticket-item .link_component-link {
    display: block;
    height: 100%
}

.link-text .ticket-list-wrapper .contact-us__item__wrapper {
    height: 100%
}

.link-text .ticket_wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 1pc;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc;
    height: 100%;
    padding: 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.link-text .ticket_wrapper.leftType {
    padding: 1pc 20px
}

.link-text .float_on_hover:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.link-text p.contact-us__item__content__title_text,
.link-text p.ticket-title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 1.5rem;
    margin-top: 0
}

.link-text .contact-us__item__content__description,
.link-text .contact-us__item__content__title,
.link-text .ticket-description,
.link-text .ticket-title {
    line-break: strict;
    word-break: break-word
}

.link-text .contact-us__item__content__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.link-text .contact-us__item__content__title_text {
    width: 100%
}

.link-text .ticket-description {
    color: #616161;
    margin-top: 8px
}

.link-text .ticket-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.link-text .icon-ext {
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 0;
    margin-left: 0
}

.link-text icon-img {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.link-text .leftType__icon-img {
    width: 62px
}

.link-text .icon-img {
    height: 50px;
    width: 50px
}

.link-text .contact-us__icon-img,
.link-text .contact-us__item__placeholder {
    height: 2pc;
    width: 2pc
}

.link-text .icon-ext img {
    height: 1pc;
    width: 1pc
}

.link-text .ticket_icon.leftType:hover~.ticket-content {
    text-decoration: underline
}

.column-item {
    padding: 0
}

.ticket-item[hiddenInDesktop=hidden] {
    display: none
}

.column-item .content-wrapper {
    height: 100%;
    padding: 0
}

.link-text-btn {
    margin: 18px 9pt
}

.link-text-button__link {
    background: none;
    border: none;
    cursor: pointer;
    white-space: nowrap
}

.link-text-view-more__icon,
.link-text-view-more__title {
    display: inline
}

@media(max-width:1024px) {
    .link-text .ticket-list-wrapper {
        gap: 1pc;
        width: calc(100% + 1rem)
    }

    .link-text .ticket-item {
        grid-column-start: auto !important;
        grid-row-start: auto !important
    }

    .ticket-item[hiddenInMobile=hidden] {
        display: none
    }
}

@media(max-width:991px) {
    .link-text .section-title {
        padding-bottom: 20px;
        padding-left: 0
    }

    .link-text .ticket-list-wrapper {
        gap: 0;
        grid-template-columns: 1fr !important
    }

    .link-text .ticket-list-wrapper.leftType,
    .link-text .ticket-list-wrapper.topType {
        margin: 1pc -8px;
        width: calc(100% + 1pc)
    }

    .link-text .contact-us__item__wrapper,
    .link-text .ticket_wrapper {
        overflow: hidden;
        padding: 1pc
    }

    .link-text-btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cta-button,
    .link-text-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .cta-button {
        margin: 9pt 0;
        white-space: unset
    }
}

@media(max-width:932px) {
    .ticket-item {
        padding: 8px
    }
}

@media(max-width:428px) {
    .ticket-item {
        padding: 8px
    }

    .link-text-nav {
        margin: 38px 0
    }

    .ticket_wrapper.leftType {
        padding: 1pc !important
    }
}

@media(max-width:390px) {
    .link-text .link-text__container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .link-text .section-title {
        padding: 0 0 8px 1pc
    }

    .link-text .ticket-list-wrapper {
        margin-left: -8px;
        width: calc(100% + 1pc)
    }
}

.display-webkit-box {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 3pc;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.flex-end-icon {
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item {
    grid-column-gap: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item {
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    cursor: pointer
}

@media(min-width:767px) {
    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item:nth-child(n+4) {
        margin-top: 20px
    }
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content {
    font-weight: 300
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 21px;
    padding-bottom: 8px;
    text-transform: uppercase
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice span:first-child:not(:empty) {
    border-right: 1px solid #c5c5c5;
    margin-right: 1pc;
    padding-right: 1pc
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice .tcb-date {
    color: var(--secondary-grey-60);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-title {
    margin-bottom: 8px
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description {
    color: var(--gray-600);
    font-size: 1rem;
    font-weight: 400;
    margin: 8px 0
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description .link-icon {
    display: none
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-action .list-event-tile__item-action-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-action .list-event-tile__item-action-link:hover {
    text-decoration: underline
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 56%;
    position: relative
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img span {
    inset: 0;
    position: absolute
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img img {
    border-radius: 8px 8px 0 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container:hover {
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01)
}

@media(max-width:767px) {
    .list-event-tile .list-event-tile__container .list-event-tile__list-item::-webkit-scrollbar {
        display: none
    }
}

@media(max-width:767px) {
    .list-event-tile .list-event-tile__container .list-event-tile__list-item.stack-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item.stack-view .list-event-tile__item:nth-child(n+2),
    .list-event-tile .list-event-tile__container .list-event-tile__list-item.stack-view a:nth-child(n+2) {
        margin-top: 20px
    }
}

@media(max-width:991px) {
    .list-event-tile .list-event-tile__container .list-event-tile__list-item {
        grid-column-gap: 1pc;
        grid-template-columns: repeat(3, 19pc);
        margin: -8px;
        overflow-x: scroll;
        padding: 8px
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        height: 100%;
        max-width: unset
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img img {
        width: 100%
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body {
        padding: 1pc
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:767px) {
    .list-event-tile .content-wrapper {
        padding-left: unset;
        padding-right: unset
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item:not(.show-horizontal-mobile) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        padding: 0;
        width: 100%
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item.show-horizontal-mobile {
        display: grid;
        grid-auto-columns: 90%;
        grid-auto-flow: column;
        grid-template-columns: unset;
        position: relative;
        z-index: 1
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-flex: 1;
        background-clip: padding-box;
        background-color: #fff;
        border-radius: 0 0 8px 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 1rem
    }

    .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice span:first-child {
        border-right: unset;
        display: block;
        margin-bottom: 8px;
        padding-left: 0
    }
}

@media(max-width:991px) {
    .card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item {
        grid-column-gap: 1pc;
        grid-template-columns: repeat(3, 19pc);
        overflow-x: scroll
    }
}

@media(max-width:767px) {
    .card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        padding: 0;
        width: 100%
    }

    .card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item.show-horizontal-mobile {
        display: grid;
        grid-auto-columns: 90%;
        grid-auto-flow: column;
        grid-template-columns: unset;
        position: relative;
        z-index: 1
    }
}

@media(min-width:767px) {
    .card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item a:nth-child(n+4) {
        margin-top: 20px
    }
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item {
    -ms-flex-preferred-size: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    flex-basis: unset;
    height: 100%;
    max-width: unset;
    -webkit-transition: none;
    transition: none
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img {
    margin: 30px;
    padding-top: 70%
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img img {
    border-radius: 0
}

@media(max-width:767px) {
    .card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img {
        margin: 1pc
    }
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body {
    padding: 2pc 33px 2pc 24px
}

@media(max-width:767px) {
    .card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body {
        padding: 4px 24px 2pc
    }
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.5rem;
    height: 100%;
    line-height: 1.5
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding-bottom: unset
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice>span {
    border-right: unset;
    color: #616161;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 21px;
    margin-bottom: 0;
    margin-right: unset;
    padding: unset;
    text-transform: uppercase;
    width: 100%
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-financial-advice>span:first-child {
    border-right: none;
    padding-bottom: 0;
    padding-right: 0
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-title {
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 36px;
    margin: 1pc 0;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between;
    letter-spacing: 0;
    margin: unset;
    max-height: unset
}

.card-link .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description span:first-child {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.card-link-icon .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-img {
    border-radius: 8px
}

.card-link-icon .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-link-icon .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content {
    height: 100%
}

.card-link-icon .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 1pc;
    font-weight: 400;
    text-overflow: ellipsis
}

.card-link-icon .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description .link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-link-icon .list-event-tile .list-event-tile__container .list-event-tile__list-item .list-event-tile__item .list-event-tile__item-container .list-event-tile__item-body .list-event-tile__item-content .list-event-tile__item-description span:nth-child(2) {
    margin-left: 5px
}

.list-row .list-row-content {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    padding-bottom: 9pt;
    row-gap: 1pc
}

.list-row .list-row-content_item {
    background: #fff;
    border-bottom: 1px solid var(--light-border);
    border-radius: 8px;
    -webkit-box-shadow: 0 .91319px 5.00873px 0 rgba(0, 0, 0, .01), 0 2.19453px 12.03668px 0 rgba(0, 0, 0, .02), 0 4.13211px 22.66401px 0 rgba(0, 0, 0, .02), 0 7.37098px 40.42872px 0 rgba(0, 0, 0, .02), 0 13.78661px 75.61747px 0 rgba(0, 0, 0, .03), 0 33px 181px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 .91319px 5.00873px 0 rgba(0, 0, 0, .01), 0 2.19453px 12.03668px 0 rgba(0, 0, 0, .02), 0 4.13211px 22.66401px 0 rgba(0, 0, 0, .02), 0 7.37098px 40.42872px 0 rgba(0, 0, 0, .02), 0 13.78661px 75.61747px 0 rgba(0, 0, 0, .03), 0 33px 181px 0 rgba(0, 0, 0, .04);
    gap: 1pc;
    padding: 1pc
}

.list-row .list-row-content_item,
.list-row .list-row-content_main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.list-row .list-row-content_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    min-width: 0
}

.list-row .list-row-content_type {
    word-break: break-word
}

.list-row .list-row-content_title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-size: 1pc;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px
}

.list-row .list-row-content_title,
.list-row .list-row-content_title .arrow-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-row .list-row-content_title .arrow-right {
    fill: var(--accent);
    padding-left: 40px;
    padding-right: 75px
}

.list-row .list-row-content_title .arrow-right img {
    height: 1pc;
    width: 10px
}

.list-row .list-row-content_date {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 21px;
    text-transform: uppercase
}

.list-row .list-row-content_divider {
    -ms-flex-item-align: center;
    align-self: center;
    border-left: 1px solid #c5c5c5;
    height: 11px;
    margin: 0 1pc
}

@media screen and (max-width:991px) {
    .list-row .list-row-content_title {
        margin-right: 0
    }
}

@media screen and (max-width:767px) {
    .list-row .list-row-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .list-row .list-row-content_title .arrow-right {
        padding-right: 0
    }

    .list-row .list-row-content_date {
        font-size: 9pt;
        line-height: 14px
    }

    .list-row .list-row-content_divider {
        margin: 0 13px
    }
}

.list-row .title-cmp__title {
    font-size: 28px
}

.listrow.medium-height .sectioncontainer .tcb-content-container {
    margin: 0
}

.listrow.medium-height .list-row-content {
    row-gap: 0
}

.listrow.medium-height .list-row-content .list-row-content_item {
    background-color: transparent;
    border-bottom: 1px solid #dedede;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 2pc 0 44px
}

.listrow.medium-height .list-row-content .list-row-content_item .list-row-content_arrow {
    padding-right: 75px
}

@media screen and (max-width:767px) {
    .listrow.medium-height .list-row-content .list-row-content_item .list-row-content_arrow {
        padding-right: 0
    }
}

.list-tile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    grid-gap: 24px;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.list-tile ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.list-tile .list-tile__nav-icon.right-corner {
    bottom: 0;
    position: absolute;
    right: -8px
}

.list-tile a :hover {
    text-decoration: none
}

.list-tile.normal {
    display: grid
}

.list-tile.grid-1-1-2,
.list-tile.grid-2-1-1 {
    grid-auto-flow: row;
    grid-auto-rows: 1fr
}

.list-tile.grid-1-1-2 .list-tile__card-content,
.list-tile.grid-2-1-1 .list-tile__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list-tile.grid-1-1-2 .list-tile__card-description.have-arrow-sticky,
.list-tile.grid-2-1-1 .list-tile__card-description.have-arrow-sticky {
    width: calc(100% - 28px)
}

.list-tile.grid-1-1-2 .list-tile__card-navtext,
.list-tile.grid-2-1-1 .list-tile__card-navtext {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: static
}

.list-tile.grid-2-1-1 {
    grid-template-columns: 2fr 1fr 1fr
}

.list-tile.grid-1-1-2 {
    grid-template-columns: 1fr 1fr 2fr
}

.list-tile.grid-equal {
    grid-template-columns: 1fr 1fr 1fr
}

.list-tile.small {
    display: grid;
    grid-auto-rows: minmax(10pc, auto);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.list-tile.small .list-tile__tile-item:before {
    padding-bottom: 20%
}

.list-tile.square {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.list-tile.square .list-tile__tile-item {
    max-height: 500px
}

.list-tile.square .list-tile__card-content h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

.list-tile.square .list-tile__card-description {
    margin-top: .5rem;
    width: 100%
}

.list-tile.square .list-tile__card-description ul {
    list-style: none
}

.list-tile.square .list-tile__card-description li {
    padding-left: 24px;
    position: relative
}

.list-tile.square .list-tile__card-navtext {
    margin-top: 9pt;
    position: relative
}

.list-tile.large {
    display: grid
}

.list-tile.large .span-small {
    grid-column-end: span 1
}

.list-tile.large .span-wide {
    grid-column-end: span 2
}

.list-tile.large .list-tile__card-content h3 {
    font-size: 24px;
    line-height: 36px
}

.list-tile.large .list-tile__card-navtext {
    margin-top: 9pt;
    position: relative
}

.list-tile.large .inline {
    position: absolute
}

.list-tile.horizontal {
    grid-auto-flow: column;
    grid-auto-rows: 1fr 1fr;
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 24px), 1fr))
}

.list-tile.horizontal .span-small {
    grid-row-end: span 1
}

.list-tile.horizontal .span-small:before {
    padding-bottom: 40%
}

.list-tile.horizontal .span-small[class*=full] {
    grid-column-end: span 2
}

.list-tile.horizontal .span-wide {
    grid-row-end: span 2
}

.list-tile.vertical {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 238px 238px
}

.list-tile.vertical .list-tile__tile-item:before {
    padding-bottom: 25%
}

.list-tile.vertical .list-tile__content {
    padding: 24px
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .tablet-high .list-tile.vertical {
        grid-template-rows: 270px 270px
    }

    .tablet-high .list-tile.vertical .list-tile__content-inner {
        padding: 0 24px
    }
}

.list-tile__tile-item {
    display: block;
    position: relative;
    width: 100%
}

.list-tile__tile-item.list-tile__tile-item__theme-dark {
    color: #fff
}

.list-tile__tile-item.list-tile__tile-item__theme-dark .list-tile__card-img {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/white-arrow.svg) no-repeat 100%
}

.list-tile__tile-item.list-tile__tile-item__theme-light {
    color: #000
}

.list-tile__tile-item.list-tile__tile-item__theme-light .list-tile__card-img {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/red-arrow.svg) no-repeat 100%
}

.list-tile__tile-item:before {
    content: "";
    float: left;
    height: 0;
    margin-left: -1px;
    padding-bottom: 80%;
    width: 1px
}

.list-tile__tile-item:after {
    clear: both;
    content: "";
    display: table
}

.list-tile__tile-link {
    display: block;
    height: 100%;
    width: 100%
}

.list-tile__hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    width: 100%
}

.list-tile__hero:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transform: scale(1.008);
    transform: scale(1.008)
}

.list-tile__hero.light-text {
    color: #fff
}

.list-tile__img {
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 80% 50%;
    object-position: 80% 50%;
    position: absolute
}

.list-tile__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index: 2
}

.list-tile__content-inner {
    padding: 1pc 24px
}

.list-tile__card-label {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 8px;
    text-transform: uppercase
}

.list-tile__card-label p {
    color: #4d4d4d;
    font-size: 14px
}

.list-tile__card-content {
    position: relative;
    width: 100%;
    z-index: 1
}

.list-tile__card-content h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    width: calc(100% - 24px)
}

.list-tile__card-content.font-weight-300 h3 {
    font-weight: 300
}

.list-tile__card-description {
    margin-top: 8px
}

.list-tile__card-navtext {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 8px
}

.list-tile__card-navtext,
.list-tile__nav-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-tile__nav-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin-left: 9pt;
    position: relative
}

.list-tile__nav-inner {
    background: none;
    border: 0;
    display: inline-block;
    height: 1pc;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: 1pc
}

.list-tile__card-img,
.list-tile__nav-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.list-tile__card-img {
    background: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/red-arrow.svg) no-repeat 100%;
    border: none;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    width: 0
}

.list-tile.other {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-rows: minmax(235px, auto)
}

.list-tile.other .list-tile__img {
    -o-object-position: center center;
    object-position: center center
}

.list-tile.other .list-tile__content-inner {
    height: 100%;
    padding: 24px
}

.list-tile.other .list-tile__card-body,
.list-tile.other .list-tile__card-content {
    height: 100%
}

.list-tile.other .list-tile__card-content h3 {
    font-size: 1.5rem;
    margin: 1pc 0
}

.list-tile.other .list-tile__card-description {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2pc 0;
    position: absolute
}

.list-tile.other .list-tile__card-description .list-tile__nav-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-tile.other .list-tile__card-description p {
    white-space: nowrap
}

.list-tile.other .list__item.list-tile__tile-item {
    height: 235px;
    -webkit-transition: .5s;
    transition: .5s
}

.list-tile.other .list__item.list-tile__tile-item:hover {
    -webkit-box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2);
    box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2)
}

.list-tile.other .list-tile__tile-item:before {
    padding-bottom: unset
}

.list-tile .black {
    color: #000
}

.large-card .list-tile__tile-link {
    height: 460px;
    max-height: 500px
}

.x-small-card .list-tile__tile-link {
    height: 10pc
}

@media(max-width:991px) {

    .list-tile.grid-1-1-2,
    .list-tile.grid-2-1-1 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .list-tile .list-tile__tile-item:before {
        padding-bottom: 125%
    }

    .list-tile.horizontal {
        grid-auto-flow: unset;
        grid-auto-rows: unset;
        grid-template-columns: 1fr 1fr
    }

    .list-tile.horizontal .span-wide:before {
        padding-bottom: 80%
    }
}

@media(min-width:768px) {
    .list-tile.tall .list-tile__tile-item {
        max-height: 22.5rem
    }

    .x-small-card .list-tile.square {
        max-height: 10pc
    }
}

@media(max-width:767px) {
    .list-tile {
        grid-gap: 1pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1pc;
        grid-auto-rows: unset;
        grid-template-columns: unset
    }

    .list-tile__hero picture img {
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        height: 0;
        inset: 0;
        margin: auto;
        padding: 0;
        width: 0
    }

    .list-tile.normal {
        grid-auto-rows: 1fr
    }

    .list-tile.grid-1-1-2,
    .list-tile.grid-2-1-1 {
        -ms-overflow-style: none;
        grid-auto-columns: 90%;
        grid-auto-flow: column;
        grid-template-columns: unset;
        overflow-x: auto;
        scroll-snap-stop: always;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    .mobile-stack .list-tile.grid-1-1-2,
    .mobile-stack .list-tile.grid-2-1-1 {
        grid-auto-columns: 100%;
        grid-auto-flow: row
    }

    .list-tile.grid-1-1-2::-webkit-scrollbar,
    .list-tile.grid-2-1-1::-webkit-scrollbar {
        display: none
    }

    .list-tile.grid-1-1-2 .list-tile__tile-item,
    .list-tile.grid-2-1-1 .list-tile__tile-item {
        scroll-snap-align: start
    }

    .list-tile.small {
        grid-auto-rows: 1fr
    }

    .list-tile.small .list-tile__tile-item:before {
        padding-bottom: 80%
    }

    .list-tile.square {
        grid-template-columns: 1fr
    }

    .list-tile.square .list-tile__card-description li:before {
        background-color: var(--gray-600);
        border-radius: 50%;
        left: 10px
    }

    .list-tile.large {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .list-tile.horizontal {
        grid-template-columns: 1fr
    }

    .list-tile.horizontal .list-tile__tile-item:before {
        padding-bottom: 125%
    }

    .list-tile.vertical {
        grid-auto-flow: unset;
        grid-auto-rows: unset;
        grid-template-columns: 1fr;
        grid-template-rows: unset
    }

    .mobile-slider .list-tile.vertical {
        display: grid;
        grid-auto-columns: 80%;
        grid-auto-flow: column;
        overflow-x: auto
    }

    .list-tile.vertical .list-tile__tile-item:before {
        padding-bottom: 125%
    }

    .list-tile.vertical .list-tile__content {
        padding: 1pc
    }

    .list-tile.single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-auto-rows: unset;
        grid-template-columns: 1fr
    }

    .list-tile.single .list-tile__tile-item:before {
        padding-bottom: 80%
    }

    .list-tile.equal .list-tile__tile-item {
        max-height: 100%
    }

    .x-small-card .list-tile__tile-link {
        height: 100%
    }
}

@-webkit-keyframes rippleServiceFee {
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes rippleServiceFee {
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.list-view-documents .menu.tcb-tabs {
    border-bottom: none;
    margin-bottom: unset
}

.list-view-documents .menu.tcb-tabs .tcb-tabs_control--next,
.list-view-documents .menu.tcb-tabs .tcb-tabs_control--prev {
    display: none !important
}

.list-view-documents .tab:not(:first-child) {
    display: none
}

.list-view-documents .tab .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-top: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 24px 0 24px 24px
}

.list-view-documents .tab .row .date {
    -webkit-box-flex: 0;
    color: var(--gray-600);
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-right: 40px;
    max-width: 75pt;
    white-space: nowrap
}

.list-view-documents .tab .row .date span {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase
}

.list-view-documents .tab .row .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36.875rem;
    flex: 0 0 36.875rem;
    margin-right: 36px;
    max-width: 36.875rem
}

.list-view-documents .tab .row .content p {
    color: #212121;
    font-weight: 600;
    letter-spacing: -.01em
}

.list-view-documents .tab .row .content h4 {
    color: var(--secondary-grey-100)
}

.list-view-documents .tab .row .content-category {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    margin-right: 40px
}

@media(max-width:767px) {
    .list-view-documents .tab .row .content-category {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        margin-bottom: 1rem
    }
}

@media(max-width:991px) {
    .list-view-documents .tab .row .content-category {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }
}

.list-view-documents .tab .row:nth-child(2n) {
    background-color: #fff
}

.list-view-documents .tab .row.filter-hide {
    display: none !important
}

.list-view-documents .file-download {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-view-documents .file-download,
.list-view-documents .file-download .item {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-view-documents .file-download .item {
    -webkit-box-orient: horizontal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-bottom: 1px solid #dedede;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 24px;
    padding-bottom: 24px;
    width: 100%
}

.list-view-documents .file-download .item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.list-view-documents .file-download .item.have-file-name {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between
}

.list-view-documents .file-download .item.have-file-name .file-name {
    color: #212121;
    max-width: 17.375rem;
    padding-right: 10px
}

.list-view-documents .file-download .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    min-width: 39.8%;
    padding-left: 28px;
    padding-right: 35px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-view-documents .file-download .btn:before {
    background-color: #dadada;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px
}

.list-view-documents .file-download .link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 1.5;
    position: relative;
    width: 100%
}

.list-view-documents .file-download .link:hover span {
    color: red;
    text-decoration: underline
}

.list-view-documents .file-download .link span {
    text-align: left
}

.list-view-documents .file-download .link picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-view-documents .file-download .link img {
    height: 17px;
    width: 24px
}

.list-view-documents .file-download .link[data-file-type=youtube] img {
    height: 24px;
    width: 24px
}

.list-view-documents .popup-download {
    background-color: rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 2pc;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1500
}

@media(max-width:767px) {
    .list-view-documents .popup-download {
        padding: 0 8px
    }
}

.list-view-documents .popup-download .popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    max-height: calc(100% - 4pc);
    max-width: 866px;
    position: relative;
    width: 100%
}

.list-view-documents .popup-content .head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 8px 8px 1pc
}

.list-view-documents .popup-content .head span.title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5
}

.list-view-documents .popup-content .loading {
    display: none;
    padding: 8px 24px;
    text-align: center
}

.list-view-documents .popup-content .close-btn {
    -webkit-box-flex: 0;
    background-color: inherit;
    border: none;
    border-radius: 50%;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 9pt;
    -webkit-transition: .2s;
    transition: .2s
}

.list-view-documents .popup-content .close-btn .button-label {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: inherit;
    width: 100%
}

.list-view-documents .popup-content .close-btn .button-ripple-root {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.list-view-documents .popup-content:not(.video) .close-btn:hover {
    background-color: hsla(0, 0%, 50%, .082)
}

.list-view-documents .popup-content iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.list-view-documents .popup-content canvas {
    margin: auto
}

.list-view-documents .popup-content .file-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 24px
}

.list-view-documents .popup-content .foot {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    justify-content: center;
    line-height: 24px;
    margin: 0 auto;
    padding: 24px 0
}

.list-view-documents .popup-content .foot a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt
}

.list-view-documents .popup-content .foot a:hover {
    text-decoration: underline
}

.list-view-documents .popup-content .foot a span {
    font-size: 1pc;
    font-weight: 600
}

.list-view-documents .popup-content .foot a img {
    width: 1pc
}

.list-view-documents .popup-content.video {
    margin-top: calc(1.75rem + 72px);
    max-height: unset
}

.list-view-documents .popup-content.video .head {
    border-bottom: 1px solid #e9ecef
}

.list-view-documents .popup-content.video .head span.title {
    font-size: 1.25rem;
    line-height: 1.5
}

.list-view-documents .popup-content.video .foot {
    display: none
}

.list-view-documents .popup-content.video .video-container {
    position: relative
}

.list-view-documents .popup-content.video .video-container:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.list-view-documents .popup-content.video .file-content {
    overflow-y: visible;
    padding: 1pc
}

.list-view-documents .tab-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-view-documents .tab-content .view-more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 56px
}

.list-view-documents .view-more.edit-mode {
    height: 50px;
    width: 300px
}

.list-view-documents .view-more .cta-button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 9pt;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 33.333333%;
    flex-grow: 0;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 24px;
    max-width: 33.333333%;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.list-view-documents .view-more .cta-button.btn-outline {
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

.list-view-documents .view-more .cta-button.btn-outline:hover {
    background-color: #000;
    color: #fff
}

.list-view-documents .view-more .cta-button.btn-outline:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%)
}

.list-view-documents .view-more .cta-button .cmp-button__icon,
.list-view-documents .view-more .cta-button picture {
    height: auto
}

.list-view-documents .show-document {
    display: block
}

.list-view-documents .hide-document {
    display: none !important
}

.list-view-documents .type-output-none-seemore,
.list-view-documents .type-output-seemore {
    width: 100%
}

.tab-horizontal-report__tab-control-btn:hover {
    background-color: #f2f2f2
}

.ripple-btn-service-fee {
    background: hsla(0, 0%, 50%, .575);
    border-radius: 50%;
    height: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 0
}

.ripple-animation-service-fee {
    -webkit-animation: rippleServiceFee .6s linear;
    animation: rippleServiceFee .6s linear
}

@media(min-width:1200px)and (max-width:1339px) {
    .list-view-documents .tab .row .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 365px;
        flex: 0 0 365px;
        max-width: 365px
    }
}

@media(max-width:1199px) {
    .list-view-documents .tab .row .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        max-width: 340px
    }

    .list-view-documents .file-download .btn {
        min-width: 45%
    }
}

@media(max-width:991px) {
    .list-view-documents .tab .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: block;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2pc 1pc
    }

    .list-view-documents .tab .row .date {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .list-view-documents .tab .row .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-right: 0;
        max-width: 100%
    }

    .list-view-documents .file-download {
        padding-top: 1pc
    }

    .list-view-documents .file-download .item {
        display: block
    }

    .list-view-documents .file-download .btn {
        min-width: inherit;
        padding-left: 0
    }

    .list-view-documents .file-download .btn:before {
        content: none
    }

    .list-view-documents .file-download .redirect {
        padding-left: 0
    }

    .list-view-documents .file-download .item.have-file-name .file-name {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 1pc;
        padding-right: 0
    }

    .list-view-documents .view-more .cta-button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media(max-width:767px) {
    .list-view-documents .file-download .link {
        grid-gap: 9pt;
        gap: 9pt;
        width: auto
    }

    .list-view-documents .menu {
        border-bottom: 1px solid #dedede;
        margin: 0 4.4444444444vw
    }

    .list-view-documents .tab .row {
        padding: 2pc 4.4444444444vw
    }

    .list-view-documents .tab .row:first-child {
        border-top: none
    }

    .list-view-documents .tab .row .file-name:empty {
        display: none
    }

    .list-view-documents .tab-content .view-more {
        margin: 28px 4.4444444444vw 0
    }

    .list-view-documents .file-content {
        padding: 1pc
    }

    .list-view-documents .select-checkbox-filter {
        display: block;
        padding-inline: 4.4444444444vw
    }

    .list-view-documents .select-checkbox-filter .select-options {
        margin-left: 0
    }

    .list-view-documents .select-checkbox-filter .select span {
        white-space: break-spaces
    }

    .content-wrapper.service-fee-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .service-fee-container .title-cmp {
        padding: 0 4.4444444444vw 9pt
    }
}

.select-checkbox-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select-checkbox-filter h2 {
    color: #212121;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

.select-checkbox-filter .select-options {
    margin-left: 2pc;
    z-index: 1
}

.select-checkbox-filter .select-options,
.select-checkbox-filter .select-options .select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.select-checkbox-filter .select-options .select {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    cursor: pointer;
    max-width: 25pc;
    min-height: 3pc;
    min-width: 181px;
    padding: 9pt 23px 9pt 17px;
    z-index: 2
}

.select-checkbox-filter .select-options .select h6 {
    font-size: 1pc
}

@media(max-width:767px) {
    .select-checkbox-filter .select-options .select {
        margin-bottom: .5rem;
        max-width: unset;
        width: 100%
    }
}

.select-checkbox-filter .select-options .checkbox {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1
}

.select-checkbox-filter .select .calendar-icon {
    -webkit-filter: brightness(0) saturate(100%) invert(32%) sepia(25%) saturate(0) hue-rotate(196deg) brightness(106%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(32%) sepia(25%) saturate(0) hue-rotate(196deg) brightness(106%) contrast(87%);
    height: 14px;
    margin-right: 10px;
    width: 14px
}

.select-checkbox-filter .select span {
    color: #c5c5c5;
    font-size: 1pc;
    margin-left: 1pc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-checkbox-filter .select .fa-chevron-down {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #ed1c24;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 10px;
    justify-content: center;
    margin-left: 8px;
    width: 1pc
}

@media(max-width:767px) {
    .select-checkbox-filter .select .fa-chevron-down {
        margin-left: auto
    }
}

.select-checkbox-filter .checkbox .checkbox-list {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    left: 0;
    opacity: 0;
    padding: 23px 0 2pc;
    position: absolute;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.select-checkbox-filter .checkbox .type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 310px;
    overflow-x: hidden;
    overflow-y: scroll
}

.select-checkbox-filter .checkbox .type::-webkit-scrollbar {
    width: 5px
}

.select-checkbox-filter .checkbox .type::-webkit-scrollbar-thumb {
    background: #585454
}

.select-checkbox-filter .checkbox .type::-webkit-scrollbar-track {
    background: transparent
}

.select-checkbox-filter .checkbox-list .category,
.select-checkbox-filter .checkbox-list .year {
    min-width: 161px;
    padding: 0 24px;
    width: 100%
}

.select-checkbox-filter .checkbox-list .category p,
.select-checkbox-filter .checkbox-list .year p {
    color: #000;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px
}

.select-checkbox-filter .checkbox-list .quarter {
    border-left: 1px solid #dedede;
    min-width: 161px;
    padding: 0 24px
}

.select-checkbox-filter .checkbox-list .quarter p {
    color: #000;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px
}

.select-checkbox-filter .checkbox-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.select-checkbox-filter .checkbox-list ul li {
    cursor: pointer;
    font-size: 1pc;
    line-height: 24px;
    margin-top: 1pc;
    opacity: 1;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.select-checkbox-filter .checkbox-list label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--gray-600);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select-checkbox-filter .checkbox-list input {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 5px;
    cursor: pointer;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    margin: 0 8px 0 0;
    max-width: 24px;
    outline: none;
    position: relative
}

.select-checkbox-filter .checkbox-list input:checked {
    background-color: #ed1b24;
    border-color: #ed1b24
}

.select-checkbox-filter .checkbox-list input:checked:before {
    opacity: 1
}

.select-checkbox-filter .checkbox-list input:before {
    border: solid #fff;
    border-width: 0 .1875rem .1875rem 0;
    content: "";
    height: .9rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg) translate(-.55rem, -.25rem);
    transform: rotate(45deg) translate(-.55rem, -.25rem);
    width: .4rem
}

.select-checkbox-filter .select.showed+.checkbox {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    z-index: 1
}

.select-checkbox-filter .select.showed+.checkbox .checkbox-list {
    opacity: 1;
    top: 100%
}

.select-checkbox-filter .select-options.mobile .fa-chevron-down,
.select-checkbox-filter .select.showed .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-checkbox-filter .select-options.mobile~.popup {
    display: block;
    z-index: 1500
}

.select-checkbox-filter .select-options.mobile~.popup+.popup-content {
    bottom: 0;
    opacity: 1;
    z-index: 1600
}

.select-checkbox-filter .popup {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.select-checkbox-filter .popup-content {
    background: #fff;
    border-radius: 20px 20px 0 0;
    bottom: -100%;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .3);
    left: 50%;
    max-height: 100%;
    opacity: 0;
    padding: 24px 0;
    position: fixed;
    right: auto;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: -1
}

.select-checkbox-filter .popup-content .content {
    min-height: 21.25rem
}

.select-checkbox-filter .popup-content .checkbox-list {
    margin: 24px 0
}

.select-checkbox-filter .popup-content .checkbox-list .quarter {
    border-left: none;
    min-width: 180px;
    padding: 0 1rem
}

@media(max-width:320px) {
    .select-checkbox-filter .popup-content .checkbox-list .quarter {
        min-width: 8.75rem
    }
}

.select-checkbox-filter .popup-content .checkbox-list .year {
    min-width: 180px;
    padding: 0 1rem
}

@media(max-width:320px) {
    .select-checkbox-filter .popup-content .checkbox-list .year {
        min-width: 8.75rem
    }
}

.select-checkbox-filter .popup-content .type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 60vh;
    overflow: auto
}

.select-checkbox-filter .popup-content:before {
    background: #ded4d4;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 8.35px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 65px
}

.select-checkbox-filter .popup-content .title {
    border-bottom: 1px solid #f5f5f5;
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px;
    padding: 0 17px 8px
}

.select-checkbox-filter .popup-content .btn {
    padding: 0 1pc
}

.select-checkbox-filter .popup-content .btn button {
    background-color: #000;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 9pt 1pc;
    text-align: left;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 100%
}

.select-checkbox-filter .popup-content .btn button:hover {
    background-color: var(--gray-600);
    color: #fff
}

.select-checkbox-filter .select-category-filter .checkbox-list {
    width: 100%
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel,
.insurance-calculation.stable-interest-loan .loan-realestate__panel {
    padding-top: 0
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items {
    width: calc(100% + 8px)
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__label,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__label {
    padding: 4px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__label .loan-realestate__des,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__label .loan-realestate__des {
    color: #616161;
    font-size: 14px;
    font-style: italic;
    line-height: 21px;
    max-width: 190px
}

@media(max-width:767px) {

    .insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__label,
    .insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__label {
        padding-bottom: 0
    }
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields {
    padding: 4px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range {
    margin-top: 9pt;
    padding-bottom: 10px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range .tcb-input-range_bar-wrapper .tcb-input-range_bar,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range .tcb-input-range_bar-wrapper .tcb-input-range_bar {
    width: unset
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range .tcb-input-range_bar-wrapper .tcb-input-range_bar .tcb-input-range_thumb .tcb-input-range_inline-value,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range .tcb-input-range_bar-wrapper .tcb-input-range_bar .tcb-input-range_thumb .tcb-input-range_inline-value {
    left: calc(-50% - 5px);
    line-height: 1.2;
    top: 44px;
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    z-index: 1
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range .tcb-input-range_labels,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .item__input-fields .tcb-input-range .tcb-input-range_labels {
    margin-top: 3px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .input-field__currency-field.loan-realestate__input input:hover,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .input-field__currency-field.loan-realestate__input input:hover {
    border: 1px solid #000
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .input-field__currency-field.loan-realestate__input.calendar_real_estate input:focus,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .input-field__currency-field.loan-realestate__input.calendar_real_estate input:focus {
    border: 0
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .input-field__currency-field input,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .input-field__currency-field input {
    padding-right: 0
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .date-time-wrapper__input-extra p.loan-realestate__icon,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .date-time-wrapper__input-extra p.loan-realestate__icon {
    -webkit-box-flex: 0;
    border-radius: 50%;
    color: rgba(0, 0, 0, .54);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    height: 3pc;
    overflow: visible;
    padding: 9pt;
    text-align: center;
    -webkit-transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
    width: 3pc
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .date-time-wrapper__input-extra:hover p.loan-realestate__icon,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .date-time-wrapper__input-extra:hover p.loan-realestate__icon {
    background-color: rgba(0, 0, 0, .04)
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .date-time-wrapper__input-extra.calendar__input-field,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .date-time-wrapper__input-extra.calendar__input-field {
    outline: .1em solid #87cefa
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-inputs .input-items .loan-realestate__input:hover input,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-inputs .input-items .loan-realestate__input:hover input {
    border: 1px solid #000
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info__content-button a,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info__content-button a {
    background-color: #fff;
    color: #000;
    padding: 1pc 24px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info__content-button a.loan-calc,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info__content-button a.loan-calc {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    border: none;
    justify-content: unset
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info__content-button a.loan-calc:hover,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info__content-button a.loan-calc:hover {
    background-color: #a2a2a2;
    color: #616161
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__icon span,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__icon span {
    height: auto;
    width: unset
}

@media(max-width:767px) {

    .insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__icon span,
    .insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__icon span {
        max-width: 75pt
    }
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__icon span img,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__icon span img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 90pt;
    position: relative
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label div,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label div {
    margin: 10px 1pc 8px 0
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label div.info-title,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label div.info-title {
    color: #e3e4e6;
    font-weight: 300;
    margin-bottom: 8px;
    margin-top: 24px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label.info-estate,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text .info-content-text__label.info-estate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1pc
}

@media(max-width:991px) {

    .insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.payment-detail .info-content-text__label,
    .insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.payment-detail .info-content-text__label {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 24px
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label:nth-child(2),
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label:nth-child(2) {
    margin-top: 1pc
}

.insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label>div,
.insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label>div {
    margin: auto 1pc auto 0
}

@media(max-width:767px) {

    .insurance-calculation.decrease-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label,
    .insurance-calculation.stable-interest-loan .loan-realestate__panel .panel-info .panel-info__content .panel-info__content-text.loan-info .info-content-text__label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .insurance-calculation.decrease-interest-loan .calendar-popup,
    .insurance-calculation.stable-interest-loan .calendar-popup {
        bottom: unset
    }
}

.insurance-calculation a.loan-calc {
    border: none
}

.insurance-calculation a.loan-calc:hover {
    background-color: #a2a2a2;
    color: var(--gray-600)
}

.insurance-calculation .modal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1
}

.insurance-calculation .modal.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 15
}

.insurance-calculation .modal-backdrop {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 16
}

.insurance-calculation .modal-dialog {
    margin: auto;
    max-width: 80%;
    opacity: 1;
    position: relative;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 17
}

.insurance-calculation .modal-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.insurance-calculation .modal-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.insurance-calculation span.modal-title {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0
}

.insurance-calculation .material-symbols-outlined.close-modal {
    cursor: pointer;
    opacity: .5
}

.insurance-calculation .material-symbols-outlined.close-modal:hover {
    color: #000;
    opacity: .7
}

.insurance-calculation .modal-inner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.insurance-calculation .table-sum {
    border-radius: 8px;
    max-height: 25pc;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%
}

.insurance-calculation .table-sum table {
    background: #f5f6f8;
    border-collapse: separate;
    border-spacing: 0;
    border-style: hidden;
    display: table;
    width: 100%
}

.insurance-calculation .table-sum::-webkit-scrollbar {
    border-radius: 8px;
    height: 8px;
    width: 8px
}

.insurance-calculation .table-sum::-webkit-scrollbar-thumb {
    background: #a2a2a2;
    border-radius: 4px
}

.insurance-calculation .table-sum::-webkit-scrollbar-track {
    background: #f1f1f1
}

.insurance-calculation .table-sum thead {
    display: table-header-group;
    height: 72px;
    position: sticky;
    top: 0
}

.insurance-calculation .cell-header {
    background-color: #898989;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 21px
}

.insurance-calculation .table-cell {
    word-wrap: normal;
    border-bottom: 1px solid #e0e0e0;
    display: table-cell;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 300;
    letter-spacing: .01071em;
    line-height: 1.5;
    padding: 1pc;
    text-align: center;
    vertical-align: inherit
}

.insurance-calculation .footer-tbl {
    background-color: #898989;
    bottom: 0;
    height: 4pc;
    position: sticky;
    width: 100%
}

.insurance-calculation .footer-cell {
    border-bottom: unset;
    color: #fff;
    font-size: 1pc;
    font-weight: bolder
}

.loancalculator.button--link .insurance-calculation .panel-info__content-button a {
    background-color: unset;
    color: var(--primary-white);
    padding: unset
}

.loancalculator.button--link .insurance-calculation .panel-info__content-button a.loan-calc:hover {
    background-color: unset;
    color: var(--primary-white);
    text-decoration: underline
}

.logo-list {
    padding-left: 0;
    padding-right: 0
}

.logo-list .logo-list-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -8px;
    width: calc(100% + 1pc)
}

@media(max-width:767px) {
    .logo-list .logo-list-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow: scroll
    }
}

.logo-list .logo-list-container .logo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: .5rem
}

@media(min-width:768px) {
    .logo-list .logo-list-container .logo {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 16.666667%;
        flex-basis: 16.666667%;
        flex-grow: 0;
        max-width: 16.666667%
    }
}

.logo-list .logo-list-container .logo .logo-item {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: 0 .0625em .0625em rgba(0, 0, 0, .25), 0 .125em .5em rgba(0, 0, 0, .25), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    height: 110px;
    position: relative
}

@media(max-width:767px) {
    .logo-list .logo-list-container .logo .logo-item {
        width: 8.75rem
    }
}

.logo-list .logo-list-container .logo .logo-item .logo-item__span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    inset: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto
}

.logo-list .logo-list-container .logo .logo-item .logo-item__span .logo__img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.management-team-panel {
    background-color: transparent
}

.management-team-panel .tab-horizontal-report__header-title:before {
    display: none
}

.management-team-panel .tab-horizontal-report__tab-content {
    margin-top: 0;
    padding: 0
}

.management-team-panel .tab-horizontal-report__tab-content-card {
    background: transparent;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    width: 100%
}

.management-team-panel .tab-horizontal-bio__list-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.management-team-panel .tab-horizontal-bio__card {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 9pt
}

.management-team-panel .tab-horizontal-bio__card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-clip: padding-box;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.management-team-panel .tab-horizontal-bio__card-container img {
    border-radius: 8px 8px 0 0;
    display: block;
    max-width: 100%
}

.management-team-panel .tab-horizontal-bio__card-header {
    border-radius: 8px 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.management-team-panel .tab-horizontal-bio__card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 24px
}

.management-team-panel .tab-horizontal-bio__card-content-role {
    color: #ed1b24;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 8px;
    text-transform: uppercase
}

.management-team-panel .tab-horizontal-bio__card-content-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px
}

.management-team-panel .tab-horizontal-bio__card-content-description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    line-break: normal;
    margin: 8px 0;
    max-height: 3pc;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.management-team-panel .tab-horizontal-bio__card-content-description p {
    line-break: auto
}

.management-team-panel .tab-horizontal-bio__card-action {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.management-team-panel .tab-horizontal-bio__card-action-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 9pt;
    justify-content: flex-start;
    line-height: 1.5;
    outline: none;
    padding: 1px 6px 1px 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.management-team-panel .tab-horizontal-report__tab-control {
    margin-top: 9pt
}

.management-team-panel .tab-horizontal-bio__button-see-more {
    margin: 2pc auto 0;
    max-width: 310px;
    width: 100%
}

.management-team-panel .tab-horizontal-bio__button-see-more button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.management-team-panel .tab-horizontal-bio__button-see-more button:hover {
    background-color: #000;
    color: #fff
}

.management-team-panel .tab-horizontal-bio__button-see-more button:hover>svg>path {
    fill: #fff
}

.management-team-panel .tab-horizontal-bio__button-see-more button>span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.management-team-panel .display-none {
    display: none
}

.management-team-panel .display-block {
    display: block
}

.management-team-panel .tab-horizontal-bio__card-container:hover {
    -webkit-box-shadow: 0 33px 172px rgba(0, 0, 0, .1), 0 8.7866px 9.6175px rgba(0, 0, 0, .1), 0 7.37098px 15.4287px rgba(0, 0, 0, .02), 0 4.13211px 8.664px rgba(0, 0, 0, .02), 0 2.19453px 7.0367px rgba(0, 0, 0, .02), 0 .913195px 3.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 172px rgba(0, 0, 0, .1), 0 8.7866px 9.6175px rgba(0, 0, 0, .1), 0 7.37098px 15.4287px rgba(0, 0, 0, .02), 0 4.13211px 8.664px rgba(0, 0, 0, .02), 0 2.19453px 7.0367px rgba(0, 0, 0, .02), 0 .913195px 3.00873px rgba(0, 0, 0, .01)
}

.management-team-panel .tab-horizontal-bio__card-action-btn:hover {
    text-decoration: underline
}

.management-team-panel .bio-popup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1
}

.management-team-panel .bio-popup.showed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    z-index: 99
}

.management-team-panel .bio-popup.showed .bio-popup-content {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.management-team-panel .bio-popup-content {
    height: 75%;
    margin: auto;
    max-height: 37pc;
    max-width: 1090px;
    position: relative;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 90%
}

.management-team-panel .bio-popup-content .background {
    height: 100%;
    position: absolute;
    width: 100%
}

.management-team-panel .bio-popup-content .background img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.management-team-panel .bio-popup-content .personal-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 100%;
    padding: 0 4.4444444444%;
    position: relative
}

.management-team-panel .bio-popup-content .personal-info .info {
    margin: auto auto 50px;
    max-height: 530px;
    overflow-y: auto;
    padding: 4pc 2pc 4pc 0
}

.management-team-panel .bio-popup-content .personal-info .avatar,
.management-team-panel .bio-popup-content .personal-info .info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 100%
}

.management-team-panel .bio-popup-content .personal-info .position {
    color: #ed1b24;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.management-team-panel .bio-popup-content .personal-info .name {
    margin: 0
}

.management-team-panel .bio-popup-content .personal-info .detail-info {
    color: #616161;
    line-break: normal;
    margin-top: 1pc
}

.management-team-panel .bio-popup-content .avatar img {
    border-radius: 8px;
    height: calc(100% - 2pc);
    max-height: 35pc;
    max-width: 420px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    position: relative;
    top: -50px;
    width: calc(95.55556% - 24px)
}

.management-team-panel .bio-popup-content .close-btn {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 4.4444444444%;
    top: 4pc;
    width: 24px
}

.management-team-panel .bio-popup-content .close-btn img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.management-team-panel .management-team-panel__load-more {
    margin: auto;
    max-width: 328px;
    padding-top: 24px;
    width: 100%
}

.management-team-panel .management-team-panel__load-more.edit-mode {
    margin-bottom: 30px
}

.management-team-panel .management-team-panel__load-more button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 1.5;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.management-team-panel .management-team-panel__load-more .load-more__button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width:1024px) {
    .management-team-panel .bio-popup-content {
        max-height: 451px
    }
}

@media(max-width:992px) {
    .management-team-panel .bio-popup-content {
        max-height: 37pc
    }

    .management-team-panel .tab-horizontal-report__tab-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        scroll-behavior: smooth
    }

    .management-team-panel .tab-horizontal-report__tab-control::-webkit-scrollbar {
        display: none
    }

    .management-team-panel .tab-horizontal-bio__card {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .management-team-panel .tab-horizontal-bio__button-scroll-right {
        display: block
    }
}

@media(min-width:768px) {
    .management-team-panel .management-team-panel__load-more button:hover {
        background-color: #000;
        color: #fff
    }

    .management-team-panel .management-team-panel__load-more button:hover path {
        fill: #fff
    }

    .management-team-panel .management-team-panel__load-more button:hover .load-more__button-icon {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .management-team-panel .management-team-panel__load-more .load-more__button-icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

@media(max-width:767px) {
    .management-team-panel .tab-horizontal-bio__card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .management-team-panel .bio-popup-content {
        height: 95%;
        max-height: 95%;
        width: 95%
    }

    .management-team-panel .bio-popup-content .personal-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0;
        justify-content: flex-end;
        overflow: auto
    }

    .management-team-panel .bio-popup-content .personal-info .avatar {
        height: auto;
        margin-bottom: 4px;
        margin-top: 4pc;
        max-height: 325px
    }

    .management-team-panel .bio-popup-content .avatar img {
        height: 100%;
        max-height: 325px;
        max-width: 243px;
        top: 0
    }

    .management-team-panel .bio-popup-content .personal-info .info {
        margin-bottom: 0;
        margin-top: 0;
        padding: 2pc 0 4pc
    }

    .management-team-panel .bio-popup-content .close-btn {
        top: 15px
    }

    .management-team-panel .bio-popup-content .personal-info .avatar,
    .management-team-panel .bio-popup-content .personal-info .info {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }
}

.masthead-extend-component {
    margin: 0 auto;
    max-width: 20in
}

.masthead-extend .masthead-extend__breadcrumbs {
    position: relative;
    z-index: 2
}

.masthead-extend .breadcrumbs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.masthead-extend .breadcrumbs__justify-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    padding-bottom: 9pt;
    width: 100%
}

.masthead-extend .breadcrumbs__wrapper {
    margin-top: 1pc
}

.masthead-extend .breadcrumbs__li a {
    color: var(--secondary-mid-grey-100);
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}

.masthead-extend .breadcrumbs__separator {
    color: var(--secondary-mid-grey-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1pc;
    margin-right: 1pc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.masthead-extend .breadcrumbs__separator span {
    background: none;
    border: 0;
    display: block !important;
    height: 9pt;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 8px
}

.masthead-extend .breadcrumbs__separator span img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.masthead-extend .breadcrumbs-current p {
    font-size: 14px;
    line-height: 20px
}

.masthead-extend .masthead-extend__banner {
    position: relative
}

.masthead-extend .banner-center__container {
    padding: 43px 0 248px;
    text-align: center
}

.masthead-extend .banner-center__container-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 43px;
    position: relative
}

.masthead-extend .banner-center__container-title p {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25
}

.masthead-extend .container-title__title-arrow {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.masthead-extend .container-title__title-arrow h1 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25;
    white-space: nowrap
}

.masthead-extend .title-arrow__big-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px;
    height: 5pc;
    margin-right: 2pc;
    margin-top: -20px;
    max-width: 62px;
    width: 100%
}

.masthead-extend .title-arrow__big-icon span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: inherit;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: inherit
}

.masthead-extend .title-arrow__big-icon span img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute
}

.masthead-extend .banner-center__container-desc {
    margin: 24px auto 2pc;
    max-width: 582px
}

.masthead-extend .banner-center__container-desc p {
    font-size: 1pc;
    font-weight: 400;
    line-height: 1.5
}

.masthead-extend .banner-center__container-button {
    margin: 0 auto;
    width: 326px
}

.masthead-extend .banner-center__container-button a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--primary-black);
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: space-between;
    line-height: 24px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.masthead-extend .banner-center__container-button a:hover {
    background-color: var(--secondary-grey-100);
    color: var(--primary-white)
}

.masthead-extend .button-link__icon-svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.masthead-extend .masthead-extend__card-gallery {
    padding: 206px 0 4pc;
    position: relative;
    z-index: 1
}

.masthead-extend .card-gallery__image-gallery {
    padding: 0 30px;
    position: absolute;
    top: -165px;
    width: 100%
}

.masthead-extend .image-gallery__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-left: -9pt;
    margin-right: -9pt
}

.masthead-extend .image-gallery__content-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 149px;
    flex: 0 0 149px;
    height: 199px;
    max-width: 149px;
    padding: 0 9pt
}

.masthead-extend .image-gallery__center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 261px;
    flex: 0 0 261px;
    height: 481px;
    margin-top: -45px;
    max-width: 261px
}

.masthead-extend .image-gallery__center .content-item__img {
    -webkit-box-shadow: none;
    box-shadow: none
}

.masthead-extend .content-item__img {
    border-radius: 8px;
    -webkit-box-shadow: 0 .6912px .0864pc rgba(0, 0, 0, .12);
    box-shadow: 0 .6912px .0864pc rgba(0, 0, 0, .12);
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.masthead-extend .content-item__img span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.masthead-extend .content-item__img span img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.masthead-extend .card-gallery__aticle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.masthead-extend .card-gallery__aticle-item {
    height: 398.5px;
    margin-right: 170px;
    width: 213px
}

.masthead-extend .card-gallery__aticle-item:last-child {
    margin-right: 0
}

.masthead-extend .card-gallery__aticle-item:nth-child(2) .transparent-content__img {
    height: 86%
}

.masthead-extend .aticle-item__transparent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start
}

.masthead-extend .aticle-item__transparent-content {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: block;
    -ms-flex: 0 0 263px;
    flex: 0 0 263px;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 100%;
    position: relative
}

.masthead-extend .transparent-content__img {
    border-radius: 20px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    height: 100%;
    overflow: hidden
}

.masthead-extend .transparent-content__img span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.masthead-extend .transparent-content__img span img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.masthead-extend .transparent-content__text {
    margin-top: 2pc
}

.masthead-extend .transparent-content__text h3 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 auto 8px
}

.masthead-extend .transparent-content__text-body {
    -webkit-box-orient: vertical;
    color: var(--secondary-grey-60);
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

.masthead-extend .cmp-button__text {
    font-weight: 600
}

.masthead-extend .cmp-title__text {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25
}

@media(max-width:1024px) {
    .masthead-extend .card-gallery__aticle-item {
        margin-right: 40px
    }
}

@media(max-width:991px) {
    .masthead-extend .masthead-extend__card-gallery {
        padding-top: 50px
    }

    .masthead-extend .image-gallery__center {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px;
        height: 340.89px;
        max-width: 190px
    }

    .masthead-extend .card-gallery__image-gallery {
        top: -180px
    }

    .masthead-extend .card-gallery__aticle-item {
        height: 370.14px;
        margin-right: 75pt;
        max-width: 190px
    }
}

@media(max-width:767px) {
    .masthead-extend .banner-center__container {
        padding: 35px 0 328px
    }

    .masthead-extend .banner-center__container-title {
        display: block;
        padding-top: 35px
    }

    .masthead-extend .container-title__title-arrow {
        display: block
    }

    .masthead-extend .container-title__title-arrow h1 {
        margin-bottom: 1pc;
        white-space: inherit
    }

    .masthead-extend .title-arrow__big-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        height: 58px;
        margin: auto auto 1pc;
        max-width: 44px
    }

    .masthead-extend .banner-center__container-desc {
        margin-bottom: 1pc;
        padding: 0 24px
    }

    .masthead-extend .banner-center__container-button {
        padding: 0 1pc
    }

    .masthead-extend .banner-center__container-button a {
        padding: 9pt 1pc
    }

    .masthead-extend .banner-center__container-button a span {
        display: block;
        max-width: 265px;
        white-space: normal
    }

    .masthead-extend .masthead-extend__card-gallery {
        margin-top: 110px;
        padding-top: 10pc
    }

    .masthead-extend .card-gallery__image-gallery {
        left: 50%;
        padding: 0;
        top: -350px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 315px
    }

    .masthead-extend .image-gallery__container {
        margin: 0
    }

    .masthead-extend .image-gallery__content-item {
        display: none;
        padding: 0
    }

    .masthead-extend .image-gallery__center {
        -webkit-box-flex: 0;
        display: block;
        -ms-flex: 0 0 312px;
        flex: 0 0 312px;
        height: 637.2px;
        max-width: 312px;
        padding: 0
    }

    .masthead-extend .card-gallery__aticle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px
    }

    .masthead-extend .card-gallery__aticle-item {
        height: 457.06px;
        margin: 0 auto 2pc;
        max-width: unset;
        width: 280px
    }

    .masthead-extend .card-gallery__aticle-item:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .masthead-extend .card-gallery__aticle-item:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        height: 433.75px;
        order: 1
    }

    .masthead-extend .card-gallery__aticle-item:nth-child(2) .aticle-item__transparent-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 297.73px;
        flex: 0 0 297.73px
    }

    .masthead-extend .card-gallery__aticle-item:nth-child(2) .transparent-content__img {
        height: 100%
    }

    .masthead-extend .card-gallery__aticle-item:last-child {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        margin: 0 auto;
        order: 3
    }

    .masthead-extend .aticle-item__transparent-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 345.06px;
        flex: 0 0 345.06px;
        margin-bottom: 1pc
    }

    .masthead-extend .transparent-content__text {
        margin-top: 1pc
    }
}

.page-menu::-webkit-scrollbar {
    display: none
}

.page-menu {
    background: var(--primary-background);
    border-radius: 8px 8px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    margin: 0;
    max-height: 106px;
    overflow: scroll;
    padding: 0 30px;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.page-menu,
.page-menu .page-menu_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-menu .page-menu_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-top: 4px solid transparent;
    color: #a2a2a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1pc;
    font-weight: 400;
    gap: 1pc;
    height: 5.625rem;
    line-height: 24px;
    padding: 8px 9pt 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

@media(max-width:767px) {
    .page-menu .page-menu_item {
        gap: .5rem
    }
}

.page-menu .page-menu_item h2.tab-title {
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.page-menu .page-menu_item--active,
.page-menu .page-menu_item:hover {
    background-color: #f2f2f2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.page-menu .page-menu_item--active {
    color: var(--body)
}

.page-menu .page-menu_item--active,
.page-menu_item--active {
    border-color: var(--accent);
    font-weight: 700
}

.page-menu .page-menu_item--active h2.tab-title,
.page-menu_item--active h2.tab-title {
    font-weight: 700;
    line-height: 24px
}

.page-menu .page-menu_item--active--label,
.page-menu_item--active--label {
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px
}

.page-menu_item img {
    -webkit-filter: saturate(0) brightness(150%);
    filter: saturate(0) brightness(150%);
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    opacity: .5;
    width: 40px
}

.page-menu .page-menu_item--active img,
.page-menu_item img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.page-menu .page-menu_item--active img {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.tcb-hero-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    max-width: 20in;
    position: relative
}

.tcb-hero-banner.tcb-hero-banner-dark-background .tcb-hero-banner_description,
.tcb-hero-banner.tcb-hero-banner-dark-background .tcb-hero-banner_description p,
.tcb-hero-banner.tcb-hero-banner-dark-background .tcb-hero-banner_hero-title {
    color: #fff
}

.tcb-hero-banner .external-component {
    margin-bottom: auto
}

@media screen and (min-width:767px) {
    .tcb-hero-banner .external-component {
        margin-bottom: auto;
        margin-top: auto
    }
}

@media screen and (max-width:767px) {

    .tcb-hero-banner .external-component .tcb-hero-banner_description br,
    .tcb-hero-banner .external-component .tcb-hero-banner_hero-title br.mobile-no-break {
        display: none
    }
}

.tcb-hero-banner .external-component .tcb-button {
    margin-top: 1pc
}

.tcb-hero-banner.type-small {
    min-height: 280px
}

@media screen and (max-width:767px) {
    .tcb-hero-banner.type-small {
        height: auto
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .tcb-hero-banner.type-small {
        height: 25pc;
        min-height: unset
    }
}

.tcb-hero-banner.type-medium {
    min-height: 25pc
}

@media screen and (max-width:767px) {
    .tcb-hero-banner.type-medium {
        height: auto
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .tcb-hero-banner.type-medium {
        height: 25pc;
        min-height: unset
    }
}

@media screen and (min-width:1024px) {
    .tcb-hero-banner.type-medium {
        height: 467px
    }
}

.tcb-hero-banner.type-large {
    min-height: 650px
}

@media screen and (max-width:767px) {
    .tcb-hero-banner.type-large {
        height: auto;
        min-height: 280px
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .tcb-hero-banner.type-large {
        min-height: unset
    }
}

@media screen and (min-width:767px) {
    .tcb-hero-banner.type-tablet-small {
        min-height: 280px
    }
}

@media screen and (max-width:480px) {
    .tcb-hero-banner.type-tablet-small {
        min-height: 280px
    }
}

@media screen and (max-width:768px) {
    .tcb-hero-banner.type-tablet-small {
        min-height: 5in
    }
}

@media screen and (max-width:767px) {
    .tcb-hero-banner.type-mobile-small {
        height: 280px
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .tcb-hero-banner.type-mobile-small {
        height: 280px;
        min-height: unset
    }
}

@media screen and (max-width:767px) {
    .tcb-hero-banner.type-mobile-medium {
        min-height: 467px
    }

    .tcb-hero-banner.type-mobile-large {
        min-height: 617px
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {

    .tcb-hero-banner.type-mobile-large,
    .tcb-hero-banner.type-mobile-medium {
        min-height: unset
    }
}

@media screen and (max-width:767px) {
    .tcb-hero-banner.align-top .external-component {
        margin-bottom: auto
    }

    .tcb-hero-banner.align-top .external-component.full-width.mobile-large {
        padding: 45px 0 290px
    }

    .tcb-hero-banner.align-top .external-component_p-0 {
        padding-top: 0 !important
    }
}

@media(max-width:767px) {
    .tcb-hero-banner.align-bottom .external-component {
        margin-bottom: 0;
        margin-top: auto
    }

    .tcb-hero-banner.align-bottom .external-component.mobile-large {
        padding: 337px 0 2pc
    }

    .tcb-hero-banner.align-center .external-component {
        margin-bottom: auto;
        margin-top: auto
    }
}

.tcb-hero-banner_background {
    position: absolute
}

.tcb-hero-banner_background-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width:768px)and (max-width:1280px) {
    .tcb-hero-banner_background-image {
        -o-object-position: var(--tablet-image-position) !important;
        object-position: var(--tablet-image-position) !important
    }
}

.tcb-hero-banner_content {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: block;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 100%;
    z-index: 2
}

@media screen and (max-width:767px) {
    .tcb-hero-banner--content-reverse.tcb-hero-banner .tcb-hero-banner_customize-content--wrapper {
        padding-bottom: 2pc;
        padding-top: 337px
    }
}

.tcb-hero-banner a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

.tcb-hero-banner_hero-title {
    color: var(--body);
    font-size: 2pc;
    font-weight: 300
}

.section-font-color .tcb-hero-banner_hero-title {
    color: inherit
}

.tcb-hero-banner_hero-description {
    color: var(--gray-600);
    font-size: 1.5rem
}

.section-font-color .tcb-hero-banner_hero-description {
    color: inherit
}

.tcb-hero-banner_body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_body {
        min-height: 280px
    }
}

.tcb-hero-banner_body.tcb-hero-banner--remove-alignment {
    margin-bottom: unset;
    margin-top: unset
}

.tcb-hero-banner_customize-content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.tcb-hero-banner_customize-content--wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_customize-content--wrapper {
        padding-bottom: 290px;
        padding-top: 45px
    }
}

.tcb-hero-banner_customize-content .tcb-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    max-width: 100%;
    min-width: 328px;
    padding: .75rem 1rem
}

@media screen and (max-width:360px) {
    .tcb-hero-banner_customize-content .tcb-button {
        min-width: 100%
    }
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_customize-content .tcb-button .white-space {
        white-space: normal
    }
}

.tcb-hero-banner_customize-content .tcb-arrow {
    color: #ed1c24;
    font-size: 1.25rem
}

.tcb-hero-banner_customize-content .external-component {
    width: 40%
}

.tcb-hero-banner_customize-content .external-component.full-width {
    width: 100%
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_customize-content .external-component.full-width {
        padding: .5rem .5rem .5rem 0;
        width: 100%
    }
}

@media screen and (max-width:390px) {
    .tcb-hero-banner_customize-content .external-component.full-width {
        padding: .25rem
    }
}

@media screen and (max-width:1023px) {
    .tcb-hero-banner_customize-content .external-component {
        width: 70%
    }
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_customize-content .external-component {
        width: 100%
    }
}

.tcb-hero-banner_content.tcb-hero-banner_content--use-breadcrumb .tcb-hero-banner_customize-content,
.tcb-hero-banner_content.tcb-hero-banner_content--use-breadcrumb.tcb-hero-banner_content--use-menu .tcb-hero-banner_customize-content {
    padding-bottom: 0;
    padding-top: 0
}

.tcb-hero-banner_customize-content {
    padding: 24px 0
}

.tcb-hero-banner_description,
.tcb-hero-banner_description p {
    color: #616161;
    font-size: 24px;
    margin: 1pc 0
}

.section-font-color .tcb-hero-banner_description,
.section-font-color .tcb-hero-banner_description p {
    color: inherit
}

.tcb-hero-banner_bottom-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.tcb-hero-banner_tag,
.tcb-teaser_tag {
    color: var(--accent);
    display: block;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 1pc;
    text-transform: uppercase
}

.section-font-color .tcb-hero-banner_tag,
.section-font-color .tcb-teaser_tag {
    color: inherit
}

.tcb-hero-banner_tag.priority {
    color: var(--priority-text)
}

.tcb-hero-banner_control {
    cursor: pointer;
    display: none;
    height: 90px;
    z-index: 99
}

.tcb-hero-banner_control--next,
.tcb-hero-banner_control--prev {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 10%, #fff);
    color: #ed1c24;
    width: 28px
}

.tcb-hero-banner_control--next .material-symbols-outlined,
.tcb-hero-banner_control--prev .material-symbols-outlined {
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tcb-hero-banner_control--next {
    display: block;
    position: absolute;
    right: 0
}

.tcb-hero-banner_control--prev {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(1%, #fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, #fff 1%, hsla(0, 0%, 100%, 0));
    display: none;
    left: 0;
    position: absolute
}

.tcb-hero-banner_control--next .tcb-hero-banner .material-symbols-outlined {
    right: 0
}

.tcb-hero-banner_looking-for-wrapper {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.tcb-hero-banner_looking-for-wrapper .looking-for {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: .5rem .5rem 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 1rem;
    padding: 1rem;
    width: 100%
}

.tcb-hero-banner_looking-for-wrapper .looking-for_title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input {
    min-width: 370px;
    position: relative
}

@media screen and (max-width:1199px) {
    .tcb-hero-banner_looking-for-wrapper .looking-for_input {
        min-width: 20pc
    }
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input input {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: .5rem;
    font-size: 1rem;
    height: 3.5rem;
    line-height: 1.5rem;
    outline: none;
    padding: 1rem 2.75rem 1rem 1rem;
    width: 100%
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input .wrapper {
    position: relative
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input .icon {
    height: 24px;
    position: absolute;
    right: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input .icon span {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input .icon img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options {
    position: absolute;
    width: 100%
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_looking-for-wrapper .looking-for_input-options {
        background-color: #fff
    }

    .tcb-hero-banner_looking-for-wrapper .looking-for_input-options .options-active-mobile {
        margin-top: 4pc;
        z-index: 100
    }
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-roots {
    height: 0;
    min-height: 0;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: height .3s cubic-bezier(.4, 0, .2, 1) 0ms
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-entered {
    height: auto;
    overflow: visible
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-hidden {
    visibility: hidden
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-wrapper-inner {
    width: 100%
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    grid-gap: 8px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 24px -8px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    padding: 1pc
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-content span {
    font-weight: 600;
    margin-bottom: 8px
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-content a {
    color: #616161;
    line-height: 24px
}

.tcb-hero-banner_looking-for-wrapper .looking-for_input-options-content a:hover {
    color: #ed1c24
}

.tcb-hero-banner_looking-for-wrapper .looking-for_submit {
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tcb-hero-banner_looking-for-wrapper .looking-for_submit.active {
    display: block
}

.tcb-hero-banner_looking-for-wrapper .looking-for_submit button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .75rem;
    justify-content: space-between;
    outline: none;
    padding: 1pc 24px;
    width: 100%
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_content--extra-large .tcb-hero-banner_customize-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: flex-start;
        justify-content: flex-start
    }

    .tcb-hero-banner_content--extra-large .tcb-download-app-block {
        background-color: #000;
        color: #fff;
        cursor: pointer;
        width: 100%
    }

    .tcb-hero-banner_content--extra-large .tcb-download-app-block:hover {
        background-color: #616161;
        color: #fff
    }

    .tcb-hero-banner_body.tcb-container {
        margin: 0;
        padding: 0 20px
    }
}

@media screen and (max-width:767px)and (max-width:767px) {
    .tcb-hero-banner_body.tcb-container {
        padding: 45px 4.4444444444vw 0
    }
}

@media screen and (max-width:767px) {
    .tcb-hero-banner_bottom-content {
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -4.4444444444vw;
        margin-right: -4.4444444444vw;
        overflow: hidden
    }

    .tcb-hero-banner_bottom-content.tcb-hero-banner_full-width,
    .tcb-hero-banner_full-width ul {
        margin: 0 auto;
        width: 100%
    }

    .tcb-hero-banner_customize-content.tcb-hero-banner_mobile-content--bottom-left {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .tcb-hero-banner_customize-content.tcb-hero-banner_mobile-content--top-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page-menu {
        overflow: scroll;
        padding: 0 8px
    }

    .tcb-hero-banner_looking-for-wrapper {
        bottom: 0;
        left: 0;
        max-width: 100%;
        position: absolute;
        scroll-margin: 8.5rem;
        width: 100%
    }

    .tcb-hero-banner_looking-for-wrapper .looking-for {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .tcb-hero-banner_looking-for-wrapper .looking-for_input {
        width: 100%
    }

    .tcb-hero-banner_looking-for-wrapper .looking-for_input-options-entered {
        margin-top: 4.5rem
    }

    .tcb-hero-banner_looking-for-wrapper .looking-for_submit {
        margin-top: 0;
        width: 100%
    }

    .tcb-hero-banner_looking-for-wrapper .looking-for_submit button {
        padding: 9pt 1pc
    }

    .active-mobile {
        background-color: #fff;
        bottom: -3.5rem;
        height: 50%;
        left: 0;
        position: absolute
    }

    .active-mobile button {
        background-color: #fff;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
        width: calc(100% - 2rem) !important
    }
}

@media screen and (max-width:991px) {
    .tcb-hero-banner_looking-for-wrapper .looking-for_input {
        min-width: 18.125rem
    }
}

@media screen and (max-width:480px) {

    .tcb-hero-banner_bottom-content.tcb-hero-banner_full-width,
    .tcb-hero-banner_full-width ul {
        margin: 0 -20px;
        width: unset
    }
}

body.dark .tcb-hero-banner_content .tcb-hero-banner_body .tcb-hero-banner_customize-content .external-component label.tcb-hero-banner_tag {
    color: var(--priority-text)
}

body.dark .tcb-hero-banner_content .tcb-hero-banner_body .tcb-hero-banner_customize-content .external-component a.tcb-button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background-color: unset;
    border: none;
    gap: .75rem;
    justify-content: start;
    padding: unset
}

body.dark .tcb-hero-banner_content .tcb-hero-banner_body .tcb-hero-banner_customize-content .external-component a.tcb-button span.white-space {
    color: #fff
}

body.dark .tcb-hero-banner_content .tcb-hero-banner_body .tcb-hero-banner_customize-content .external-component a.tcb-button span.white-space:hover {
    text-decoration: underline
}

body.dark .tcb-hero-banner_content .tcb-hero-banner_body .tcb-hero-banner_customize-content .external-component a.tcb-button span.tcb-arrow {
    color: #fff
}

.container.hero-product,
.tcb-hero-product .content-wrapper {
    position: relative
}

.tcb-hero-product {
    margin: 0 auto;
    max-width: 20in;
    position: relative
}

.tcb-hero-product_background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.tcb-hero-product_background-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-product {
    margin: auto;
    max-width: 82pc;
    padding-top: 1pc
}

.hero-product a {
    font-size: 14px
}

.hero-product .arrow-separator {
    margin-left: 1rem;
    margin-right: 1rem
}

@media(max-width:768px) {
    .hero-product {
        padding-left: 4.44%;
        padding-right: 4.44%;
        position: relative
    }
}

.hero-product__wrapper.right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.hero-product__wrapper-image {
    margin-left: 20px;
    margin-top: 159px;
    max-width: 510px
}

.hero-product__wrapper-image img {
    width: 100%
}

.hero-product__wrapper-content {
    max-width: 450px;
    padding: 40px 0
}

.wrapper-content-full-width .hero-product__wrapper-content {
    max-width: unset
}

.hero-product__wrapper-content label {
    color: #ed1c24;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.section-font-color .hero-product__wrapper-content label {
    color: inherit
}

.hero-product__wrapper-content h1 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25
}

.hero-product__wrapper-content .hero-product__wrapper-subtitle {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 40px 0
}

.padding-40 .hero-product__wrapper-content {
    padding: 40px 0
}

.padding-60 .hero-product__wrapper-content {
    padding: 60px 0
}

.padding-80 .hero-product__wrapper-content {
    padding: 5pc 0
}

.padding-60 .hero-product__wrapper-content,
.padding-80 .hero-product__wrapper-content {
    max-width: 35.5rem
}

.padding-60 h3,
.padding-80 h3 {
    margin-top: 1pc
}

.padding-60 .qr-button,
.padding-80 .qr-button {
    min-width: 15pc
}

.hero-product__wrapper-title {
    background: var(--primary-white);
    border-radius: 8px;
    color: var(--secondary-grey-60);
    padding: 1pc
}

.hero-product__wrapper-title h5 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.hero-product__wrapper-title p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.hero-product__wrapper-button {
    margin-top: 24px
}

.hero-product__wrapper-button button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background: var(--primary-black);
    border: none;
    border-radius: 8px;
    color: var(--primary-white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 1.5;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%
}

.section-font-color .hero-product__wrapper-button button {
    color: inherit
}

.hero-product__wrapper-button:hover button {
    background-color: var(--gray-600)
}

.hero-product__wrapper-button:hover button img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.hero-product__wrapper-button:hover .wrapper-button__icon>path {
    fill: #fff;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.hero-product__wrapper-button .forward-arrow {
    color: var(--primary-red)
}

.hero-product__wrapper-button .arrow-hide {
    display: none
}

.hero-product__wrapper-item {
    z-index: 1
}

.hero-product__wrapper-item .background-trans button {
    background-color: transparent;
    border: 1px solid #000;
    font-weight: 600
}

@media(max-width:991px) {
    .hero-product__container {
        min-height: 467px
    }
}

@media(min-width:768px) {
    .hero-product__wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .hero-product__wrapper-item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%;
        padding: 9pt
    }

    .hero-product__on-small-screen {
        display: none
    }
}

@media(max-width:767px) {
    .hero-product__container {
        min-height: 783px
    }

    .hero-product__wrapper {
        margin: 0;
        width: 100%
    }

    .hero-product__wrapper-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .hero-product__wrapper-image {
        margin: 5pc 0 10px
    }

    .hero-product__on-large-screen {
        display: none
    }

    .hero-product__wrapper-content {
        max-width: 100%;
        width: 100%
    }

    .hero-product__wrapper-button,
    .hero-product__wrapper-title {
        max-width: 510px
    }
}

@media(max-width:390px) {
    .hero-product__container {
        min-height: 694px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 75pc;
    perspective: 75pc
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.inspire-slider-component .head-title {
    color: #212121;
    font-size: 2pc;
    font-weight: 600;
    margin-bottom: 2pc
}

.inspire-slider-component .item-img {
    border-radius: 1pc;
    position: relative
}

.inspire-slider-component .item-img picture {
    width: 100%
}

.inspire-slider-component .item-img img:not(.btn-video-img) {
    border-radius: 1pc;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.inspire-slider-component .item-img .btn-video {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    z-index: 20
}

.inspire-slider-component .item-content {
    display: none;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    margin-top: 34px
}

.inspire-slider-component .item-content .heading {
    grid-column: span 4/span 3
}

.inspire-slider-component .item-content .heading .text-smallText {
    color: #616161;
    font-size: 14px;
    line-height: 21px
}

.inspire-slider-component .item-content .heading p {
    font-size: 24px;
    font-weight: 600
}

.inspire-slider-component .item-content .description {
    grid-column: span 5/span 5
}

.inspire-slider-component .item-content .description p {
    padding-right: 20px
}

.inspire-slider-component .item-content .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-column: span 3/span 3;
    justify-content: center
}

.inspire-slider-component .item-content .btn,
.inspire-slider-component .item-content .btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inspire-slider-component .item-content .btn span {
    font-weight: 600;
    padding-right: 9pt;
    text-align: right
}

.inspire-slider-component .primary-tracking:hover img {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.inspire-slider-component .primary-tracking img {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.inspire-slider-component .swiper {
    max-width: 82pc;
    padding-left: 78pt;
    padding-right: 78pt
}

.inspire-slider-component .swiper-slide-next,
.inspire-slider-component .swiper-slide-prev {
    opacity: .5 !important
}

.inspire-slider-component .swiper-slide-active .item-content {
    display: grid
}

.inspire-slider-component .swiper-slide:not(.swiper-slide-active) {
    top: -65px
}

.inspire-slider-component .swiper-button-next {
    right: 5pc
}

.inspire-slider-component .swiper-button-next:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-right-red.png);
    font-size: 1pc;
    height: 24px;
    width: 24px
}

.inspire-slider-component .swiper-button-prev {
    left: 5pc
}

.inspire-slider-component .swiper-button-prev:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-left-red.png);
    font-size: 1pc;
    height: 24px;
    width: 24px
}

.inspire-slider-component .swiper-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3pc;
    justify-content: center;
    position: absolute;
    top: 250px;
    width: 3pc;
    z-index: 9999
}

.inspire-slider-component .swiper-button.swiper-button-disabled {
    cursor: unset;
    opacity: .35;
    pointer-events: none
}

.inspire-slider-component .swiper-button:not(.swiper-button-disabled):hover {
    background-color: #ed1b24
}

.inspire-slider-component .swiper-button:not(.swiper-button-disabled):hover.swiper-button-next:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-right-white.png);
    font-size: 1pc;
    height: 24px;
    width: 24px
}

.inspire-slider-component .swiper-button:not(.swiper-button-disabled):hover.swiper-button-prev:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-left-white.png);
    font-size: 1pc;
    height: 24px;
    width: 24px
}

.inspire-slider-component .swiper-button.hide {
    display: none
}

.inspire-slider-component .slider-popup {
    background-color: rgba(0, 0, 0, .7);
    display: none;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 10vh 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    z-index: 99
}

@media screen and (max-width:1024px)and (orientation:portrait) {
    .inspire-slider-component .slider-popup {
        padding: 25vh 0
    }
}

@media screen and (max-width:1024px)and (orientation:landscape) {
    .inspire-slider-component .slider-popup {
        padding: 10vh 0
    }
}

.inspire-slider-component .slider-popup-content {
    background-color: #fff;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 927pt;
    padding: 3pc;
    position: relative;
    width: 100%
}

.inspire-slider-component .slider-popup-content img {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px
}

.inspire-slider-component .slider-popup-content iframe {
    height: 100%;
    width: 100%
}

.inspire-slider-component .item-content .btn svg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.inspire-slider-component .item-content .btn a:hover svg {
    -webkit-transform: translate(5px);
    transform: translate(5px)
}

@media screen and (max-width:1024px) {
    .inspire-slider-component .head-title {
        padding-left: 2pc
    }

    .inspire-slider-component .swiper-button-next,
    .inspire-slider-component .swiper-button-prev {
        height: 30px;
        width: 30px
    }

    .inspire-slider-component .swiper-button-next {
        right: 90px
    }

    .inspire-slider-component .swiper-button-prev {
        left: 90px
    }
}

@media(max-width:976px) {

    .inspire-slider-component .item-content .btn,
    .inspire-slider-component .item-content .description,
    .inspire-slider-component .item-content .heading {
        grid-column: span 12/span 12
    }

    .inspire-slider-component .item-content .heading {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 34px
    }

    .inspire-slider-component .item-content {
        margin-top: 8px
    }

    .inspire-slider-component .item-content .description {
        margin: 20px 0
    }

    .inspire-slider-component .item-content .btn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .inspire-slider-component .item-content .heading p {
        font-size: 18px;
        line-height: 24px
    }

    .inspire-slider-component .swiper {
        padding-left: 40px;
        padding-right: 40px
    }

    .inspire-slider-component .head-title {
        padding-left: 1pc
    }

    .inspire-slider-component .swiper-button-prev {
        left: 25px
    }

    .inspire-slider-component .swiper-button-next {
        right: 25px
    }

    .inspire-slider-component .slider-popup-content {
        padding: 3pc 24px
    }
}

@media(max-width:650px) {
    .inspire-slider-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .inspire-slider-component .swiper {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .inspire-slider-component .item-content br {
        display: none
    }

    .inspire-slider-component .item-content .heading {
        display: unset
    }
}

@media(max-width:575px) {
    .inspire-slider-component .swiper {
        margin-left: 0;
        margin-right: 0
    }

    .inspire-slider-component .head-title {
        padding-left: 1pc
    }
}

@media(max-width:428px) {
    .inspire-slider-component .swiper-button-prev {
        left: 0
    }

    .inspire-slider-component .swiper-button-next {
        right: 0
    }
}

.milestone {
    z-index: 2
}

.milestone .milestone__header {
    width: 100%
}

.milestone .milestone__header-wrapper {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    padding-bottom: 9pt;
    width: 100%
}

.milestone .header-wrapper__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.milestone .header-wrapper__title h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 35px
}

.milestone .milestone__bg-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 26pc;
    position: relative
}

.milestone .milestone__bg-image>img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    width: 100%
}

.milestone .milestone__body {
    width: 100%
}

.milestone .body-wrapper__time-line {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 4pc -9pt -9pt;
    position: relative;
    width: 100%;
    width: calc(100% + 24px);
    z-index: 1
}

.milestone .time-line__left-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 58.333333%;
    flex-basis: 58.333333%;
    flex-grow: 0;
    max-width: 58.333333%;
    padding: 9pt
}

.milestone .left-content__wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.milestone .left-content__year-slider {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    flex-grow: 0;
    height: 100%;
    max-width: 16.666667%;
    padding: 9pt
}

.milestone .left-content__year-slider .slick-slider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-width: 114px
}

.milestone .left-content__year-slider .slick-slider.slick-vertical {
    min-height: 270px
}

.milestone .slick-prev,
.milestone .year-slider__slick .slick-next {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute
}

.milestone .year-slider__slick .slick-arrow {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    display: block;
    height: 15px;
    left: calc(50% - 10px);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 15px
}

.milestone .year-slider__slick .slick-prev {
    bottom: -20px;
    top: auto;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.milestone .year-slider__slick .slick-next {
    top: -20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.milestone .year-slider__slick .slick-list:before {
    background-color: red;
    border-radius: 33.33px;
    content: "";
    height: 44px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.milestone .year-slider__slick .timeline-year {
    color: #a2a2a2;
    font-size: 24px;
    font-weight: 300;
    line-height: 44px;
    margin: 0;
    padding: 4px 0;
    text-align: center
}

.milestone .slick-current .timeline-year {
    color: #fff;
    font-weight: 700
}

.milestone .left-content__content-slider {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    flex-grow: 0;
    height: auto;
    max-width: 75%;
    padding: 9pt
}

.milestone .content-slider__item {
    color: #fff
}

@media(max-width:767px) {
    .milestone .content-slider__item>h3 {
        margin-bottom: 98px;
        max-width: 35%
    }
}

.milestone .content-slider__item .timeline-year {
    font-weight: 600;
    letter-spacing: -.03rem;
    margin: 0 0 1pc;
    padding: 0
}

.milestone .content-slider__item .content-slider__item-text {
    height: 200px;
    letter-spacing: -.03rem;
    overflow: auto
}

.milestone .content-slider__item .content-slider__item-text ul {
    line-height: 1.5
}

.milestone .content-slider__item .content-slider__item-text li {
    line-height: 1.5;
    margin-left: 1pc
}

.milestone .time-line__right-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
    padding: 9pt
}

.milestone .milestone__image-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: calc(100% + 4pc);
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.milestone .image-card__left-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 66.666667%;
    flex-basis: 66.666667%;
    flex-grow: 0;
    height: 100%;
    max-width: 66.666667%;
    padding: 9pt;
    position: relative
}

.milestone .image-card__right-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    flex-grow: 0;
    height: 100%;
    max-width: 33.333333%;
    padding: 9pt;
    position: relative
}

.milestone .image-card__right-content .image-active {
    opacity: 1
}

.milestone .content-slider__image {
    height: 100%;
    max-width: 362px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.milestone .content-slider__image img {
    border-radius: 8px;
    height: 100%;
    max-height: 5in;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%
}

@media(max-width:1199px) {
    .milestone .left-content__year-slider {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .milestone .image-card__right-content {
        height: 80%
    }
}

@media(max-width:991px) {
    .milestone .body-wrapper__time-line {
        margin-top: 105px
    }

    .milestone .milestone__bg-image {
        min-height: 510px
    }

    .milestone .image-card__right-content {
        height: 60%
    }
}

@media(max-width:767px) {
    .milestone .body-wrapper__time-line {
        margin: -8px;
        width: calc(100% + 1pc)
    }

    .milestone .milestone__bg-image {
        min-height: auto
    }

    .milestone .time-line__left-content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 8px
    }

    .milestone .time-line__right-content {
        display: none
    }

    .milestone .left-content__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .milestone .left-content__year-slider {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 36px;
        max-width: 100%
    }

    .milestone .left-content__year-slider .slick-slider {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        display: block;
        height: inherit;
        max-width: 100%
    }

    .milestone .year-slider__slick .slick-arrow {
        left: unset;
        -webkit-transform: unset;
        transform: unset
    }

    .milestone .year-slider__slick .slick-prev {
        bottom: auto;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }

    .milestone .year-slider__slick .slick-list {
        padding: 0 !important
    }

    .milestone .year-slider__slick .slick-list:before {
        height: 2pc;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 5pc
    }

    .milestone .year-slider__slick .timeline-year {
        font-size: 1pc;
        line-height: 34px;
        padding: 0
    }

    .milestone .year-slider__slick .slick-next {
        bottom: auto;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg)
    }

    .milestone .left-content__content-slider {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-bottom: 9pt;
        padding-top: 5pc !important
    }

    .milestone .content-slider__slick {
        height: 100%
    }

    .milestone .content-slider__item .timeline-year {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 98px;
        max-width: 35%
    }

    .milestone .content-slider__item .content-slider__item-text li,
    .milestone .content-slider__item .content-slider__item-text ul {
        padding-bottom: 8px
    }

    .milestone .content-slider__item .content-slider__item-text {
        height: inherit;
        overflow: unset
    }

    .milestone .image-card__left-content,
    .milestone .image-card__right-content {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        height: auto;
        max-width: 50%
    }

    .milestone .content-slider__image {
        height: 250px;
        left: auto;
        top: 0;
        -webkit-transform: none;
        transform: none
    }
}

.modal-hidden {
    display: none
}

.tcb-button.tcb-button--light-black:not(.priority-link):not(.priority-btn):not(.white-btn) {
    background: var(--body);
    border: 1px solid var(--body);
    color: var(--primary-background)
}

.section-font-color .tcb-button.tcb-button--light-black {
    color: inherit
}

.tcb-button.tcb-button--light-black.priority-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background: none;
    border: none;
    color: #fff;
    justify-content: flex-start
}

.tcb-button.tcb-button--light-black.priority-link .tcb-arrow {
    color: #fff
}

.tcb-button.tcb-button--light-black.priority-link:hover .white-space {
    cursor: pointer;
    text-decoration: none
}

.tcb-button.tcb-button--light-black.priority-btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-24.11%, #8d8175), color-stop(305.36%, #35322b));
    background: linear-gradient(180deg, #8d8175 -24.11%, #35322b 305.36%);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1pc 24px
}

.tcb-button.tcb-button--light-black.priority-btn .tcb-arrow {
    color: inherit
}

.tcb-button.tcb-button--light-black.priority-btn:hover {
    background: #fff;
    color: #616161
}

.tcb-button.tcb-button--light-black.white-btn {
    background-color: #fff;
    border: none;
    color: #000
}

.tcb-button.tcb-button--light-black.white-btn .tcb-arrow {
    color: #ed1c24
}

.tcb-button.tcb-button--light-black.white-btn:hover {
    background-color: #a2a2a2;
    color: #616161
}

.tcb-button.tcb-button--light-black.white-btn:hover .tcb-arrow {
    color: inherit
}

.dark .tcb-button.tcb-button--light-black {
    background-color: #dfdfdf;
    color: #000
}

.form-modal .columnContainer {
    margin-top: 24px
}

.popup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: none;
    left: 0;
    margin-bottom: auto;
    margin-top: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.popup .popup__container .popup__content iframe {
    aspect-ratio: 16/9;
    width: 100%
}

.popup__container {
    margin: 1.75rem auto;
    max-width: 50pc;
    opacity: 1;
    position: relative;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 2
}

.form-modal .popup__container {
    margin: auto;
    max-width: 500px
}

.popup__container-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.form-modal .popup__container-item {
    border-radius: .3pc
}

.popup__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #f5f6f8;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 9pt;
    border-top-right-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.popup__header-title {
    word-wrap: break-word;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 0
}

.form-modal .popup__header {
    display: none
}

.popup__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.popup__content .popup__close-icon {
    display: none
}

.form-modal .popup__content .popup__close-icon {
    display: block
}

.popup__iframe {
    position: relative
}

.popup__iframe:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.popup__iframe iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.popup__close-icon {
    cursor: pointer;
    font-weight: bolder;
    margin-top: .25rem;
    opacity: .5;
    text-shadow: 0 1px 0 #000
}

.form-modal .popup__close-icon {
    opacity: unset;
    position: absolute;
    right: 1pc;
    text-shadow: 0 10px var(--primary-red);
    top: 9pt
}

.popup__close-icon img {
    height: 20px;
    width: 20px
}

@media(max-width:428px) {
    .popup__container {
        max-width: 90%
    }
}

@media screen and (max-width:1024px)and (orientation:portrait) {
    .popup__container {
        max-width: 95%
    }
}

@media screen and (max-width:768px)and (orientation:landscape) {
    .popup__container {
        max-width: none;
        width: 500px
    }
}

@media(min-width:1025px) {
    .popup-small .popup__container {
        max-width: 300px
    }

    .popup-medium .popup__container {
        max-width: 50pc
    }

    .popup-large .popup__container {
        max-width: 750pt
    }
}

.multi-step-form .multi-step-form__error-container {
    position: sticky;
    top: 75pt;
    z-index: 1
}

.multi-step-form .multi-step-form__error-container:has(.multi-step-form__error-message.active) {
    margin-bottom: 3pc
}

@media screen and (max-width:1024px) {
    .multi-step-form .multi-step-form__error-container {
        top: 65px
    }
}

.multi-step-form .multi-step-form__error-container .multi-step-form__error-message {
    background-color: #ffe2e0;
    color: #8c201a;
    cursor: pointer;
    display: none;
    padding: 1pc
}

.multi-step-form .multi-step-form__error-container .multi-step-form__error-message .toggle-button {
    margin-left: auto
}

.multi-step-form .multi-step-form__error-container .multi-step-form__error-message .toggle-button.closed img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.multi-step-form .multi-step-form__error-container .multi-step-form__error-message img.error-icon {
    height: 24px;
    margin-right: 1pc
}

.multi-step-form .multi-step-form__error-container .multi-step-form__error-message.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.multi-step-form .multi-step-form__error-container .multi-step-form__unfilled-surveys-list {
    overflow: hidden
}

.multi-step-form .multi-step-form__error-container .multi-step-form__unfilled-surveys-list li {
    cursor: pointer;
    list-style-position: inside;
    text-decoration: underline;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.multi-step-form .multi-step-form__error-container .multi-step-form__unfilled-surveys-list li::marker {
    font-size: .5em
}

.multi-step-form .multi-step-form__error-container .multi-step-form__unfilled-surveys-list:has(li) {
    background-color: var(--primary-white);
    padding: 1pc 3pc
}

@media screen and (max-width:1024px) {
    .multi-step-form .multi-step-form__error-container .multi-step-form__unfilled-surveys-list:has(li) {
        padding: 1pc
    }
}

.multi-step-form .multi-step-form__step {
    display: none
}

@media screen and (min-width:768px) {
    .multi-step-form .multi-step-form__step .button {
        float: left;
        margin-right: 1rem
    }
}

.multi-step-form .multi-step-form__step.active {
    grid-row-gap: 1pc;
    display: grid
}

.multi-step-form .multi-step-form__step .tcb-title {
    padding-bottom: 0
}

.multi-step-form .multi-step-form__step .title-cmp {
    padding-bottom: 1pc
}

.multi-step-form .cmp-form-button {
    font-weight: 600;
    max-width: unset;
    min-width: 200px
}

.nav-equal-panel {
    position: relative
}

.nav-equal-panel.overlay {
    margin-top: -75pt;
    min-height: 136px;
    position: relative
}

.nav-equal-panel .with-cta-container>picture {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.nav-equal-panel .with-cta-container>picture,
.nav-equal-panel .with-cta-container>picture>img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.nav-equal-panel .with-cta-container>picture>img {
    border: none;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 0
}

.nav-equal-panel .with-cta-container .with-cta-wrapper {
    text-align: center
}

.nav-equal-panel .with-cta-container .nav-equal__title {
    color: #fff;
    padding-bottom: 9pt;
    text-align: center;
    width: 100%
}

.nav-equal-panel .with-cta-container .nav-equal__title,
.nav-equal-panel .with-cta-container .with-cta-titlecontain {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.nav-equal-panel .with-cta-container .with-cta-titlecontain {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 8px;
    z-index: 2
}

.nav-equal-panel .with-cta-container .with-cta-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-equal-panel .with-cta-container .with-cta-title>div {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    position: relative
}

.nav-equal-panel .with-cta-container .with-cta-subtitle {
    color: #fff;
    padding-bottom: 8px;
    position: relative
}

.nav-equal-panel .with-cta-container .nav-equal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.nav-equal-panel .with-cta-container .with-cta-root {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -9pt;
    position: relative;
    width: calc(100% + 24px)
}

.nav-equal-panel .with-cta-container .with-cta-grid {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
    padding: 9pt
}

.nav-equal-panel .with-cta-container .with-cta-innergrid {
    -ms-flex-negative: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.nav-equal-panel .with-cta-container .with-cta-grid-item {
    padding: 9pt;
    width: 100%
}

.nav-equal-panel .with-cta-container .with-cta-event-card {
    height: 100%
}

.nav-equal-panel .with-cta-container .with-cta-event-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 2pc 52px 39px
}

.nav-equal-panel .with-cta-container .with-cta-event-wrapper>h4 {
    color: var(--gray-600)
}

.nav-equal-panel .with-cta-container .with-cta-event-wrapper>h2.title {
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 24px
}

.padding-32-24 .nav-equal-panel .with-cta-container .with-cta-event-wrapper {
    padding: 2pc 24px
}

@media(max-width:767px) {
    .padding-32-24 .nav-equal-panel .with-cta-container .with-cta-event-wrapper {
        padding: 24px
    }
}

.nav-equal-panel .with-cta-container .with-cta-event-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.nav-equal-panel .with-cta-container .with-cta-event-btn.for-mobile {
    display: none
}

.nav-equal-panel .with-cta-container .with-cta-event-nav {
    -webkit-box-flex: 1;
    cursor: pointer;
    display: inline-block;
    -ms-flex: 1 1;
    flex: 1 1;
    margin: 38px 0 0
}

.nav-equal-panel .with-cta-container .with-cta-event-nav>a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 1.5;
    outline: none;
    padding: 9pt 15px 9pt 24px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 1
}

.nav-equal-panel .with-cta-container .with-cta-event-nav>a>span {
    color: #000;
    cursor: pointer;
    width: calc(100% - 28px)
}

.nav-equal-panel .with-cta-container .with-cta-event-nav>a.btn-dark {
    background-color: #000
}

.nav-equal-panel .with-cta-container .with-cta-event-nav>a.btn-dark>span {
    color: #fff
}

.nav-equal-panel .with-cta-container .with-cta-event-svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    height: 1.5rem;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    width: 1.5rem
}

.nav-equal-panel .with-cta-container .with-cta-event-svg img {
    display: block
}

@media(min-width:768px) {
    .nav-equal-panel .with-cta-container .with-cta-title>div {
        margin-right: 24px;
        padding-right: 24px
    }

    .nav-equal-panel .with-cta-container .with-cta-grid-item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }

    .nav-equal-panel .with-cta-container .with-cta-event-nav>a:hover span {
        text-decoration: underline
    }
}

@media(min-width:1440px) {
    .nav-equal-panel .with-cta-container .with-cta-wrapper {
        max-width: 90pc
    }
}

@media(max-width:1999px) {
    .nav-equal-panel .with-cta-container .with-cta-event-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .nav-equal-panel .with-cta-container .with-cta-event-nav {
        margin: 1pc 0 0;
        max-width: 100%;
        width: 100%
    }
}

@media(max-width:991px) {
    .nav-equal-panel .with-cta-container .with-cta-event-wrapper {
        padding: 24px 1pc
    }
}

@media(max-width:767px) {
    .nav-equal-panel .with-cta-container .nav-equal__title .with-cta-titlecontain {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .nav-equal-panel.overlay {
        margin-top: -14pc
    }

    .nav-equal-panel .with-cta-container .with-cta-event-btn.for-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width:390px) {
    .nav-equal-panel .with-cta-container .nav-equal__title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.network-grid-component {
    background-color: #fff
}

.network-grid-component .network-grid-component__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.network-grid-component .network-grid-component__container>.title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 9pt
}

.network-grid-component .network-grid-component__container .network-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.network-grid-component .network-grid-component__container .network-grid .slideshow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 504px;
    max-width: 58.333333%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item-list {
    border-radius: 8px
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item {
    border-radius: 8px;
    height: 100%;
    max-height: 33pc;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 100%
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item .content {
    background-color: #212121;
    border-radius: 8px 0 8px;
    bottom: 0;
    -webkit-box-shadow: 0 106px 98px -36px rgba(0, 0, 0, .06);
    box-shadow: 0 106px 98px -36px rgba(0, 0, 0, .06);
    color: #fff;
    height: auto;
    padding: 2pc 24px;
    position: absolute;
    right: 0;
    width: 60%
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item .content .tag {
    color: #ed1b24;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    width: 60%
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item .content h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item:before {
    background-color: #ed1b24;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: all 5s ease 0s;
    transition: all 5s ease 0s;
    width: 0;
    z-index: 1
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item.active {
    opacity: 1
}

.network-grid-component .network-grid-component__container .network-grid .slideshow .item.active:before {
    -webkit-transition: all 5s ease 0s;
    transition: all 5s ease 0s;
    width: 100%
}

.network-grid-component .network-grid-component__container .network-grid .panel-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%
}

.network-grid-component .network-grid-component__container .network-grid .panel-list .panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 9pt 0;
    outline: none;
    padding: 1pc 24px;
    width: 100%
}

.network-grid-component .network-grid-component__container .network-grid .panel-list .panel .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: center
}

.network-grid-component .network-grid-component__container .network-grid .panel-list .panel .content .title {
    font-size: 24px;
    margin: 0
}

.network-grid-component .network-grid-component__container .network-grid .panel-list .panel .content p {
    color: #616161
}

.network-grid-component .network-grid-component__container .network-grid .panel-list .panel .number {
    height: 60px;
    margin-right: 25px;
    text-align: center;
    width: 84px
}

.network-grid-component .network-grid-component__container .network-grid .panel-list .panel .number span {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.5
}

@media(max-width:991px) {
    .network-grid-component .network-grid-component__container .network-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .network-grid-component .network-grid-component__container .network-grid .slideshow {
        height: 357px;
        max-width: 100%
    }

    .network-grid-component .network-grid-component__container .network-grid .slideshow .item {
        height: 357px;
        width: 100%
    }

    .network-grid-component .network-grid-component__container .network-grid .slideshow .item .content {
        border-radius: 0 0 8px;
        width: 100%
    }

    .network-grid-component .network-grid-component__container .network-grid .panel-list {
        margin-top: 2pc;
        padding-top: 24px;
        width: 100%
    }
}

@media(max-width:767px) {
    .network-grid-component .network-grid-component__container .network-grid .slideshow .item .content {
        padding: 24px 24px 2pc
    }

    .network-grid-component .network-grid-component__container .network-grid .slideshow .item .content .title {
        margin-bottom: 1pc;
        margin-top: 5px
    }

    .network-grid-component .network-grid-component__container .network-grid .panel-list {
        margin-top: 0
    }

    .network-grid-component .network-grid-component__container .network-grid .panel-list .panel .number {
        height: 56px;
        width: 66px
    }

    .network-grid-component .network-grid-component__container .network-grid .slideshow .item-list .description {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-word
    }
}

@media(max-width:575px) {
    .network-grid-component .network-grid-component__container .network-grid .panel-list .panel .number {
        margin-right: 15px
    }
}

.offer-listing-filter__header {
    background-color: gray;
    height: 5rem;
    max-height: 5rem
}

.offer-listing-filter__footer {
    background-color: gray;
    height: 8rem;
    max-height: 8rem
}

.offer-listing-filter__body {
    padding-left: unset !important;
    padding-right: unset !important
}

@media(max-width:768px) {
    .offer-listing-filter__body {
        padding-left: unset !important;
        padding-right: unset !important
    }
}

.offer-listing-filter__body .offer-listing-promotions__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.offer-listing-filter__body .offer-listing-promotions__wrapper .tcb-modal_action-bar .tcb-apply-filter-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #000;
    border-radius: .5rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    justify-content: space-between;
    padding: .75rem 1rem;
    width: 100%
}

.offer-listing-filter__body .offer-listing-promotions__wrapper .tcb-modal_action-bar .tcb-apply-filter-button:hover {
    background-color: #616161
}

.offer-listing-filter__body .offer-listing-promotions__wrapper .tcb-modal_action-bar .tcb-apply-filter-button:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2105%) hue-rotate(297deg) brightness(114%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2105%) hue-rotate(297deg) brightness(114%) contrast(101%)
}

.offer-listing-filter__body .offer-listing-promotions__wrapper .offer-cards__wrapper .pagination .pag-container a:not(.active):hover {
    background-color: rgba(0, 0, 0, .04) !important;
    border-radius: .25rem !important;
    color: unset !important
}

.offer-listing-filter__body .offer-listing-promotions__wrapper .merchant-desktop-element .dropdown__list {
    max-height: 25.25rem
}

@media(max-width:767px) {
    .offer-listing-filter__body .offer-listing-promotions .search-primary-container {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        min-height: unset;
        padding: unset
    }

    .offer-listing-filter__body .offer-listing-promotions .search-primary-container .search-box {
        width: 100%
    }

    .offer-listing-filter__body .offer-listing-promotions .search-primary-container .search-box .input-container .search-box_icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin-left: 1rem;
        position: absolute;
        z-index: 10
    }

    .offer-listing-filter__body .offer-listing-promotions .offer-filter__dropdown {
        margin-bottom: unset
    }

    .offer-listing-filter__body .offer-listing-promotions .offer-filter__dropdown .dropdown__wrapper .dropdown__display.merchant-dropdown-display {
        padding: 1rem
    }

    .offer-listing-filter__body .offer-listing-promotions .dropdown__wrapper {
        margin-bottom: unset
    }

    .offer-listing-filter__body .offer-listing-promotions .dropdown__display {
        padding: .313rem 1.5rem .313rem 1rem
    }

    .offer-listing-filter__body .offer-listing-promotions .dropdown__display .sort-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .offer-listing-filter__body .offer-listing-promotions .dropdown__display .sort-title .display__title {
        color: var(--secondary-grey-60);
        font-size: .75rem
    }

    .offer-listing-filter__body .offer-listing-promotions .merchant-mobile-element .dropdown__list {
        max-height: 25.25rem
    }

    .offer-listing-filter__body .offer-listing-promotions .offer-cards__container {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        padding: 0 .5rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content {
        grid-gap: .25rem !important;
        gap: .25rem !important;
        padding: .75rem .5rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content:after,
    .offer-listing-filter__body .offer-listing-promotions .card-offer__content:before {
        height: 1.125rem !important;
        width: 1.125rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__label {
        font-size: .625rem !important;
        height: 1.875rem !important;
        line-height: .938rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__title {
        font-size: .625rem !important;
        height: 1.875rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__description {
        font-size: .625rem !important;
        line-height: .938rem !important;
        max-height: 2rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__description>* {
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        display: -webkit-box !important;
        font-size: unset !important;
        line-height: unset !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: break-word !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__expired-date {
        grid-column-gap: .25rem !important;
        -webkit-column-gap: .25rem !important;
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__expired-date>img {
        height: .625rem;
        width: .625rem
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__expired-date--icon {
        height: .75rem;
        width: .75rem
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__expired-date--date-time {
        font-size: .625rem;
        line-height: .75rem
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__expired-date-count-down {
        font-size: .625rem
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__link--button .button--text {
        font-size: .625rem;
        line-height: .938rem
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__link--button .button--icon>img {
        height: .625rem;
        width: .625rem
    }

    .offer-listing-filter__body .offer-listing-promotions .card-offer__content .card-content__favorite-promo>img {
        height: .625rem !important;
        width: .625rem !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-promotion__list {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        overflow: unset !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-promotion__item-wrapper {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        -ms-flex-preferred-size: 50% !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        flex-basis: 50% !important;
        flex-grow: 0 !important;
        max-width: 50% !important
    }

    .offer-listing-filter__body .offer-listing-promotions .card-promotion__item {
        width: unset !important
    }

    .offer-listing-filter__body .offer-listing-promotions .offer-filter__checkbox-item-mobile {
        line-height: 1.125rem;
        margin-bottom: 1.5rem;
        position: relative
    }

    .offer-listing-filter__body .offer-listing-promotions .offer-filter__checkbox-item-mobile label.checkbox-item__wrapper {
        color: #616161
    }

    .offer-listing-filter__body .offer-listing-promotions .offer-listing-filter__button {
        margin-bottom: 1.5rem;
        max-width: 100%;
        padding: 0 .5rem;
        width: 100%
    }

    .offer-listing-filter__body .offer-listing-promotions .input-dropdown li {
        min-height: 3pc
    }
}

.offer-listing-filter__body .offer-listing-promotions .offer-filter__checkbox-item {
    line-height: 1.125rem;
    margin-bottom: 1.5rem;
    position: relative
}

.offer-listing-filter__body .offer-listing-promotions .offer-filter__checkbox-item label.checkbox-item__wrapper {
    color: #616161
}

.offer-listing-filter__body .offer-listing-promotions .search-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

@media(max-width:576px) {
    .offer-listing-filter__body .offer-listing-promotions .search-area {
        display: none
    }
}

.offer-listing-filter__body .offer-listing-promotions .search-area .search-primary-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: unset;
    padding: 0
}

.offer-listing-filter__body .offer-listing-promotions .search-area .search-primary-container .search-box {
    width: 100%
}

.offer-listing-filter__body .offer-listing-promotions .search-area .search-primary-container .search-box .input-container .search-box_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: 1rem;
    position: absolute;
    z-index: 10
}

.offer-listing-filter__body .offer-listing-promotions .search-area .promotions-filter {
    margin-bottom: 0
}

.offer-listing-filter__body .offer-listing-promotions .search-area .promotions-filter .information-filter__load-more {
    margin-bottom: unset;
    margin-top: unset
}

.offer-listing-filter__body .offer-listing-promotions .search-area .promotions-filter .information-filter__load-more .load-more__button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: .75rem;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: .75rem;
    height: 3.5rem;
    justify-content: space-between;
    line-height: 1.5;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1rem 1.5rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.offer-listing-filter__body .offer-listing-promotions .search-area .promotions-filter .information-filter__load-more .load-more__button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.offer-listing-filter__body .offer-listing-promotions .search-area .promotions-filter .information-filter__load-more .load-more__button:hover {
    background-color: var(--secondary-grey-60)
}

.offer-listing-filter__body .offer-listing-promotions .search-area .promotions-filter .information-filter__load-more .load-more__button:hover .load-more__button-icon {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(232deg) brightness(107%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(232deg) brightness(107%) contrast(101%)
}

.offer-listing-filter__body .offer-listing-promotions .input-dropdown ul {
    background-color: #fff;
    display: none;
    list-style: none;
    margin: 0;
    max-height: 40vh;
    overflow: auto;
    padding: 8px 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.offer-listing-filter__body .offer-listing-promotions .input-dropdown ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    outline: 0;
    padding: 6px 1pc
}

.offer-listing-filter__body .offer-listing-promotions .input-dropdown ul li:hover {
    background-color: rgba(0, 0, 0, .04)
}

.offer-listing-filter__body .offer-listing-promotions .promotion-total-count {
    margin-bottom: 1.5rem
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__list {
    margin-bottom: 2rem !important
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 25rem
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__image {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    max-height: 10.625rem;
    min-height: 5.5rem
}

@media(max-width:768px) {
    .offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__image {
        height: auto !important
    }
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__image--wrapper {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__image--wrapper .image-card-offer {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__image--wrapper .image-card-offer>img {
    background: none;
    border: 0;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__image--wrapper>img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    justify-content: space-between;
    padding: 1.5rem 1rem;
    position: relative;
    width: 100%
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content:hover {
    cursor: unset;
    text-decoration: unset
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__label {
    color: var(--accent);
    font-size: .875rem;
    font-weight: 600;
    height: 2.625rem;
    letter-spacing: .125rem;
    line-height: 1.313rem;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    word-break: break-word
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__title {
    font-weight: 600;
    height: 3rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--secondary-grey-60);
    flex-grow: 1;
    font-weight: 400;
    max-height: 2.375rem;
    overflow: hidden
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__description>* {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.25rem;
    overflow: hidden
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__expired-date {
    grid-column-gap: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--secondary-grey-60);
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__expired-date--date-time {
    color: var(--secondary-grey-60);
    font-weight: 400;
    line-height: 1.5rem
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__link--button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .75rem;
    justify-content: space-between;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__link--button .button--text {
    color: #000;
    font-weight: 600
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__link--button .button--text:hover {
    color: red
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__link--button .button--icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content .expiry-date-section {
    margin: .5rem 0
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__expired-date-count-down {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 1rem;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    max-width: 100%
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__expired-date-count-down .progress-bar {
    -webkit-box-flex: 1;
    background-color: #dedede;
    border-radius: .5rem;
    -ms-flex: 1;
    flex: 1;
    height: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__expired-date-count-down .progress-bar__inner {
    background-color: #ed1b24;
    border-radius: .5rem;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__expired-date-count-down .countdown-time {
    color: #616161;
    font-size: .875rem;
    text-align: right
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__favorite-promo {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content__favorite-promo>img {
    height: 1.5rem;
    width: 1.5rem
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content .display-none {
    display: none
}

.offer-listing-filter__body .offer-listing-promotions .card-promotion__item .card-offer__content .card-content .display-unset {
    display: unset
}

.offer-listing-filter__body .offer-listing-promotions .pagination {
    margin-top: 1.5rem
}

.offer-listing-filter__body .offer-listing-promotions .pagination .pag-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right
}

.offer-listing-filter__body .offer-listing-promotions .pagination .pag-container label {
    color: var(--secondary-grey-60);
    cursor: pointer;
    font-size: 1.125rem;
    line-height: 1.875rem
}

.offer-listing-filter__body .offer-listing-promotions .pagination .pag-container--previous {
    margin-right: .5rem
}

.offer-listing-filter__body .offer-listing-promotions .pagination .pag-container--next {
    margin-left: .5rem
}

.offer-listing-filter__body .offer-listing-promotions .pagination a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--secondary-grey-60);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-right: .375rem;
    max-width: 1.625rem;
    padding: .25rem .5rem;
    text-align: center
}

.offer-listing-filter__body .offer-listing-promotions .pagination a:last-child {
    margin-right: 0
}

.offer-listing-filter__body .offer-listing-promotions .pagination a.active {
    background-color: red;
    border-radius: .25rem;
    color: #fff
}

.offer-listing-filter__body .offer-listing-promotions .pagination a:hover:not(.active) {
    color: red
}

.offer-listing .offer-filter__dropdown,
.offer-listing-promotions .offer-filter__dropdown {
    margin-bottom: 44px
}

.offer-listing-promotions.open .offer-filter__header,
.offer-listing.open .offer-filter__header {
    border-bottom: 1px solid #dedede;
    padding: 1pc
}

.offer-listing-promotions.open .offer-filter__header .title,
.offer-listing.open .offer-filter__header .title {
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px
}

.offer-listing-promotions.open .news_filter-group,
.offer-listing.open .news_filter-group {
    display: block;
    margin-bottom: auto;
    padding: 1pc 1pc 90px
}

.offer-listing-promotions.open .tcb-modal,
.offer-listing.open .tcb-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1300
}

.offer-listing-promotions.open .btn-close,
.offer-listing.open .btn-close {
    color: #ed1c24;
    font-weight: 500;
    position: absolute;
    right: 1pc
}

.offer-listing-promotions.open .tcb-modal_header,
.offer-listing.open .tcb-modal_header {
    border-bottom: 1px solid #dedede;
    margin-bottom: auto;
    padding: 1pc;
    position: relative
}

.offer-listing-promotions.open .tcb-modal_header .tcb-modal_title,
.offer-listing.open .tcb-modal_header .tcb-modal_title {
    color: rgba(0, 0, 0, .87);
    font-weight: 600
}

.offer-listing-promotions.open .news-filter__wrapper,
.offer-listing.open .news-filter__wrapper {
    padding: 0 !important
}

.offer-listing-promotions.open .tcb-modal_action-bar,
.offer-listing.open .tcb-modal_action-bar {
    padding: 0 1pc 1pc
}

.offer-listing-promotions.open .tcb-modal_action-bar .tcb-button,
.offer-listing.open .tcb-modal_action-bar .tcb-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.offer-listing-promotions.open .tcb-modal_action-bar .tcb-button img,
.offer-listing.open .tcb-modal_action-bar .tcb-button img {
    line-height: 0
}

.offer-listing-promotions.open .tcb-modal,
.offer-listing.open .tcb-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offer-listing .tcb-modal .news_filter-group,
.offer-listing-promotions .tcb-modal .news_filter-group {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1pc 1pc 24px
}

.offer-listing .tcb-modal .offer-filter__tab button,
.offer-listing-promotions .tcb-modal .offer-filter__tab button {
    padding: 9pt 1pc
}

.offer-listing .tcb-modal .offer-filter__tab.big-size button,
.offer-listing-promotions .tcb-modal .offer-filter__tab.big-size button {
    padding: 9pt 24px
}

.offer-listing .tcb-modal .offer-filter__title,
.offer-listing-promotions .tcb-modal .offer-filter__title {
    position: relative
}

.offer-listing .tcb-modal .offer-filter__title .btn-close,
.offer-listing-promotions .tcb-modal .offer-filter__title .btn-close {
    right: 0;
    top: 0
}

.offer-listing .not-found,
.offer-listing-promotions .not-found {
    display: none;
    margin: 0 auto;
    max-width: 490px;
    padding-top: 28px;
    text-align: center
}

.offer-listing .not-found .not-found-img,
.offer-listing-promotions .not-found .not-found-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.offer-listing .not-found .not-found-img img,
.offer-listing-promotions .not-found .not-found-img img {
    line-height: 0
}

.offer-listing .not-found .description,
.offer-listing-promotions .not-found .description {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .38px;
    line-height: 34px;
    padding-top: 24px
}

.offer-listing .offer-img,
.offer-listing-promotions .offer-img {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.offer-listing .offer-img img,
.offer-listing-promotions .offer-img img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.offer-listing .offer-img-mb,
.offer-listing-promotions .offer-img-mb {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.offer-listing .offer-img-mb img,
.offer-listing-promotions .offer-img-mb img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.offer-listing .offer-banner__text,
.offer-listing-promotions .offer-banner__text {
    z-index: 2
}

.offer-listing .black-text,
.offer-listing-promotions .black-text {
    color: #000
}

.offer-listing .offer-text__title,
.offer-listing-promotions .offer-text__title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    margin: 1pc 0 24px;
    z-index: 2
}

.offer-listing .offer-text__title .text-small,
.offer-listing-promotions .offer-text__title .text-small {
    font-size: 14px
}

.offer-listing .banner__description,
.offer-listing-promotions .banner__description {
    color: #fff;
    letter-spacing: -.2px
}

.offer-listing .banner__text,
.offer-listing-promotions .banner__text {
    color: #fff;
    font-weight: 600;
    line-height: 1.5
}

.offer-listing .offer-listing__wrapper,
.offer-listing-promotions .offer-listing__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.offer-listing .offer-filter__container,
.offer-listing-promotions .offer-filter__container {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 9pt
}

.offer-listing .offer-filter__title,
.offer-listing-promotions .offer-filter__title {
    margin-bottom: 24px;
    padding-bottom: 8px
}

.offer-listing .offer-filter__title h6,
.offer-listing .offer-filter__title p,
.offer-listing-promotions .offer-filter__title h6,
.offer-listing-promotions .offer-filter__title p {
    font-size: 1pc;
    font-weight: 600;
    line-height: 20px
}

.offer-listing .filter--border-bottom,
.offer-listing-promotions .filter--border-bottom {
    border-bottom: 1px solid #dedede
}

.offer-listing .autocomplete__wrapper,
.offer-listing-promotions .autocomplete__wrapper {
    margin: 0
}

.offer-listing .offer-filter__checkbox-item,
.offer-listing-promotions .offer-filter__checkbox-item {
    margin-bottom: 24px;
    position: relative
}

.offer-listing .offer-filter__checkbox-item .checkbox-item__wrapper div,
.offer-listing-promotions .offer-filter__checkbox-item .checkbox-item__wrapper div {
    color: #616161
}

.offer-listing .card-promotion__list,
.offer-listing-promotions .card-promotion__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.offer-listing .card-promotion__item-wrapper,
.offer-listing-promotions .card-promotion__item-wrapper {
    padding: 9pt
}

.offer-listing .card-promotion__item,
.offer-listing-promotions .card-promotion__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 25pc
}

.offer-listing .card-content__title,
.offer-listing-promotions .card-content__title {
    font-weight: 600
}

.offer-listing .offer-cards-title,
.offer-listing-promotions .offer-cards-title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 2pc
}

.offer-listing .offer-cards__container,
.offer-listing-promotions .offer-cards__container {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    padding: 9pt
}

.offer-listing .partner-offer-component__container .title,
.offer-listing-promotions .partner-offer-component__container .title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 20px
}

.offer-listing .partner-offer-component__container .offer-card-list,
.offer-listing-promotions .partner-offer-component__container .offer-card-list {
    grid-gap: 24px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr)
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--primary-white);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.offer-listing .partner-offer-component__container .offer-card-list .card-list__item-body,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .card-list__item-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 24px 2pc
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .image,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    max-height: 170px;
    min-height: 88px
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px 1pc
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content:hover,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content:hover {
    text-decoration: underline
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content .card-title,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content .card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content .offer-info,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content .offer-info {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 1pc
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content .offer-info>p:not(.offer-info__title),
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content .offer-info>p:not(.offer-info__title) {
    color: #616161;
    font-weight: 300
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content .offer-info .offer-info__title,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content .offer-info .offer-info__title {
    font-weight: 600
}

.offer-listing .partner-offer-component__container .offer-card-list .offer-card .content .due-date,
.offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .content .due-date {
    color: var(--gray-600);
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 1pc;
    text-transform: uppercase
}

.offer-listing .partner-offer-component__container .read-more,
.offer-listing-promotions .partner-offer-component__container .read-more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 24px 9pt 9pt;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.offer-listing .partner-offer-component__container .read-more:hover,
.offer-listing-promotions .partner-offer-component__container .read-more:hover {
    cursor: pointer;
    text-decoration: underline
}

.offer-listing .partner-offer-component__container .read-more span,
.offer-listing-promotions .partner-offer-component__container .read-more span {
    font-size: 1pc
}

.offer-listing .partner-offer-component__container .read-more .expand,
.offer-listing-promotions .partner-offer-component__container .read-more .expand {
    margin-left: 10px
}

.offer-listing .offer-cards__wrapper,
.offer-listing-promotions .offer-cards__wrapper {
    margin-bottom: 52px
}

.offer-listing .offer-cards__wrapper.not-offer .card-promotion__list,
.offer-listing .offer-cards__wrapper.not-offer .offer-card-list,
.offer-listing .offer-cards__wrapper.not-offer .read-more,
.offer-listing-promotions .offer-cards__wrapper.not-offer .card-promotion__list,
.offer-listing-promotions .offer-cards__wrapper.not-offer .offer-card-list,
.offer-listing-promotions .offer-cards__wrapper.not-offer .read-more {
    display: none
}

.offer-listing .offer-cards__wrapper.not-offer .not-found,
.offer-listing-promotions .offer-cards__wrapper.not-offer .not-found {
    display: block
}

.offer-listing .offer-cards__wrapper:last-child,
.offer-listing-promotions .offer-cards__wrapper:last-child {
    margin-bottom: 0
}

.offer-listing .card-offer__image,
.offer-listing-promotions .card-offer__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-negative: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    max-height: 170px;
    min-height: 88px
}

.offer-listing .card-offer__image img,
.offer-listing-promotions .card-offer__image img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.offer-listing .card-offer__content,
.offer-listing-promotions .card-offer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px 1pc;
    position: relative;
    width: 100%
}

.offer-listing .card-offer__content:hover,
.offer-listing-promotions .card-offer__content:hover {
    cursor: pointer;
    text-decoration: underline
}

.offer-listing .card-offer__content:before,
.offer-listing-promotions .card-offer__content:before {
    background-color: #f5f6f8;
    border-radius: 50%;
    content: "";
    display: block;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 28px
}

.offer-listing .card-offer__content:after,
.offer-listing-promotions .card-offer__content:after {
    background-color: #f5f6f8;
    border-radius: 50%;
    content: "";
    display: block;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    width: 28px
}

.offer-listing .card-content__title,
.offer-listing-promotions .card-content__title {
    line-height: 1.5;
    margin-bottom: 8px
}

.offer-listing .card-content__description,
.offer-listing-promotions .card-content__description {
    color: #616161;
    font-weight: 300;
    line-height: 1.5
}

.offer-listing .card-content__label,
.offer-listing-promotions .card-content__label {
    color: #616161;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-top: 1pc;
    text-transform: uppercase
}

.offer-listing .input__radio,
.offer-listing-promotions .input__radio {
    background-color: #fff
}

.section__margin-medium .offer-listing,
.section__margin-medium .offer-listing-promotions {
    margin-bottom: 2pc;
    margin-top: 2pc
}

@media(min-width:768px) {

    .offer-listing .card-promotion__item-wrapper,
    .offer-listing-promotions .card-promotion__item-wrapper {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(min-width:992px) {

    .offer-listing .card-promotion__item-wrapper,
    .offer-listing-promotions .card-promotion__item-wrapper {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .section__margin-medium .offer-listing,
    .section__margin-medium .offer-listing-promotions {
        margin-bottom: 3pc;
        margin-top: 3pc
    }
}

@media(max-width:991px) {

    .offer-listing .partner-offer-component .partner-offer-component__container .offer-card-list,
    .offer-listing-promotions .partner-offer-component .partner-offer-component__container .offer-card-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:767px) {

    .offer-listing .offer-filter__dropdown,
    .offer-listing-promotions .offer-filter__dropdown {
        margin-bottom: 20px
    }

    .offer-listing .offer-filter__dropdown.thinner,
    .offer-listing-promotions .offer-filter__dropdown.thinner {
        margin-bottom: 8px
    }

    .offer-listing .card-offer__image,
    .offer-listing-promotions .card-offer__image {
        height: 170px
    }

    .offer-listing .offer-cards-title,
    .offer-listing-promotions .offer-cards-title {
        margin-bottom: 24px
    }

    .offer-listing .filter--border-bottom,
    .offer-listing-promotions .filter--border-bottom {
        border-bottom: none
    }

    .offer-listing .card-promotion__item-wrapper,
    .offer-listing-promotions .card-promotion__item-wrapper {
        padding: 8px
    }

    .offer-listing .offer-img,
    .offer-listing-promotions .offer-img {
        display: none
    }

    .offer-listing .offer-img-mb,
    .offer-listing-promotions .offer-img-mb {
        display: block
    }

    .offer-listing .offer-banner,
    .offer-listing-promotions .offer-banner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 52px;
        min-height: 31pc
    }

    .offer-listing .offer-banner__text,
    .offer-listing-promotions .offer-banner__text {
        padding: 2pc 1pc
    }

    .offer-listing .card-promotion__list,
    .offer-listing-promotions .card-promotion__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: -8px;
        overflow: auto;
        width: calc(100% + 1pc)
    }

    .offer-listing .card-promotion__item,
    .offer-listing-promotions .card-promotion__item {
        width: 280px
    }

    .offer-listing .btn-open-filter,
    .offer-listing-promotions .btn-open-filter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border: none;
        border-radius: 8px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 1pc;
        font-weight: 600;
        justify-content: space-between;
        padding: 9pt 1pc;
        width: 100%
    }

    .offer-listing .btn-open-filter.scroll-over,
    .offer-listing-promotions .btn-open-filter.scroll-over {
        background-color: #fff;
        border-radius: 0 8px 8px 0;
        -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
        box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
        display: none;
        left: 0;
        line-height: 0;
        padding: 17px 28px 17px 34px;
        position: fixed;
        top: 75pt;
        width: auto;
        z-index: 1300
    }

    .offer-listing .btn-open-filter__icon,
    .offer-listing-promotions .btn-open-filter__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .offer-listing .partner-offer-component__container,
    .offer-listing-promotions .partner-offer-component__container {
        margin-top: 0 !important
    }

    .offer-listing .partner-offer-component__container .offer-card-list,
    .offer-listing-promotions .partner-offer-component__container .offer-card-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 1pc;
        margin: -8px;
        overflow: auto;
        padding: 8px;
        width: calc(100% + 1pc)
    }

    .offer-listing .partner-offer-component__container .offer-card-list .offer-card,
    .offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 280px
    }

    .offer-listing .partner-offer-component__container .offer-card-list .offer-card .image,
    .offer-listing-promotions .partner-offer-component__container .offer-card-list .offer-card .image {
        width: 280px
    }

    .offer-listing .partner-offer-component__container .read-more,
    .offer-listing-promotions .partner-offer-component__container .read-more {
        display: none
    }

    .offer-listing .partner-offer-component__container .title,
    .offer-listing-promotions .partner-offer-component__container .title {
        margin-bottom: 9pt
    }

    .offer-listing .offer-cards__container,
    .offer-listing-promotions .offer-cards__container {
        max-width: 100%;
        padding: 8px
    }

    .offer-listing .partner-offer-component .partner-offer-component__container .offer-card-list,
    .offer-listing-promotions .partner-offer-component .partner-offer-component__container .offer-card-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: scroll
    }

    .offer-listing .offer-card-list.no-wrap .offer-card,
    .offer-listing-promotions .offer-card-list.no-wrap .offer-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 77.2%;
        flex: 0 0 77.2%;
        margin: 8px;
        max-width: 77.2%
    }
}

.personal-section {
    background: #fff;
    position: relative
}

.personal-section:before {
    background: var(--right-panel-background-color);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%
}

.personal-section .personal-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.personal-section .personal-panel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin: -9pt;
    width: calc(100% + 24px)
}

.personal-section .personal-info {
    padding: 9pt
}

.personal-section .personal-info-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: calc(100% + 24px)
}

.personal-section .personal-info-content {
    padding-bottom: 74px;
    padding-left: 40px;
    padding-top: 88px;
    position: relative
}

.personal-section .personal-info-description {
    color: #ed1c24;
    font-weight: 300;
    margin-bottom: 1pc;
    position: relative
}

.personal-section .personal-info-name {
    margin: 0
}

.personal-section .personal-info-position {
    color: var(--gray-600);
    font-size: 1pc;
    margin-bottom: 4pc
}

.personal-section .personal-button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 9pt;
    justify-content: flex-start;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.personal-section .personal-button:hover {
    text-decoration: underline
}

.personal-section .bio-button-text {
    color: #000;
    cursor: pointer;
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px
}

.personal-section .personal-button-icon-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.personal-section .left-Square {
    background-color: #ed1c24;
    height: 24px;
    position: absolute;
    top: 92px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 24px
}

.personal-section .left-Square:before {
    bottom: 0;
    height: 75pt;
    left: -5pc;
    margin-bottom: 4px
}

.personal-section .left-Square:after,
.personal-section .left-Square:before {
    background-color: #e3e4e6;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    width: 1px
}

.personal-section .left-Square:after {
    height: 300px;
    margin-top: 31px;
    right: -7.5px
}

.personal-section .empty-col-bio {
    padding: 9pt
}

.personal-section .personal-image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9pt
}

.personal-section .personal-image-container {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4pc;
    overflow: hidden
}

.personal-section .personal-image-panel {
    overflow: hidden;
    position: relative
}

.personal-section .personal-image-panel,
.personal-section .personal-image-space {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.personal-section .image-personal {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: auto;
    overflow: hidden;
    width: auto;
    z-index: 1
}

.personal-section .personal-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 90pc;
    padding-left: 4pc;
    padding-right: 4pc
}

@media(min-width:768px) {
    .personal-section .personal-info {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }

    .personal-section .empty-col-bio {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 8.333333%;
        flex-basis: 8.333333%;
        flex-grow: 0;
        max-width: 8.333333%
    }

    .personal-section .personal-image {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
}

@media(min-width:992px) {
    .personal-section .personal-info {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 43.666667%;
        flex-basis: 43.666667%;
        flex-grow: 0;
        max-width: 43.666667%
    }
}

@media(max-width:1200px) {
    .personal-section .personal-container {
        padding-left: 4.4444444444vw;
        padding-right: 4.4444444444vw
    }
}

@media(max-width:1025px) {
    .personal-section .left-Square:after {
        height: 330px
    }
}

@media(max-width:991px) {
    .personal-section .empty-col-bio {
        display: none
    }
}

@media(max-width:767.98px) {
    .personal-section.pad-wrapper {
        padding-bottom: 3pc
    }

    .personal-section .image-personal {
        background: none;
        border: 0;
        border-radius: unset;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        height: auto;
        margin: 0;
        max-width: 100%;
        opacity: 1;
        padding: 0;
        position: relative;
        width: 100%
    }
}

@media(max-width:767px) {
    .personal-section:before {
        display: none
    }

    .personal-section .personal-image-container {
        border-radius: unset;
        margin-left: -4.4444444444vw;
        margin-top: 4pc;
        overflow: hidden;
        padding-bottom: 33px;
        padding-top: 0;
        position: relative;
        width: inherit
    }

    .personal-section .personal-image-container:before {
        background: #ed1c24;
        content: "";
        height: 100%;
        position: absolute;
        right: -4.4444444444vw;
        width: 90%
    }

    .personal-section .left-Square {
        top: 340px
    }

    .personal-section .left-Square:after {
        height: 380px
    }

    .personal-section .personal-info-content {
        border-left: 0;
        margin-left: 15px;
        padding-bottom: 0;
        padding-top: 27px;
        position: relative
    }

    .personal-section .personal-info-container {
        width: 100%
    }

    .personal-section .personal-info {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 8px;
        width: 100%
    }

    .personal-section .personal-image {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 8px;
        width: -webkit-fill-available
    }

    .personal-section .personal-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin: -8px;
        width: calc(100% + 1pc)
    }
}

@media(max-width:376px) {
    .personal-section .left-Square {
        top: 335px
    }
}

.popup-download {
    background-color: rgba(0, 0, 0, .6);
    display: none;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.popup-download .popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 .688rem .938rem -.438rem rgba(0, 0, 0, .2), 0 1.5rem 2.375rem .188rem rgba(0, 0, 0, .14), 0 .563rem 2.875rem .5rem rgba(0, 0, 0, .12);
    box-shadow: 0 .688rem .938rem -.438rem rgba(0, 0, 0, .2), 0 1.5rem 2.375rem .188rem rgba(0, 0, 0, .14), 0 .563rem 2.875rem .5rem rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    max-height: calc(100% - 4rem);
    max-width: 54.125rem;
    position: relative;
    width: calc(100% - 4rem)
}

.popup-download .popup-content .head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: .5rem .5rem .5rem 1rem
}

.popup-download .popup-content .head span.title {
    font-size: var(--heading3-font-size);
    font-weight: var(--heading3-font-weight);
    line-height: var(--heading3-line-height)
}

.popup-download .popup-content .head .close-btn {
    -webkit-box-flex: 0;
    background-color: inherit;
    border: none;
    border-radius: 50%;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: .75rem;
    -webkit-transition: .2s;
    transition: .2s
}

.popup-download .popup-content .head .close-btn:hover {
    background-color: hsla(0, 0%, 50%, .082)
}

.popup-download .popup-content .head .close-btn .button-label {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: inherit;
    width: 100%
}

.popup-download .popup-content .loading {
    display: none;
    padding: .5rem 1.5rem;
    text-align: center
}

.popup-download .popup-content .file-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: .5rem 1.5rem
}

.popup-download .popup-content .file-content canvas {
    margin: auto
}

.popup-download .popup-content .foot {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    justify-content: center;
    line-height: 1.5rem;
    margin: 0 auto;
    padding: 1.5rem 0
}

.popup-download .popup-content .foot a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .75rem
}

.popup-download .popup-content .foot a:hover {
    text-decoration: underline
}

.popup-download .popup-content .foot a img {
    max-width: 1rem
}

.popup-download .popup-content.video {
    margin-top: 6.25rem;
    max-height: unset;
    width: calc(100% - 1rem)
}

.popup-download .popup-content.video .head {
    border-bottom: 1px solid #e9ecef
}

.popup-download .popup-content.video .head span.title {
    font-size: var(--subtitle)
}

.popup-download .popup-content.video .head .close-btn:hover {
    background-color: unset
}

.popup-download .popup-content.video .file-content {
    overflow-y: visible;
    padding: 1rem
}

.popup-download .popup-content.video .file-content .video-container {
    position: relative
}

.popup-download .popup-content.video .file-content .video-container:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.popup-download .popup-content.video .file-content .video-container iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.popup-download .popup-content.video .foot {
    display: none
}

.quick-access {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.quick-access__title {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    flex-grow: 0;
    margin: 0;
    max-width: 25%;
    padding: 9pt 0
}

.quick-access__title h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.25;
    padding: 0
}

.quick-access__table-desktop {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%
}

.quick-access__table-desktop .quick-access-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 0
}

.quick-access__table-desktop-mobile {
    display: none
}

.quick-access .table-mobile__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0 8px;
    overflow: hidden;
    width: 100%
}

.quick-access .table-mobile__header-items {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    padding: 24px 1pc
}

.quick-access .header-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.quick-access .header-item:not(:last-child) {
    border-bottom: 1px solid #dedede;
    margin-bottom: 1pc;
    padding-bottom: 1pc
}

.quick-access .header-item__img {
    line-height: 0
}

.quick-access .header-item__img img {
    height: 17px;
    width: 1pc
}

.quick-access .table-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    align-items: flex-end;
    background-color: transparent;
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    color: inherit;
    display: inline-block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    min-height: auto;
    padding: 8px 24px 0;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
    white-space: nowrap;
    width: 100%
}

.quick-access .table-header__items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    overflow: auto
}

.quick-access .table-header__items::-webkit-scrollbar {
    display: none
}

.quick-access .table-header__items .header__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    color: #a2a2a2;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1pc;
    font-weight: 400;
    min-height: 40px
}

.quick-access .table-header__items .header__button:hover {
    background-color: var(--secondary-light-grey-80)
}

.quick-access .table-header__items .header__button:first-child {
    border-bottom: 4px solid #ed1c24
}

.quick-access .table-header__items .header__button h3.table-header__tab {
    font-size: 1pc;
    font-weight: unset;
    line-height: 24px
}

.quick-access .table-header__items .header__selected {
    color: var(--primary-black);
    font-weight: 600 !important
}

.quick-access .table-records {
    height: 100%
}

.quick-access .table-records .table-records__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.quick-access .table-records .record__show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quick-access .table-records__inner-top {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-bottom: 1px solid #dedede;
    flex-grow: 1
}

.quick-access .table-records__inner-top-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0
}

.quick-access .table-records__inner-top-header .header__title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-align: center;
    text-transform: inherit;
    width: 25%
}

.quick-access .table-records__inner-top-header .header__title p {
    font-size: 14px;
    font-weight: 400
}

.quick-access .table-records__inner-top-body {
    border-top: 1px solid #dedede;
    margin-top: 0
}

.quick-access .simple .table-records__inner-top-body {
    margin-top: 10px
}

.quick-access .table-records__inner-top-body .body__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.5;
    padding: 6px 0;
    pointer-events: none;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.quick-access .simple .table-records__inner-top-body .body__item {
    padding: 8px 3pc;
    pointer-events: unset
}

.quick-access .table-records__inner-top-body .body__item:nth-child(odd) {
    background-color: #f5f6f8
}

.quick-access .table-records__inner-top-body .body__item-flag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    padding-left: 24px;
    pointer-events: none;
    width: 25%
}

.quick-access .table-records__inner-top-body .body__item-flag~* {
    color: var(--gray-600);
    text-align: center
}

.quick-access .body__item-flag img {
    width: 1pc
}

.quick-access .body__item-flag p {
    font-weight: 600;
    margin-left: 8px
}

.quick-access .body__item-currency-value {
    color: var(--primary-black);
    text-align: left;
    width: 25%
}

.quick-access .simple .body__item-currency-value {
    width: unset
}

.quick-access .table-records__inner-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1pc 28px 2pc 24px
}

.quick-access .simple .table-records__inner-footer,
.quick-access .table-records__inner-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quick-access .simple .table-records__inner-footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1pc 28px 2pc 0
}

.quick-access .inner-footer__right-text {
    color: #a2a2a2;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: inherit
}

.quick-access .inner-footer__button-link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 9pt;
    align-items: center;
    background-color: inherit;
    border: none;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    line-height: 1.5;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: auto
}

.quick-access .inner-footer__button-link .button-link__svg {
    line-height: 0
}

.quick-access .inner-footer__button-link:hover {
    text-decoration: underline
}

.quick-access .pop-up {
    -webkit-animation-name: curExFadeIn;
    animation-name: curExFadeIn;
    background-color: rgba(0, 0, 0, .8);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    top: 0;
    z-index: 10
}

.quick-access .pop-up,
.quick-access .pop-up-content {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    position: fixed;
    width: 100%
}

.quick-access .pop-up-content {
    -webkit-animation-name: curExSlideIn;
    animation-name: curExSlideIn;
    background-color: #fefefe;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    bottom: 0
}

.quick-access .pop-up-content .title {
    color: #313131;
    padding: 1pc 24px
}

.quick-access .pop-up-content .title p {
    font-size: 1pc;
    font-weight: 700;
    line-height: 1.5
}

@-webkit-keyframes curExSlideIn {
    0% {
        bottom: -500px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes curExSlideIn {
    0% {
        bottom: -500px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes curExFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes curExFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media(max-width:1920px) {

    .quick-access .quick-access__table-desktop,
    .quick-access .quick-access__tabs {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .quick-access .quick-access__tabs {
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
        max-width: 31%
    }
}

@media(max-width:991px) {
    .quick-access .quick-access {
        padding-bottom: 24px;
        padding-top: 2pc
    }

    .quick-access .quick-access__table-desktop,
    .quick-access .quick-access__tabs {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .quick-access .quick-access__tabs {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        max-width: 49%
    }

    .quick-access .quick-access__title {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%;
        padding-top: 4px
    }

    .quick-access .quick-access__tabs .tabs__item {
        padding: 20px
    }
}

@media(max-width:768px) {
    .quick-access .header-item {
        line-height: 1.2pc
    }

    .quick-access .table-records__inner-top {
        min-height: auto
    }

    .quick-access .quick-access__table-desktop,
    .quick-access .quick-access__tabs {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .quick-access .quick-access__tabs {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        max-width: 48%
    }

    .quick-access .header_layout .navigation_primary-wrapper {
        width: calc(100% - 88px)
    }
}

@media(max-width:767px) {
    .quick-access {
        margin: -8px;
        width: calc(100% + 1pc)
    }

    .quick-access .quick-access__title {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }

    .quick-access .quick-access__table-desktop {
        display: none
    }

    .quick-access .quick-access__table-desktop-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .quick-access .quick-access__table-desktop-mobile,
    .quick-access .quick-access__tabs {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }

    .quick-access .quick-access__tabs .item-link__text p {
        display: none
    }

    .quick-access .quick-access__tabs .item-link__text {
        width: 68%
    }

    .quick-access .quick-access__tabs .item-link__text h6 {
        font-size: 15px;
        font-weight: 500
    }

    .quick-access .header_layout .navigation_primary-wrapper {
        width: calc(100% - 68px)
    }
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--primary-background);
    border-top-left-radius: .5rem;
    bottom: 0;
    -webkit-box-shadow: -2px -2px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: -2px -2px 20px 0 rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    max-width: 500px;
    padding: 2rem;
    position: fixed;
    right: 0;
    -webkit-transform: none;
    transform: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1400
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup.hidden {
    display: none
}

@media(max-width:767px) {
    tcb-recommend-pre-page-popup .recommend-pre-page-popup {
        max-width: unset;
        width: 100%
    }
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup .recommend-content .recommend-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--secondary-grey-60);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    gap: 9pt;
    line-height: 36px
}

@media(max-width:767px) {
    tcb-recommend-pre-page-popup .recommend-pre-page-popup .recommend-content .recommend-title {
        font-size: 20px;
        font-style: normal;
        gap: 8px;
        line-height: 30px
    }
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup .recommend-content .recommend-description {
    color: var(--secondary-grey-60);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-left: 3pc;
    margin-top: 1pc
}

@media(max-width:767px) {
    tcb-recommend-pre-page-popup .recommend-pre-page-popup .recommend-content .recommend-description {
        margin-left: 38px;
        margin-top: 8px
    }
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup .recommend-content .recommend-description .page-title {
    color: var(--primary-black);
    font-size: 1pc;
    font-weight: 500;
    line-height: 24px
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup .button-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-left: 3pc;
    margin-top: 24px
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup .button-block button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: var(--primary-background);
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    gap: 9pt;
    justify-content: space-between;
    padding: 1pc 24px;
    width: 100%
}

tcb-recommend-pre-page-popup .recommend-pre-page-popup .button-block button.primary {
    background-color: var(--primary-black);
    color: #fff
}

@media(max-width:767px) {
    tcb-recommend-pre-page-popup .recommend-pre-page-popup .button-block button {
        padding: 9pt 1pc
    }

    tcb-recommend-pre-page-popup .recommend-pre-page-popup .button-block {
        gap: 1pc;
        margin-left: 38px
    }
}

@-webkit-keyframes tilt-shaking {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes tilt-shaking {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

tcb-recommend-pre-page-popup .icon-svg {
    -webkit-animation: tilt-shaking .4s infinite;
    animation: tilt-shaking .4s infinite;
    cursor: pointer;
    position: fixed;
    right: 3pc;
    top: 82%;
    z-index: 1500
}

@media(max-width:1024px) {
    tcb-recommend-pre-page-popup .icon-svg {
        right: 1pc;
        top: calc(100% - 200px)
    }
}

tcb-recommend-pre-page-popup .icon-svg.display {
    display: unset
}

.scroll-margin-top-header {
    scroll-margin-top: 117px
}

@media screen and (max-width:768) {
    .scroll-margin-top-header {
        scroll-margin-top: 72px
    }
}

.tcb-sectionContainer .input-search {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: .5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 3.5rem;
    outline: none;
    padding: .75rem 3rem;
    position: relative;
    width: 100%
}

.tcb-sectionContainer .tabs-event-card .expansion-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem
}

.tcb-sectionContainer .tabs-event-card .expansion-area .result {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: .5rem;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .08);
    padding: 1.5rem
}

.tcb-sectionContainer .tabs-event-card .expansion-area .result .result_title {
    color: var(--body);
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.5
}

.tcb-sectionContainer .tabs-event-card .expansion-area .result .result_description {
    color: var(--gray-600);
    margin-top: .5rem
}

.tcb-sectionContainer .tabs-event-card .pagination {
    margin-top: 1.5rem
}

.tcb-sectionContainer .tabs-event-card .pagination .pag-container {
    float: right
}

.tcb-sectionContainer .tabs-event-card .pagination a {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
    margin-right: .375rem;
    padding: .25rem .5rem;
    text-align: center
}

.tcb-sectionContainer .tabs-event-card .pagination a:last-child {
    margin-right: 0
}

.tcb-sectionContainer .tabs-event-card .pagination a.active {
    background-color: red;
    border-radius: .25rem;
    color: #fff
}

.tcb-sectionContainer .tabs-event-card .pagination a:hover:not(.active) {
    color: red
}

.search-result__wrapper {
    margin: auto;
    max-width: 76pc;
    min-height: calc(100vh - 200px)
}

.search-result__wrapper [class*=gsc-] {
    font-family: SF Pro Display;
    scroll-margin-top: 130px
}

.search-result__wrapper [class=gcsc-more-maybe-branding-root],
.search-result__wrapper [class=gs-per-result-labels],
.search-result__wrapper [class=gsc-adBlock],
.search-result__wrapper [class=gsc-search-button] {
    display: none
}

.search-result__wrapper [class=gsc-expansionArea] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px
}

@media(max-width:1024px) {
    .search-result__wrapper [class=gsc-expansionArea] {
        row-gap: 1pc
    }
}

.search-result__wrapper div[class^="gsc-webResult gsc-result"] {
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .08);
    padding: 24px
}

@media(max-width:1024px) {
    .search-result__wrapper div[class^="gsc-webResult gsc-result"] {
        padding: 1pc
    }
}

.search-result__wrapper [class^="gs-webResult gs-result"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px
}

.search-result__wrapper [class*=gs-result] a[class=gs-title],
.search-result__wrapper [class*=gs-result] a[class=gs-title] * {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px
}

.search-result__wrapper [class*=gs-snippet] {
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.search-result__wrapper [class*=gs-snippet] b {
    color: var(--primary-black)
}

.search-result__wrapper [class*=gs-no-results-result] [class=gs-snippet] {
    background-color: unset;
    border: unset
}

.search-result__wrapper [class*=gsc-refinementHeader][class*=gsc-refinementhActive],
.search-result__wrapper [class*=gsc-refinementHeader][class*=gsc-refinementhInactive] {
    background-color: transparent;
    font-size: 1pc;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-right: 24px
}

.search-result__wrapper [class*=gsc-refinementHeader][class*=gsc-refinementhActive] {
    border-color: var(--primary-red);
    border-width: 4px;
    font-weight: 700
}

.search-result__wrapper [class*=gs-visibleUrl-breadcrumb] {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.search-result__wrapper [class*=gsc-results]>[class*=gsc-cursor-box] {
    margin: 24px 0 0;
    text-align: left
}

.search-result__wrapper [class*=gsc-results]>[class*=gsc-cursor-box] [class=gsc-cursor] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.search-result__wrapper [class*=gsc-results]>[class*=gsc-cursor-box] [class*=gsc-cursor-page] {
    background-color: transparent;
    color: var(--gray-600);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    margin-right: 1pc;
    text-align: center
}

.search-result__wrapper [class*=gsc-results]>[class*=gsc-cursor-box] [class*=gsc-cursor-page]:last-child {
    margin-right: 0
}

.search-result__wrapper [class*=gsc-results]>[class*=gsc-cursor-box] [class*=gsc-cursor-page]:hover {
    color: var(--primary-red);
    text-decoration: none
}

.search-result__wrapper [class*=gsc-results]>[class*=gsc-cursor-box] [class*=gsc-cursor-page][class*=gsc-cursor-current-pag] {
    background-color: var(--primary-red);
    border-radius: 4px;
    color: var(--primary-white)
}

.search-result__wrapper .gsc-refinementHeader {
    padding: 0
}

.search-result__wrapper .gsc-refinementHeader.gsc-refinementhInactive {
    font-weight: 400
}

.search-result__wrapper .gsc-refinementHeader.gsc-refinementhActive {
    font-weight: 700;
    padding-bottom: 8px
}

.search-result__wrapper .gsc-refinementHeader span {
    pointer-events: none
}

.search-result__wrapper .gcsc-more-maybe-branding-box,
.search-result__wrapper .gsc-adBlockNoHeight,
.search-result__wrapper .gsc-resultsbox-visible .gs-result .gsc-url-top {
    display: none
}

.search-result__wrapper .gs-spelling a,
.search-result__wrapper .gs-spelling span {
    font-size: 1pc
}

.search-result__wrapper .gs-spelling span:after {
    content: " "
}

.search-result__wrapper .gsc-cursor-page.gsc-cursor-current-page {
    width: 26px
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion {
    background: var(--primary-white);
    margin-bottom: 24px
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-promotion-table {
    padding: 0
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-promotion-text-cell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    grid-row-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    row-gap: 8px
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-promotion-text-cell>div.gs-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-promotion-text-cell>div.gs-title img {
    height: 25px;
    width: 25px
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-promotion-text-cell a.gs-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media(max-width:767px) {
    .search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-promotion-text-cell a.gs-title {
        -webkit-line-clamp: 2
    }
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-visibleUrl {
    display: none
}

.search-result__wrapper .gsc-webResult.gsc-result.gsc-promotion .gs-snippet {
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.search-result__wrapper .gsc-results {
    margin-top: 24px;
    width: 100%
}

@media(max-width:767px) {
    .search-result__wrapper .gsc-results {
        margin-top: 1pc
    }
}

.search-result__wrapper .gs-no-results-result {
    margin-top: 24px
}

.search-result__wrapper .gs-no-results-result .gs-snippet {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.search-result__wrapper .gsc-control-cse {
    background-color: inherit;
    border: 0
}

.search-result__wrapper .gsc-refinementsArea {
    margin-top: 24px
}

@media screen and (max-width:1024px) {
    .search-result__wrapper .gsc-refinementsArea {
        background-color: transparent;
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        border-top: 0
    }
}

.search-result__wrapper .gsc-above-wrapper-area {
    border-bottom: 0;
    padding: 8px 0 24px
}

@media(max-width:1024px) {
    .search-result__wrapper .gsc-above-wrapper-area {
        padding: 0 0 1pc
    }
}

.search-result__wrapper .gsc-result-info-container {
    display: none
}

.search-result__wrapper .gsc-results>.gsc-result {
    margin-bottom: 24px
}

.search-result__wrapper .gsc-refinementsGradient {
    display: none
}

.search-result__wrapper .gsc-table-result,
.search-result__wrapper .gsc-thumbnail-inside {
    padding: 0
}

.search-result__wrapper div[id*=___gcse_] .gsc-input-box .gsc-input-prefix-icon {
    padding-left: 8px
}

.search-result__wrapper div[id*=___gcse_] .gsc-input-box .gsc-input-prefix-icon img {
    display: none
}

.search-result__wrapper div[id*=___gcse_] .gsc-input-box input.gsc-input::-webkit-input-placeholder {
    background-image: var(--searchIconUrl);
    background-position: 0;
    background-repeat: no-repeat;
    margin-right: 30px;
    padding-left: 5px;
    text-indent: 24px
}

@media(max-width:1024px) {
    .search-result__wrapper .gsc-control-cse .gsc-option-menu-container {
        width: 100%
    }

    .search-result__wrapper .gsc-above-wrapper-area-container tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .search-result__wrapper .gsc-control-cse {
        padding: 0
    }

    .search-result__wrapper .gsc-select-custom {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        background-color: var(--primary-white);
        border: 1px solid var(--light-background-hover);
        border-radius: 8px;
        height: 56px;
        justify-content: space-between;
        padding: 0 1pc
    }

    .search-result__wrapper .gsc-select-custom,
    .search-result__wrapper .gsc-select-custom .gsc-select-custom-selector {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .search-result__wrapper .gsc-select-custom .gsc-select-custom-selector {
        pointer-events: none;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s
    }

    .search-result__wrapper .gsc-select-custom span {
        font-family: SF Pro Display;
        font-size: 1pc;
        line-height: 24px;
        pointer-events: none
    }

    .search-result__wrapper .gsc-refinementsArea {
        border: 0;
        margin: 24px 0 1pc;
        overflow: unset;
        position: relative
    }

    .search-result__wrapper .gsc-refinementBlock {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-color: var(--primary-white);
        border: 1px solid var(--light-background-hover);
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
        display: none;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px 0;
        position: absolute;
        top: 58px;
        width: 100%;
        z-index: 1
    }

    .search-result__wrapper .gsc-refinementHeader.gsc-refinementhInactive {
        padding: 8px 1pc;
        width: 100%
    }

    .search-result__wrapper .gsc-refinementHeader.gsc-refinementhActive {
        background-color: rgba(0, 0, 0, .08);
        border-width: 0;
        border-bottom: 0;
        padding: 8px 1pc;
        width: 100%
    }

    .search-result__wrapper .gsc-refinementHeader.gsc-refinementhActive span {
        font-weight: 600
    }

    .search-result__wrapper .gsc-refinementHeader span {
        font-size: 1pc;
        font-weight: 400;
        pointer-events: none
    }

    .search-result__wrapper .gsc-results>.gsc-result {
        margin-bottom: 1pc
    }
}

@media screen and (min-width:1025px) {
    .search-result__wrapper .gsc-select-custom {
        display: none
    }

    .search-result__wrapper .gsc-refinementBlock {
        display: unset !important
    }
}

body:has(.search-result__wrapper)>table[class*=gstl_] {
    z-index: 14 !important
}

body:not(:has(.search-result__wrapper))>table[class*=gstl_]:first-of-type {
    position: fixed !important
}

body:not(:has(.search-result__wrapper))>table[class*=gstl_]:nth-of-type(2) {
    position: fixed !important
}

body>table[class*=gstl_] {
    background-color: var(--primary-white);
    border: 1px solid var(--secondary-mid-grey-60);
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .08);
    display: block;
    max-height: 184px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1pc 0
}

body>table[class*=gstl_]::-webkit-scrollbar {
    border-radius: 8px;
    height: 8px;
    width: 8px
}

body>table[class*=gstl_]::-webkit-scrollbar-track {
    background: #f1f1f1
}

body>table[class*=gstl_]::-webkit-scrollbar-thumb {
    background: var(--secondary-mid-grey-100);
    border-radius: 4px
}

body>table[class*=gstl_] tbody,
body>table[class*=gstl_] td,
body>table[class*=gstl_] tr {
    display: block
}

body>table[class*=gstl_] .gssb_a {
    border: 0;
    color: var(--secondary-grey-60);
    cursor: pointer;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0
}

body>table[class*=gstl_] .gssb_a b {
    color: var(--primary-black);
    font-size: 1pc;
    font-weight: 600;
    line-height: 24px;
    white-space: break-spaces
}

body>table[class*=gstl_] .gssb_a * {
    font-family: SF Pro Display
}

body>table[class*=gstl_] .gsc-completion-container,
body>table[class*=gstl_] .gssb_e {
    -webkit-box-shadow: none;
    box-shadow: none
}

body>table[class*=gstl_] .gssb_a {
    padding: 4px 24px
}

body>table[class*=gstl_] .gsc-completion-container {
    border: none;
    overflow: hidden
}

div[id*=___gcse_] .gsc-search-button {
    display: none
}

div[id*=___gcse_] table td.gsc-input {
    padding-right: 0
}

.search-result__wrapper div[id*=___gcse_] table td.gsc-input {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

@media(max-width:1024px) {
    .search-result__wrapper div[id*=___gcse_] table td.gsc-input {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.5rem
    }
}

.search-result__wrapper div[id*=___gcse_] table td.gsc-input .gsc-input-box {
    width: 70%
}

@media(max-width:1024px) {
    .search-result__wrapper div[id*=___gcse_] table td.gsc-input .gsc-input-box {
        width: 100%
    }
}

div[id*=___gcse_] table td.gsc-input input::-webkit-input-placeholder {
    color: var(--secondary-mid-grey-100);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

div[id*=___gcse_] table td.gsc-input input::-moz-placeholder {
    color: var(--secondary-mid-grey-100);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

div[id*=___gcse_] table td.gsc-input input:-ms-input-placeholder {
    color: var(--secondary-mid-grey-100);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

div[id*=___gcse_] table td.gsc-input input::-ms-input-placeholder {
    color: var(--secondary-mid-grey-100);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

div[id*=___gcse_] table td.gsc-input input::placeholder {
    color: var(--secondary-mid-grey-100);
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

div[id*=___gcse_] .gsc-input-box {
    border-radius: 8px;
    padding: 0
}

div[id*=___gcse_] .gsc-input-box .gsc-input-prefix-icon {
    padding-left: 1pc
}

div[id*=___gcse_] .gsc-input-box .gsc-input-prefix-icon img {
    display: block
}

div[id*=___gcse_] .gsc-input-box .gsst_a {
    padding: 0
}

div[id*=___gcse_] .gsc-input-box .gsst_a>span {
    display: none
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 2pc;
    justify-content: center;
    margin: 0;
    padding: 0;
    -webkit-transition: all .15s;
    transition: all .15s;
    width: 2pc
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div>span {
    background: none;
    border: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20px
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div>span:after,
div[id*=___gcse_] .gsc-input-box .gsst_a>div>span:before {
    background: #ed1b24;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 9px
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div>span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div>span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div>span span {
    display: block
}

div[id*=___gcse_] .gsc-input-box .gsst_a>div:focus,
div[id*=___gcse_] .gsc-input-box .gsst_a>div:hover {
    background: rgba(0, 0, 0, .1)
}

div[id*=___gcse_] .gsc-input-box .gsib_a {
    line-height: 24px;
    padding: 1pc
}

div[id*=___gcse_] .gsc-input-box .gsst_b {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1pc
}

div[id*=___gcse_] .gsc-dropdown-box {
    width: 30%
}

@media(max-width:1024px) {
    div[id*=___gcse_] .gsc-dropdown-box {
        width: 100%
    }
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper {
    margin-bottom: 0;
    position: relative
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper.expanded .dropdown__button img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper.expanded .dropdown__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: transparent;
    border: 1px solid #000;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.5rem
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__button img {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__button:hover {
    cursor: pointer
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__content {
    background-color: var(--primary-background);
    border: 1px solid var(--light-background-hover);
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
    display: none;
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    width: 100%;
    z-index: 1
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__content ul {
    -webkit-padding-start: unset;
    list-style-type: none;
    padding-inline-start: unset;
    padding: .5rem 0
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__content .dropdown__item {
    -ms-flex-line-pack: center;
    align-content: center;
    border-bottom: unset;
    max-height: 2.5rem;
    padding: .5rem 1.5rem
}

div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__content .dropdown__item.selected,
div[id*=___gcse_] .gsc-dropdown-box .dropdown__wrapper .dropdown__content .dropdown__item:hover {
    background-color: rgba(0, 0, 0, .08);
    font-weight: 600
}

.gsc-resultsbox-visible {
    max-width: 100%;
    min-width: calc(70% - 1.5rem)
}

.gsc-resultsbox-visible .gs-image-box {
    display: none
}

.gsc-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 1.5rem
}

.gsc-wrapper:has(.gs-captcha-outer-wrapper:not([style*=display])) .gsc-ad-banner,
.gsc-wrapper:has(.gs-captcha-outer-wrapper:not([style*=display])) .gsc-promotion-list-content {
    display: none
}

.gsc-wrapper .gsc-resultsbox-invisible~.gsc-ad-banner,
.gsc-wrapper:not(.gsc-promotion-list) .gsc-promotion-list-content {
    display: none
}

.gsc-wrapper.gsc-promotion-list {
    display: block !important
}

.gsc-wrapper.gsc-promotion-list .gsc-ad-banner,
.gsc-wrapper.gsc-promotion-list .gsc-resultsbox-visible {
    display: none
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content {
    margin-top: 1rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    overflow: unset
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__list {
        gap: 1rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__empty {
    padding: 1.5rem 0
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 calc(33.33333% - 1.5rem);
    flex: 1 calc(33.33333% - 1.5rem)
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 calc(50% - 1rem);
        flex: 1 calc(50% - 1rem)
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 25rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__image {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    max-height: 10.625rem;
    min-height: 5.5rem
}

@media(max-width:768px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__image {
        height: auto !important
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__image--wrapper {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__image--wrapper .image-card-offer {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__image--wrapper .image-card-offer>img {
    background: none;
    border: 0;
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0;
    width: auto
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__image--wrapper>img {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    padding: 0;
    position: absolute;
    width: 0
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    justify-content: space-between;
    padding: 1.5rem 1rem;
    position: relative;
    width: 100%
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content {
        padding: .75rem .5rem
    }

    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content:after,
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content:before {
        height: 1.125rem !important;
        width: 1.125rem !important
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content:hover {
    cursor: unset;
    text-decoration: unset
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content:before {
    background-color: #f5f6f8;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.75rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1.75rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content:after {
    background-color: #f5f6f8;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1.75rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    width: 1.75rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__label {
    color: var(--accent);
    font-size: .875rem;
    font-weight: 600;
    height: 2.625rem;
    letter-spacing: .125rem;
    line-height: 1.313rem;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    word-break: break-word
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__label {
        font-size: .625rem;
        height: 1.875rem;
        line-height: .938rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__title {
    font-size: 1rem;
    font-weight: 600;
    height: 3rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__title {
        font-size: .625rem;
        height: 1.875rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--secondary-grey-60);
    flex-grow: 1;
    font-weight: 400;
    max-height: 2.375rem;
    overflow: hidden
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__description>* {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.25rem;
    overflow: hidden
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__description {
        font-size: .625rem;
        line-height: .938rem;
        max-height: 2rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__link--button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .75rem;
    justify-content: space-between;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__link--button .button--text {
    color: #000;
    font-size: 1rem;
    font-weight: 600
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__link--button .button--text:hover {
    color: red
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__link--button .button--text {
        font-size: .625rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__link--button .button--icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__favorite-promo {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content__favorite-promo img {
    height: 1rem;
    width: 1rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content .display-none {
    display: none
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .card-content .display-unset {
    display: unset
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired {
        margin-top: .5rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-progress {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-gap: 1rem;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    max-width: 100%
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-progress {
        display: block
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-progress__progress-bar {
    -webkit-box-flex: 1;
    background-color: var(--secondary-mid-grey-60);
    border-radius: .5rem;
    -ms-flex: 1;
    flex: 1;
    height: .25rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-progress__progress-bar--inner {
    background-color: var(--primary-red);
    border-radius: .5rem;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-progress__countdown-time {
    color: var(--secondary-grey-60);
    font-size: .875rem;
    text-align: right
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-progress__countdown-time {
        font-size: .625rem;
        margin-top: .5rem;
        text-align: left
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-label .expired-label--text {
    color: var(--secondary-grey-60);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:767px) {
    .gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .card-promotion__item .card-offer__content .promotion__expired .expired-label .expired-label--text {
        font-size: .625rem
    }
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination {
    margin-top: 1.5rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--secondary-grey-60);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-right: .375rem;
    max-width: 1.625rem;
    padding: .25rem .5rem;
    text-align: center
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container a:last-child {
    margin-right: 0
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container a.active {
    background-color: red;
    border-radius: .25rem;
    color: #fff
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container a:hover:not(.active) {
    color: red
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container label {
    color: var(--secondary-grey-60);
    cursor: pointer;
    font-size: 1.125rem;
    line-height: 1.875rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container--previous {
    margin-right: .5rem
}

.gsc-wrapper.gsc-promotion-list .gsc-promotion-list-content .pagination .pagination__container--next {
    margin-left: .5rem
}

@media(max-width:1024px) {
    .gsc-wrapper {
        display: block !important;
        gap: unset
    }
}

.gsc-wrapper .gs-captcha-outer-wrapper {
    left: 0;
    position: absolute
}

.gsc-wrapper .gsc-ad-banner {
    max-width: 30%;
    min-width: 30%
}

@media(max-width:1024px) {
    .gsc-wrapper .gsc-ad-banner {
        max-width: unset;
        min-width: unset;
        width: 100%
    }
}

.gsc-wrapper .gsc-ad-banner .ad-banner__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-image: var(--backgroundImageUrl);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
    max-height: 100%;
    min-height: 31.25rem;
    padding: 3rem 1rem;
    position: sticky;
    top: 7.313rem
}

@media(max-width:1024px) {
    .gsc-wrapper .gsc-ad-banner .ad-banner__wrapper {
        margin-top: 0;
        min-height: 17.5rem;
        padding: 4rem 4.75rem;
        position: relative;
        top: unset
    }
}

@media(max-width:575px) {
    .gsc-wrapper .gsc-ad-banner .ad-banner__wrapper {
        min-height: 33.125rem;
        padding: 2rem 1rem
    }
}

.gsc-wrapper .gsc-ad-banner .ad-banner__wrapper .cta-button {
    background-color: var(--primary-white);
    color: var(--primary-black);
    min-width: unset;
    -webkit-transition: background-color .5s, color .5s;
    transition: background-color .5s, color .5s;
    width: 100%
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .gsc-wrapper .gsc-ad-banner .ad-banner__wrapper .cta-button {
        gap: 2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.gsc-wrapper .gsc-ad-banner .ad-banner__wrapper .cta-button:hover {
    background-color: var(--primary-black);
    color: var(--primary-white)
}

.gsc-wrapper .gsc-ad-banner .ad-banner__close-button {
    cursor: pointer;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1.5rem
}

.search-primary-btn {
    height: 1.5rem;
    margin-right: 30px;
    width: 1.5rem
}

.search-primary-modal {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 7pc;
    max-width: 82pc;
    width: 91.1111111111vw
}

.search-primary-container {
    -webkit-box-flex: 1;
    border-radius: 1rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 21.375rem;
    padding: 3rem;
    position: relative
}

.search-primary-container .input-container {
    position: relative
}

.search-primary-container .input-container .icon {
    padding: 1rem;
    position: absolute;
    z-index: 1
}

.search-primary-container .input-container .icon.close-icon {
    cursor: pointer;
    display: none;
    padding: .8rem;
    right: 0
}

.search-primary-container .input-container .icon.close-icon .close-icon-wrapper {
    border-radius: 50%;
    height: 2rem;
    padding: .25rem;
    width: 2rem
}

.search-primary-container .input-container .icon.close-icon .close-icon-wrapper:hover {
    background: rgba(0, 0, 0, .1)
}

.search-primary-container .input-container img {
    height: 1.5rem;
    width: 1.5rem
}

.search-primary-container .input-container .search-input {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: .5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    height: 3.5rem;
    outline: none;
    padding: .75rem 3rem;
    position: relative;
    width: 100%
}

.search-primary-container .link_title,
.search-primary-container .search-box_title {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    margin-top: 1.5rem
}

.search-primary-container .key-word-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1rem
}

.search-primary-container .key-word-list .key-word-container {
    background: #dedede;
    border: 1px solid #dedede;
    border-radius: 27px;
    cursor: pointer;
    height: 2.5rem;
    overflow: hidden;
    position: relative
}

.search-primary-container .key-word-list .key-word-container:hover {
    border: 1px solid #616161
}

.search-primary-container .key-word-list .key-word-container .key-word-item {
    color: #616161;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
    max-width: 15.625rem;
    overflow: hidden;
    padding: .5rem 2.625rem .5rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-primary-container .key-word-list .key-word-container .close-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #a2a2a2;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .875rem;
    justify-content: center;
    margin-left: .75rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .875rem;
    z-index: 1
}

.search-primary-container .list-card-info .content-wrapper {
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.search-primary-container .card-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-top: 1rem;
    overflow: hidden;
    width: 100%
}

.search-primary-container .card-list .slick-slide {
    height: 11.875rem;
    margin-right: 1.5rem;
    width: 17.875rem
}

.search-primary-container .card-list .card-container {
    position: relative
}

@media(min-width:933px) {
    .search-primary-container .card-list .card-container {
        height: 190px;
        width: 286px !important
    }
}

.search-primary-container .card-list .card-container img {
    border-radius: .5rem;
    height: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.search-primary-container .card-list .card-container .card-label {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .4);
    border-radius: 0 0 .5rem .5rem;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    left: 0;
    padding: .75rem 1rem;
    position: absolute;
    width: 100%
}

@media(max-width:932px) {
    .search-primary-container {
        padding: 1rem
    }

    .search-primary-container .slick-slide {
        height: 9.25rem !important;
        width: 13.625rem !important
    }

    .search-primary-container .key-word-list {
        gap: .75rem
    }

    .card-container {
        height: 140px;
        width: 210px !important
    }

    .card-container img {
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center
    }

    .card-container .card-label {
        bottom: 0 !important;
        padding: .75rem 1rem
    }
}

.cmp-sitemap h4 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    justify-content: space-between;
    padding-top: 9pt
}

.cmp-sitemap h4 .rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: transform .2s ease-in-out;
    transform: transform .2s ease-in-out
}

@media(min-width:768px) {
    .cmp-sitemap h4 img {
        display: none
    }
}

.cmp-sitemap h4+ul {
    display: none
}

@media(min-width:768px) {
    .cmp-sitemap h4+ul {
        display: block
    }
}

.cmp-sitemap a {
    line-height: 24px
}

.cmp-sitemap a :hover {
    cursor: pointer
}

.cmp-sitemap span :hover {
    color: #ed1b24;
    cursor: pointer
}

.cmp-sitemap-heading {
    color: #333;
    font-weight: 600
}

.cmp-sitemap li,
.cmp-sitemap ul {
    list-style: none
}

.cmp-sitemap ul {
    -webkit-padding-start: unset;
    padding-inline-start: unset
}

.cmp-sitemap li {
    padding-top: 9pt
}

.cmp-sitemap .cmp-list__item-title {
    color: #616161
}

@media screen and (max-width:767px) {
    .spacer-lg {
        display: none
    }
}

@media screen and (min-width:768px) {
    .spacer-sm {
        display: none
    }
}

.static-grid-panel .icon.icon-center {
    margin-left: auto;
    margin-right: auto
}

.static-grid-panel .icon.icon-left-small img {
    height: 44px;
    margin: 1rem 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 44px
}

.static-grid-panel.row-3__container .row-3__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.static-grid-panel.row-3__container .list__item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -9pt;
    width: calc(100% + 24px)
}

.static-grid-panel.row-3__container .static-grid-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 9pt 9pt
}

.static-grid-panel.row-3__container .static-grid-item:hover .icon img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.static-grid-panel.row-3__container .static-grid-item__content_title h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1pc;
    margin-top: 0
}

.static-grid-panel.row-3__container .row-3__header {
    padding-left: 9pt
}

.static-grid-panel.row-3__container .row-3__header__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
    padding-bottom: 9pt
}

.static-grid-panel.row-3__container .row-3__header__description {
    color: var(--gray-600);
    margin-bottom: 9pt
}

.static-grid-panel.row-3__container .static-grid__container {
    position: relative
}

.static-grid-panel.row-3__container .icon:not(.icon-left-small) {
    height: 100%;
    margin-bottom: 2pc;
    width: 8.125rem
}

@media(max-width:767px) {
    .static-grid-panel.row-3__container .icon:not(.icon-left-small) {
        width: 5rem
    }
}

.static-grid-panel.row-3__container .icon:not(.icon-left-small) img {
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.static-grid-panel.row-4__container .list__item__wrapper,
.static-grid-panel.row-5__container .list__item__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.static-grid-panel.row-4__container .list__item__wrapper .static-grid-item,
.static-grid-panel.row-5__container .list__item__wrapper .static-grid-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 9pt 9pt
}

.static-grid-panel.row-4__container .list__item__wrapper .static-grid-item:hover .icon img,
.static-grid-panel.row-5__container .list__item__wrapper .static-grid-item:hover .icon img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.static-grid-panel.row-4__container .list-card-icon__title h2,
.static-grid-panel.row-5__container .list-card-icon__title h2 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.25;
    margin: 0;
    padding-bottom: 20px
}

.static-grid-panel.row-4__container .static-grid-item .icon-left,
.static-grid-panel.row-5__container .static-grid-item .icon-left {
    margin-bottom: 2pc
}

.static-grid-panel.row-4__container .static-grid-item .icon img,
.static-grid-panel.row-5__container .static-grid-item .icon img {
    position: relative;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.static-grid-panel.row-4__container .static-grid-item .icon.icon-left img,
.static-grid-panel.row-5__container .static-grid-item .icon.icon-left img {
    height: 8pc;
    width: 8pc
}

.static-grid-panel.row-4__container .static-grid-item .icon.icon-center img,
.static-grid-panel.row-5__container .static-grid-item .icon.icon-center img {
    height: 75pt;
    margin: 1pc;
    -o-object-fit: contain;
    object-fit: contain;
    width: 130px
}

.static-grid-panel.row-4__container .list__item__wrapper.mobile-stack .static-grid-item,
.static-grid-panel.row-5__container .list__item__wrapper.mobile-stack .static-grid-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.static-grid-panel.row-4__container .list__item__wrapper.mobile-stack .icon,
.static-grid-panel.row-5__container .list__item__wrapper.mobile-stack .icon {
    height: 75pt;
    margin: 1pc;
    width: 75pt
}

.static-grid-panel.row-4__container .list__item__wrapper.mobile-stack .content,
.static-grid-panel.row-5__container .list__item__wrapper.mobile-stack .content {
    margin: 1pc
}

.static-grid-panel.row-4__container .list__item__wrapper.mobile-stack .content h3,
.static-grid-panel.row-5__container .list__item__wrapper.mobile-stack .content h3 {
    margin-bottom: 8px;
    padding-bottom: 0
}

.static-grid-panel.row-4__container .list__item__wrapper.mobile-stack .content p,
.static-grid-panel.row-5__container .list__item__wrapper.mobile-stack .content p {
    color: #000
}

.static-grid-panel.row-4__container .list__item__wrapper.mobile-stack .static-grid-item:hover .icon,
.static-grid-panel.row-5__container .list__item__wrapper.mobile-stack .static-grid-item:hover .icon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.static-grid-panel.row-5__container .list__item__wrapper {
    grid-gap: 24px;
    display: grid;
    gap: 24px;
    grid-auto-rows: minmax(10pc, auto);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.static-grid-panel.row-5__container .static-grid-item {
    width: 100%
}

.static-grid-panel.row-5__container .static-grid-item .icon {
    margin-bottom: 0
}

.static-grid-panel.row-5__container .static-grid-item:hover .icon img {
    -webkit-transform: scale(1.2) !important;
    transform: scale(1.2) !important
}

.static-grid-panel.row-5__container .title {
    margin-bottom: 8px
}

.static-grid-panel .content {
    height: 100%;
    word-break: break-word
}

.static-grid-panel .content h3 {
    font-size: 1pc !important;
    font-weight: 600 !important;
    line-height: 24px !important
}

.static-grid-panel .title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1pc;
    margin-top: 0
}

.static-grid-panel .description {
    -webkit-box-orient: vertical;
    color: var(--gray-600);
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.static-grid-panel .description,
.static-grid-panel .title {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.static-grid-panel .icon picture.no-img {
    visibility: hidden
}

.static-grid-panel.row-5__container .description {
    -webkit-line-clamp: unset
}

.SectionHeader_title * {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding-bottom: 8px;
    position: relative
}

.staticgridpanel .SectionHeader_title,
.staticgridpanel .SectionHeader_title>:last-child {
    padding-bottom: 9pt
}

.staticgridpanel .SectionHeader_title h2 {
    font-weight: 300
}

.staticgridpanel .SectionHeader_title p {
    color: var(--gray-600);
    font-size: 1pc;
    font-weight: 400
}

.list__item__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.static-grid-row-3-item {
    width: 33%
}

.static-grid-row-4-item {
    width: 25%
}

@media(max-width:1024px) {
    .static-grid-panel.row-4__container .icon {
        margin-bottom: 0 !important
    }

    .static-grid-panel.row-4__container .icon img {
        height: 6pc !important;
        width: 6pc !important
    }

    .static-grid-panel .static-grid-item {
        width: 50%
    }
}

@media(max-width:991px) {
    .static-grid-panel.row-5__container .static-grid-row-5-item .icon-center img {
        margin: 24px !important
    }
}

@media(max-width:768px) {

    .static-grid-panel.row-3__container .icon,
    .static-grid-panel.row-4__container .static-grid-item .icon img {
        margin-bottom: 1pc
    }

    .static-grid-panel .title {
        margin-bottom: 8px
    }
}

@media(max-width:767px) {
    .static-grid-panel.row-5__container .list__item__wrapper {
        grid-gap: 1pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1pc
    }

    .static-grid-panel.row-5__container .static-grid-row-5-item {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        padding: 0 !important;
        width: 100%
    }

    .static-grid-panel.row-5__container .static-grid-row-5-item .icon-center {
        margin-left: 0;
        margin-right: 0
    }

    .static-grid-panel.row-5__container .static-grid-row-5-item .icon-center img {
        height: 65px !important;
        width: 5pc !important
    }

    .static-grid-panel.row-5__container .static-grid-row-5-item .content .title {
        margin-top: 1pc
    }
}

.accordion-inspire-component .accordion-inspire-container {
    padding: 0 !important
}

.accordion-inspire-component .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid #e3e4e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 1pc;
    width: 100%
}

.accordion-inspire-component .item:last-child {
    border-bottom: none
}

.accordion-inspire-component .item-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.accordion-inspire-component .item-title .item-title-text {
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    max-width: 90%
}

.accordion-inspire-component .item-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.accordion-inspire-component .item-description .content {
    padding-top: 0
}

.accordion-inspire-component .item-description .cols-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1pc 0
}

.accordion-inspire-component .cols-2>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.accordion-inspire-component .cols-2 ul {
    padding-left: 20px
}

.accordion-inspire-component .item-description .more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.accordion-inspire-component .more-btn img {
    margin-left: 9pt;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.accordion-inspire-component .more-btn a:hover img {
    -webkit-transform: translate(5px);
    transform: translate(5px)
}

.accordion-inspire-component .item.hide .item-description {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.accordion-inspire-component .item.show .item-description {
    height: auto;
    opacity: 1
}

.accordion-inspire-component .expand-icon {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.accordion-inspire-component .expand-icon .add-icon {
    margin-top: 10px
}

.accordion-inspire-component .expand-icon .sub-icon {
    margin-bottom: 17px
}

.accordion-inspire-component .item.show .expand-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-inspire-component .item.hide .sub-icon,
.accordion-inspire-component .item.show .add-icon {
    display: none
}

.accordion-inspire-component .item.hide .add-icon,
.accordion-inspire-component .item.show .sub-icon {
    display: block
}

.accordion-inspire-component .faq-panel .right-container {
    width: 100%
}

.accordion-inspire-component .answer-question .question .chevron-down {
    margin-left: 8px;
    margin-top: 3px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.accordion-inspire-component .right-container .question {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.accordion-inspire-component .answer-question:last-child .question {
    padding-bottom: 0
}

.accordion-inspire-component .more-btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1023px) {
    .accordion-inspire-component .accordion-inspire-container {
        padding: 0
    }

    .accordion-inspire-component .accordion-inspire-container .item {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:1023px) {
    .accordion-inspire-component .item {
        padding-left: 0;
        padding-right: 0
    }
}

.stock-information {
    gap: 20px;
    width: 100%
}

.stock-information,
.stock-information_summary-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.stock-information_summary-details {
    color: var(--gray-600);
    font-weight: 600;
    gap: 8px;
    margin-top: 2pc
}

.stock-information_price {
    color: var(--body);
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 60px;
    margin: 8px 0
}

.stock-information .stock-label {
    color: var(--secondary-grey-60);
    font-size: 1pc;
    font-weight: 600;
    line-height: 18.75px
}

.stock-information .stock-dateLastPrice {
    color: var(--secondary-grey-60);
    font-size: 14px;
    font-weight: 600;
    line-height: 1pc
}

.stock-information_changes {
    color: var(--green);
    font-size: 1pc;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 24px;
    margin-left: 8px
}

.stock-information_changes_changes--warning {
    color: var(--accent)
}

.stock-information .stock-chart_floating-tooltip {
    background-color: var(--primary-white);
    border: 1px solid #009688;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #131722;
    display: none;
    font-size: 9pt;
    left: 9pt;
    line-height: normal;
    padding: 3px 8px 5px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 9pt;
    white-space: nowrap;
    z-index: 1000
}

.stock-information .stock-chart_total-price {
    color: #21384d;
    font-size: 14px;
    font-weight: 600;
    margin: 4px 0
}

.stock-information .stock-chart_tooltip-date {
    color: #21384d
}

.stock-information_stock-chart {
    overflow: auto;
    position: relative
}

.stock-information .tcb-icon img {
    display: none
}

.stock-information .tcb-icon.decrease .down-icon,
.stock-information .tcb-icon.equal .equal-icon,
.stock-information .tcb-icon.increase .up-icon {
    display: unset
}

.stock-information .tcb-icon.stock-down,
.stock-information .tcb-icon.stock-up {
    height: 24px;
    margin-right: 1pc;
    position: relative;
    width: 2pc
}

@media screen and (max-width:991px) {

    .stock-information .stock-wrapper,
    .stock-information .tcb-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 60px
    }

    .stock-information_stock-chart {
        margin-left: auto;
        margin-right: 0;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .stock-information_summary-details span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .stock-information_price {
        font-size: 24px;
        line-height: 28.13px;
        margin-bottom: 8px;
        margin-top: 1pc
    }

    .stock-information_changes {
        margin-top: 2.32px
    }
}

.button-active {
    background-color: #212121 !important;
    color: #fff !important
}

.event-filter,
.news-filter {
    margin-bottom: 3rem
}

.event-filter .content-wrapper,
.news-filter .content-wrapper {
    max-width: 90rem !important;
    padding: 0 4rem
}

.event-filter .category-filter,
.news-filter .category-filter {
    background: #fff;
    -webkit-filter: drop-shadow(0 30px 20px #eaeaea);
    filter: drop-shadow(0 30px 20px #eaeaea)
}

.event-filter .category-filter .container,
.news-filter .category-filter .container {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    margin: 0 auto;
    max-width: 90rem;
    padding: 0 4rem
}

@media screen and (max-width:1199px) {

    .event-filter .category-filter .container,
    .news-filter .category-filter .container {
        padding: 0 4.4444444444vw
    }
}

.event-filter .category-filter .container .category-title,
.news-filter .category-filter .container .category-title {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.event-filter .category-filter .container .slide-button,
.news-filter .category-filter .container .slide-button {
    display: block;
    padding: 1.25rem 0
}

.event-filter .category-filter .container .slide-button button,
.news-filter .category-filter .container .slide-button button {
    background-color: unset;
    border: 1px solid #c5c5c5;
    border-radius: 27px;
    color: #616161;
    cursor: pointer;
    font-size: 1rem;
    height: 3rem;
    line-height: 1.5rem;
    margin: 5px 1px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: .75rem 1.5rem
}

.event-filter .news-filter__wrapper,
.news-filter .news-filter__wrapper {
    margin-top: 3rem
}

.event-filter .news-filter__wrapper .news_filter-group .btn-close,
.news-filter .news-filter__wrapper .news_filter-group .btn-close {
    display: none
}

.event-filter .news-filter__wrapper .story-listing-filter-item,
.news-filter .news-filter__wrapper .story-listing-filter-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem
}

.event-filter .news-filter__wrapper .story-listing-filter-item .checkbox,
.news-filter .news-filter__wrapper .story-listing-filter-item .checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none
}

.event-filter.open .news_filter-group,
.news-filter.open .news_filter-group {
    display: block;
    margin-bottom: auto;
    padding: 1rem 1rem 5.625rem
}

.event-filter.open .tcb-modal,
.news-filter.open .tcb-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1300
}

.event-filter.open .tcb-modal_header,
.news-filter.open .tcb-modal_header {
    border-bottom: 1px solid #dedede;
    margin-bottom: auto;
    padding: 1rem;
    position: relative
}

.event-filter.open .tcb-modal_header .tcb-modal_title,
.news-filter.open .tcb-modal_header .tcb-modal_title {
    color: rgba(0, 0, 0, .87);
    font-weight: 600
}

.event-filter.open .news-filter__wrapper,
.news-filter.open .news-filter__wrapper {
    padding: 0 !important
}

.event-filter.open .tcb-modal_action-bar,
.news-filter.open .tcb-modal_action-bar {
    padding: 0 1rem 1rem
}

.event-filter.open .tcb-modal_action-bar .tcb-button,
.news-filter.open .tcb-modal_action-bar .tcb-button {
    display: block
}

.event-filter.not-filter .information-filter__load-more,
.event-filter.not-filter .offer-cards__container .news-list,
.news-filter.not-filter .information-filter__load-more,
.news-filter.not-filter .offer-cards__container .news-list {
    display: none
}

.event-filter.not-filter .offer-cards__container .not-found,
.news-filter.not-filter .offer-cards__container .not-found {
    display: block
}

.event-filter .tcb-modal,
.news-filter .tcb-modal {
    display: none
}

.event-filter .news-tab-content_container,
.news-filter .news-tab-content_container {
    gap: 1.5rem
}

.event-filter .news-filter-card,
.event-filter .news-tab-content_container,
.news-filter .news-filter-card,
.news-filter .news-tab-content_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-filter .news-filter-card,
.news-filter .news-filter-card {
    background: var(--primary-background);
    border-radius: .5rem;
    -webkit-box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .15);
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .15);
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.event-filter .news-filter-card_cover,
.news-filter .news-filter-card_cover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40%
}

.event-filter .news-filter-card_cover-image,
.news-filter .news-filter-card_cover-image {
    aspect-ratio: 1.77;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border-top-right-radius: 0;
    height: 100%;
    max-height: 25rem;
    max-height: unset;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.event-filter .news-filter-card_month,
.news-filter .news-filter-card_month {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--primary-background);
    border-radius: .5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    justify-content: center;
    left: 1.5rem;
    letter-spacing: .125rem;
    line-height: 2.25rem;
    padding: .75rem .375rem;
    position: absolute;
    right: 1.5rem;
    right: unset;
    text-transform: uppercase;
    top: 1.5rem;
    top: 2rem
}

.event-filter .news-filter-card_month small,
.news-filter .news-filter-card_month small {
    font-size: .75rem;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 1px;
    letter-spacing: .125rem;
    line-height: .875rem;
    line-height: 21px
}

.event-filter .news-list,
.news-filter .news-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem
}

.event-filter .news-list.temp-placeholder,
.news-filter .news-list.temp-placeholder {
    position: absolute;
    visibility: hidden
}

.event-filter .news-item__wrapper,
.news-filter .news-item__wrapper {
    background-color: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .15);
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 14.75rem
}

.event-filter .news-image,
.news-filter .news-image {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    max-width: 355px;
    min-height: 14.75rem;
    width: 355px
}

.event-filter .news-image>img,
.news-filter .news-image>img {
    border-radius: .5rem 0 0 .5rem;
    height: 236px;
    min-height: 14.75rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.event-filter .news-image.default-image,
.news-filter .news-image.default-image {
    height: 236px;
    margin: auto
}

.event-filter .news-image.default-image>img,
.news-filter .news-image.default-image>img {
    -o-object-fit: contain;
    object-fit: contain
}

.event-filter .news-content,
.news-filter .news-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    width: 100%
}

.event-filter .news-content__title,
.news-filter .news-content__title {
    font-size: 1pc;
    font-weight: 700;
    line-height: 24px
}

.event-filter .news-content__description,
.news-filter .news-content__description {
    color: #616161;
    font-weight: 400;
    letter-spacing: -.005rem;
    line-height: 1.5rem;
    margin-top: .5rem
}

.dark .event-filter .news-content__description,
.dark .news-filter .news-content__description {
    color: #dfdfdf
}

.event-filter .news-content__header,
.news-filter .news-content__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    letter-spacing: .125rem;
    margin-bottom: .5rem
}

.event-filter .news-content__header div:first-child,
.news-filter .news-content__header div:first-child {
    border-right: 1px solid #c5c5c5;
    color: #ed1c24;
    font-weight: 600;
    line-height: 1rem;
    padding-right: 1rem;
    text-transform: uppercase
}

.event-filter .news-content__header div:last-child,
.news-filter .news-content__header div:last-child {
    color: #616161;
    font-weight: 600;
    line-height: 1rem;
    padding-left: 1rem;
    text-transform: uppercase
}

.event-filter .news-filter__wrapper,
.news-filter .news-filter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-filter .news-content__link,
.news-filter .news-content__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    grid-gap: .75rem;
    align-items: center;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: .75rem;
    justify-content: flex-start;
    margin-top: 1rem;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: inherit
}

.event-filter .news-content__link:hover,
.news-filter .news-content__link:hover {
    text-decoration: underline
}

.event-filter .news-content__link-icon,
.news-filter .news-content__link-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.event-filter .news_open-filter-button,
.news-filter .news_open-filter-button {
    display: none
}

.event-filter .information-filter__load-more,
.news-filter .information-filter__load-more {
    margin: .5rem auto 3rem;
    max-width: 20.5rem;
    width: 100%
}

.event-filter .information-filter__load-more button,
.news-filter .information-filter__load-more button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: .75rem;
    align-items: center;
    border: 1px solid #000;
    border-radius: .5rem;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    gap: .75rem;
    justify-content: space-between;
    line-height: 1.5;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1rem 1.5rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.event-filter .information-filter__load-more button:hover,
.news-filter .information-filter__load-more button:hover {
    background-color: #000;
    color: #fff
}

.event-filter .information-filter__load-more button:hover>.load-more__button-icon,
.news-filter .information-filter__load-more button:hover>.load-more__button-icon {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(232deg) brightness(107%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(232deg) brightness(107%) contrast(101%)
}

.event-filter .information-filter__load-more .load-more__button-icon,
.news-filter .information-filter__load-more .load-more__button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.event-filter .information-filter__load-more .load-more__button-icon img,
.news-filter .information-filter__load-more .load-more__button-icon img {
    width: 1rem
}

.event-filter .offer-filter__title,
.news-filter .offer-filter__title {
    color: #a2a2a2;
    margin-bottom: 1.5rem;
    padding-bottom: .5rem
}

.event-filter .offer-filter__title>:first-child,
.news-filter .offer-filter__title>:first-child {
    color: rgba(0, 0, 0, .87)
}

.event-filter .offer-filter__title.margin-bottom__short,
.news-filter .offer-filter__title.margin-bottom__short {
    margin-bottom: 1rem;
    padding-bottom: 0
}

.event-filter .offer-filter__title.mobile-only,
.news-filter .offer-filter__title.mobile-only {
    display: none
}

.event-filter .offer-filter__tab,
.news-filter .offer-filter__tab {
    grid-gap: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem
}

.event-filter .offer-filter__tab.mobile-only,
.news-filter .offer-filter__tab.mobile-only {
    display: none
}

.event-filter .offer-filter__tab.margin-bottom,
.news-filter .offer-filter__tab.margin-bottom {
    margin-bottom: 1.25rem
}

.event-filter .offer-filter__tab button,
.news-filter .offer-filter__tab button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: .75rem;
    align-items: center;
    background-color: transparent;
    border: 1px solid #dedede !important;
    border-radius: 27px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .75rem;
    height: 3rem;
    justify-content: center;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    outline: none;
    padding: 1rem 1.5rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.event-filter .offer-filter__tab button.active,
.news-filter .offer-filter__tab button.active {
    background-color: #000
}

.event-filter .offer-filter__tab button.active span,
.news-filter .offer-filter__tab button.active span {
    color: #fff
}

.event-filter .offer-filter__tab span,
.news-filter .offer-filter__tab span {
    color: #616161;
    font-size: 1rem;
    font-weight: 400
}

.event-filter .offer-filter__datepicker,
.news-filter .offer-filter__datepicker {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-radius: 5px;
    -webkit-box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 305px;
    justify-content: flex-start;
    padding: 2rem 0 0
}

.event-filter .offer-filter__checkbox,
.news-filter .offer-filter__checkbox {
    margin-bottom: 2rem
}

.event-filter .offer-filter__checkbox-item,
.news-filter .offer-filter__checkbox-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
    position: relative
}

.event-filter .offer-filter__checkbox-item:last-child,
.news-filter .offer-filter__checkbox-item:last-child {
    margin-bottom: 0
}

.event-filter .news_filter-group,
.news-filter .news_filter-group {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%
}

.event-filter .offer-cards__container,
.news-filter .offer-cards__container {
    max-width: 75%;
    padding: 0 .75rem .75rem;
    width: 75%
}

.event-filter .offer-cards__container.full-width,
.news-filter .offer-cards__container.full-width {
    margin: auto;
    max-width: 798pt;
    padding: 0 0 .75rem;
    width: unset
}

.event-filter .offer-cards__container .partner-offer-component__container,
.news-filter .offer-cards__container .partner-offer-component__container {
    margin: -9pt
}

.event-filter .offer-cards__container .not-found,
.news-filter .offer-cards__container .not-found {
    display: none
}

.event-filter .offer-cards__container .not-found .not-found-img,
.news-filter .offer-cards__container .not-found .not-found-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.event-filter .offer-cards__container .not-found .not-found-img img,
.news-filter .offer-cards__container .not-found .not-found-img img {
    line-height: 0
}

.event-filter .offer-cards__container .not-found .description,
.news-filter .offer-cards__container .not-found .description {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.event-filter .btn-open-filter,
.news-filter .btn-open-filter {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: .5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    justify-content: space-between;
    padding: .75rem 1rem;
    width: 100%
}

.event-filter .btn-open-filter.scroll-over,
.news-filter .btn-open-filter.scroll-over {
    background-color: #fff;
    border-radius: 0 8px 8px 0;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
    display: none;
    left: 0;
    line-height: 0;
    padding: 17px 28px 17px 34px;
    position: fixed;
    top: 6.25rem;
    width: auto;
    z-index: 1300
}

.event-filter .btn-open-filter__icon,
.news-filter .btn-open-filter__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.event-filter .filter--border-bottom,
.news-filter .filter--border-bottom {
    border-bottom: 1px solid #dedede
}

.event-filter .filter--border-bottom span,
.news-filter .filter--border-bottom span {
    font-size: 1rem;
    font-weight: 600
}

.event-filter .checkbox-item__wrapper,
.news-filter .checkbox-item__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none;
    width: 100%
}

.dark .event-filter .checkbox-item__wrapper,
.dark .news-filter .checkbox-item__wrapper {
    color: #dfdfdf
}

.event-filter .tcb-modal .news_filter-group,
.news-filter .tcb-modal .news_filter-group {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 1rem 1.5rem
}

.event-filter .tcb-modal .offer-filter__tab button,
.news-filter .tcb-modal .offer-filter__tab button {
    padding: .75rem 1rem
}

.event-filter .tcb-modal .offer-filter__tab.big-size button,
.news-filter .tcb-modal .offer-filter__tab.big-size button {
    padding: .75rem 1.5rem
}

@media screen and (max-width:1024px) {

    .event-filter .offer-cards__container,
    .news-filter .offer-cards__container {
        padding: .75rem 0
    }
}

@media screen and (max-width:991px) {

    .event-filter,
    .news-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0 !important;
        padding: 0
    }

    .event-filter,
    .event-filter.open .tcb-modal,
    .news-filter,
    .news-filter.open .tcb-modal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .event-filter .tcb-title,
    .news-filter .tcb-title {
        padding-left: .5rem
    }

    .event-filter .content-wrapper,
    .news-filter .content-wrapper {
        margin-left: 0;
        padding-left: 4.4444444444vw !important;
        padding-right: 4.4444444444vw !important
    }

    .event-filter .news-filter__wrapper,
    .news-filter .news-filter__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .event-filter .news_filter-group,
    .news-filter .news_filter-group {
        max-width: unset;
        padding: 0
    }

    .event-filter .offer-filter__container,
    .news-filter .offer-filter__container {
        width: 100%
    }

    .event-filter .offer-filter__datepicker,
    .news-filter .offer-filter__datepicker {
        max-width: 19.375rem
    }

    .event-filter .offer-cards__container,
    .news-filter .offer-cards__container {
        max-width: none;
        width: 100%
    }

    .event-filter .news-filter__wrapper,
    .news-filter .news-filter__wrapper {
        margin-top: 2.25rem
    }
}

@media screen and (max-width:767px) {
    .section__margin-medium {
        margin-top: 0 !important
    }

    .event-filter .category-filter,
    .news-filter .category-filter {
        display: none
    }

    .event-filter .category-filter .container,
    .news-filter .category-filter .container {
        display: block;
        padding: 2rem 1rem
    }

    .event-filter .news-filter-card,
    .news-filter .news-filter-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .event-filter .news-filter-card_cover,
    .news-filter .news-filter-card_cover {
        width: 100%
    }

    .event-filter .news-filter-card_cover-image,
    .news-filter .news-filter-card_cover-image {
        border-bottom-left-radius: 0;
        border-top-right-radius: .5rem;
        max-height: 14.75rem
    }

    .event-filter .news-image,
    .news-filter .news-image {
        height: 11.875rem;
        max-width: 100% !important;
        min-height: 11.875rem;
        width: unset !important
    }

    .event-filter .news-image>img,
    .news-filter .news-image>img {
        border-radius: .5rem .5rem 0 0;
        height: 100%;
        min-height: 11.875rem
    }

    .event-filter .news-content,
    .news-filter .news-content {
        border-radius: 0 0 .5rem .5rem;
        height: auto;
        padding: 2rem 1.5rem
    }

    .event-filter .news-content__header,
    .news-filter .news-content__header {
        display: block;
        margin-bottom: .5rem
    }

    .event-filter .news-content__header div:first-child,
    .news-filter .news-content__header div:first-child {
        border-right: 0;
        font-size: .875rem;
        letter-spacing: 2px;
        line-height: 21px;
        margin-bottom: .5rem
    }

    .event-filter .news-content__header div:last-child,
    .news-filter .news-content__header div:last-child {
        padding-left: 0
    }

    .event-filter .news-content__description,
    .event-filter .news-content__link,
    .news-filter .news-content__description,
    .news-filter .news-content__link {
        margin-top: 1rem
    }

    .event-filter .news-content__link:focus,
    .news-filter .news-content__link:focus {
        text-decoration: none
    }

    .event-filter .news-item,
    .news-filter .news-item {
        display: block;
        width: 100%
    }

    .event-filter .news-item__wrapper,
    .news-filter .news-item__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 190px
    }

    .event-filter .news_filter-group,
    .news-filter .news_filter-group {
        display: none
    }

    .event-filter .news_open-filter-button,
    .news-filter .news_open-filter-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .75rem 0;
        top: .5rem;
        z-index: 4
    }

    .event-filter .news_open-filter-button.sticky .scroll-over,
    .news-filter .news_open-filter-button.sticky .scroll-over {
        display: block
    }

    .event-filter .news-filter__wrapper,
    .news-filter .news-filter__wrapper {
        margin-top: 2rem !important
    }

    .event-filter .news-filter__wrapper .btn-close,
    .news-filter .news-filter__wrapper .btn-close {
        background-color: #000;
        border-radius: .5rem;
        color: #fff;
        display: unset !important;
        font-size: 1rem;
        font-weight: 600;
        padding: .75rem 1rem;
        right: 1rem;
        text-align: left;
        width: 100%;
        z-index: 1
    }

    .event-filter .sticky-filter,
    .news-filter .sticky-filter {
        background-color: #fff;
        border-bottom-right-radius: .5rem;
        border-top-right-radius: .5rem;
        -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
        box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .029), 0 7.37098px 40.4287px rgba(0, 0, 0, .024), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .016), 0 .913195px 5.00873px rgba(0, 0, 0, .011);
        left: 0;
        padding: 17px 28px 17px 34px;
        position: fixed;
        top: 6.25rem;
        z-index: 1300
    }

    .event-filter .show,
    .news-filter .show {
        display: block !important
    }

    .event-filter .offer-filter__checkbox.flex-show,
    .event-filter .offer-filter__tab.mobile-only,
    .event-filter .offer-filter__title.mobile-only,
    .news-filter .offer-filter__checkbox.flex-show,
    .news-filter .offer-filter__tab.mobile-only,
    .news-filter .offer-filter__title.mobile-only {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .event-filter .offer-cards__container,
    .news-filter .offer-cards__container {
        max-width: 100%
    }

    .event-filter .flex-show .offer-filter__checkbox-item,
    .news-filter .flex-show .offer-filter__checkbox-item {
        margin-bottom: 0;
        margin-right: 1.5rem
    }

    .event-filter .btn-open-filter,
    .news-filter .btn-open-filter {
        background-color: #fff
    }

    .event-filter .tcb-modal .offer-filter__tab button,
    .news-filter .tcb-modal .offer-filter__tab button {
        min-width: unset;
        white-space: normal
    }

    .event-filter .information-filter__load-more,
    .news-filter .information-filter__load-more {
        margin-bottom: 2rem;
        max-width: 20.5rem;
        width: 100%
    }

    .category-filter-mobi {
        background: #fff;
        -webkit-filter: drop-shadow(0 1.875rem 1.25rem #eaeaea);
        filter: drop-shadow(0 1.875rem 1.25rem #eaeaea);
        height: 100%;
        overflow-y: auto;
        position: fixed;
        top: 0;
        z-index: 99
    }

    .category-filter-mobi .dialog-title {
        border-bottom: 1px solid #dedede;
        padding: 1rem
    }

    .category-filter-mobi .dialog-title .title {
        font-size: 1rem;
        font-weight: 600
    }

    .category-filter-mobi .dialog-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        justify-content: space-between;
        padding: 2rem 1rem;
        position: relative
    }

    .category-filter-mobi .dialog-content .slide-button {
        padding-bottom: 27px
    }

    .category-filter-mobi .dialog-content .slide-button button {
        background-color: unset;
        border: 1px solid #c5c5c5;
        border-radius: 27px;
        color: #616161;
        cursor: pointer;
        font-size: 1rem;
        height: 3rem;
        line-height: 1.5rem;
        margin: 5px 4px;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: .75rem 1.5rem
    }

    .category-filter-mobi .dialog-content .btn-close {
        background-color: #000;
        border-radius: .5rem;
        color: #fff;
        display: unset !important;
        font-size: 1rem;
        font-weight: 600;
        padding: .75rem 1rem;
        position: inherit;
        right: 1rem;
        text-align: left;
        width: 100%;
        z-index: 1
    }

    .category-filter-mobi .dialog-content .category-title {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25;
        padding-bottom: 1rem
    }

    .category-filter-mobi .dialog-content .filter-button {
        background: #000;
        color: #fff
    }

    .category-filter-mobi .container {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        margin: 0 auto;
        max-width: 90rem;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .category-filter-mobi .container .category-title {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .category-filter-mobi .container .slide-button {
        display: block
    }

    .category-filter-mobi .container .slide-button button {
        background-color: unset;
        border: 1px solid #c5c5c5;
        border-radius: 27px;
        color: #616161;
        cursor: pointer;
        font-size: 1rem;
        height: 3rem;
        line-height: 1.5rem;
        margin: 5px 4px;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: .75rem 1.5rem
    }

    .mobile-fit-content.storylisting .event-filter .news-item__wrapper,
    .mobile-fit-content.storylisting .news-filter .news-item__wrapper {
        height: unset
    }
}

.submit-button {
    margin: 20px auto 0 0;
    max-width: 300px;
    position: relative
}

.submit-button>input {
    background-color: var(--primary-black);
    border: none;
    border-radius: 8px;
    color: var(--primary-white);
    cursor: pointer;
    font-weight: 700;
    padding: 1pc 24px;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.submit-button>input:hover {
    background-color: var(--light-secondary-text)
}

.submit-button img {
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1pc
}

.survey-panel__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

.survey-panel__description {
    padding: 9pt
}

.survey-panel .description-text {
    color: #616161;
    margin: 0 auto 8px;
    max-width: 472px;
    text-align: center
}

.survey-panel__QA {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.survey-panel__process-wrapper,
.survey-panel__question-wrapper {
    background-color: #fff;
    border-radius: 8px;
    padding: 3pc;
    width: 100%
}

.survey-panel__question-wrapper {
    max-width: 58.333333%
}

.survey-panel__question-label {
    color: #ed1b24;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase
}

.survey-panel__question-title {
    margin: 1pc 0 24px
}

.survey-panel__question-radio-wrapper {
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px rgba(0, 0, 0, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    margin-top: 24px;
    padding: 2pc 40px
}

.survey-panel__question-input-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.survey-panel__question-input-radio input {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 50%;
    display: grid;
    height: 24px;
    margin: 0 1pc 0 0;
    min-width: 24px;
    padding: 0;
    width: 24px
}

.survey-panel__question-input-radio input:checked {
    border-color: #ed1b24
}

.survey-panel__question-input-radio input:checked:before {
    background-color: #ed1b24
}

.survey-panel__question-input-radio input:before {
    border-radius: 50%;
    content: "";
    height: .9375rem;
    -webkit-transform: translate(25%, 25%);
    transform: translate(25%, 25%);
    width: .9375rem
}

.survey-panel__button-wrapper {
    margin: 2pc auto auto;
    max-width: 310px;
    text-align: center
}

.survey-panel__button-wrapper .btn--disabled {
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9;
    color: #a2a2a2
}

.survey-panel__button-wrapper .btn--disabled img {
    -webkit-filter: brightness(1) invert(1) grayscale(1);
    filter: brightness(1) invert(1) grayscale(1)
}

.survey-panel__button-wrapper .btn__icon--disabled {
    fill: #a2a2a2
}

.survey-panel__question-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 1pc 24px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 100%
}

.survey-panel__question-button:hover {
    background-color: #616161;
    color: #fff
}

.survey-panel__question-button:hover img {
    -webkit-filter: brightness(0) invert(1) grayscale(1);
    filter: brightness(0) invert(1) grayscale(1)
}

.survey-panel__process-wrapper {
    max-width: 41.666667%;
    text-align: center
}

.survey-panel__progress-bar {
    background-color: #eaeaea;
    border-radius: 8px;
    height: 1pc;
    overflow: hidden;
    position: relative
}

.survey-panel__process-label {
    margin: 40px 0 0
}

.survey-panel .button-text {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.survey-panel .button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.survey-panel .linear-progress-bar {
    background-color: #ed1b24;
    border-radius: 8px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .4s linear;
    transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
    transition: transform .4s linear, -webkit-transform .4s linear;
    width: 100%
}

.survey-panel__question-submit-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.survey-panel__process-image {
    border: 2px dashed #adadad;
    border-radius: 8px;
    -webkit-box-shadow: 0 33px 181px hsla(0, 0%, 6%, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    box-shadow: 0 33px 181px hsla(0, 0%, 6%, .04), 0 13.7866px 75.6175px rgba(0, 0, 0, .03), 0 7.37098px 40.4287px rgba(0, 0, 0, .02), 0 4.13211px 22.664px rgba(0, 0, 0, .02), 0 2.19453px 12.0367px rgba(0, 0, 0, .02), 0 .913195px 5.00873px rgba(0, 0, 0, .01);
    display: inline-block;
    max-width: 17pc;
    overflow: visible;
    -webkit-transform: rotate(17.03deg) scale(.8);
    transform: rotate(17.03deg) scale(.8)
}

.survey-panel__card-image,
.survey-panel__process-image {
    height: 100%;
    max-height: 424px;
    width: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.survey-panel__card-image {
    margin: auto;
    max-width: 300px;
    position: relative
}

.survey-panel__card-image>img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

@media(min-width:768px) {
    .survey-panel__QA {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media(max-width:767px) {
    .survey-panel__question-wrapper {
        max-width: 100%;
        padding: 3pc 1pc 8px
    }

    .survey-panel__process-wrapper {
        max-width: 100%;
        padding: 8px 1pc 3pc
    }

    .survey-panel__process-image {
        margin: auto auto 1pc
    }
}

@media(min-width:768px) {
    .survey-panel__process-image {
        margin: 3pc auto 4pc
    }
}

.table-compare-container h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.table-compare-container .table-compare-content-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.table-compare-container .table-compare-item-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%
}

.width-30-70 .table-compare-container .table-compare-item-col.cards-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

.table-compare-container .table-compare-item-col .table-compare-item-row:not(.header,
    .first-row) {
    border-bottom: 2px solid var(--secondary-light-grey-100);
    margin: 0 1pc;
    padding: 1pc 0
}

.table-compare-container .table-compare-item-col .table-compare-item-row.first-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: sticky
}

.table-compare-container .table-compare-item-col .table-compare-item-row.first-row * {
    font-size: 14px;
    margin: 0
}

.table-compare-container .table-compare-item-col span {
    font-size: .875rem;
    font-weight: 600;
    left: 50%;
    letter-spacing: 2px;
    line-height: 1.5;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 1
}

.table-compare-container .table-compare-item-col picture {
    display: block;
    height: 100%;
    min-height: 63px;
    overflow: hidden;
    width: 100%
}

.table-compare-container .table-compare-item-col img {
    border-radius: 8px 8px 0 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.table-compare-container .table-compare-item-col .header {
    min-height: 63px;
    position: relative;
    text-align: center;
    top: 0
}

.table-compare-container .table-compare-item-col .header span {
    font-size: .875rem;
    font-weight: 600;
    left: 50%;
    letter-spacing: 2px;
    line-height: 1.5;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 1
}

.table-compare-container .table-compare-item-col .header picture {
    display: block;
    height: 100%;
    min-height: 63px;
    overflow: hidden;
    width: 100%
}

.table-compare-container .table-compare-item-col .header img {
    border-radius: 8px 8px 0 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.table-compare-container .table-compare-item-col .header p {
    font-size: .875rem;
    font-weight: 600
}

.table-compare-container .table-compare-item-col .moved-title {
    display: none
}

.table-compare-container .table-compare-item-col.first-col .first-row {
    border-bottom: none;
    letter-spacing: 2px;
    min-height: 63px
}

.table-compare-container .table-compare-item-col.first-col .table-compare-item-row:not(.first-row) {
    text-align: start
}

.table-compare-container .first-row-heading-text {
    letter-spacing: 1px !important;
    padding: 0 1pc
}

.table-compare-container__note {
    color: #616161;
    margin-top: 1rem
}

@media(max-width:991px) {
    .table-compare-container .table-compare-item-col {
        max-width: unset !important
    }

    .table-compare-container .table-compare-item-col .table-compare-item-row:not(.header,
        .first-row) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        border-bottom: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 1rem;
        padding: 0
    }

    .table-compare-container .table-compare-item-col .table-compare-item-row:not(.header,
        .first-row) p {
        -webkit-box-flex: 0;
        border-bottom: 2px solid var(--secondary-light-grey-100);
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-right: 1rem;
        padding: 1rem 0
    }

    .table-compare-container .table-compare-item-col .table-compare-item-row.last-row p {
        border-bottom: none
    }

    .table-compare-container .table-compare-item-col .moved-title {
        color: var(--gray-600);
        display: unset;
        font-weight: 700
    }

    .table-compare-container .table-compare-item-col .mobile-left {
        text-align: start
    }

    .table-compare-container .table-compare-item-col .header span {
        padding: 0
    }

    .table-compare-container .table-compare-content-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table-compare-container .slick-dots {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        margin-top: 15px;
        padding-left: 0;
        text-align: center;
        width: 100%
    }

    .table-compare-container .slick-dots li {
        background-color: var(--secondary-mid-grey-80);
        border: 0;
        border-radius: 50%;
        cursor: unset;
        display: block;
        font-size: 0;
        height: 8px;
        line-height: 0;
        margin: 0 5px;
        outline: none;
        width: 8px
    }

    .table-compare-container .slick-dots li button {
        display: none
    }

    .table-compare-container .slick-dots .slick-active {
        background-color: var(--primary-red)
    }
}

.table-content {
    -ms-flex-negative: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: auto;
    margin: 0;
    position: sticky;
    right: 0;
    width: 100%;
    z-index: 10
}

.table-content__content {
    background: linear-gradient(0deg, #f5f6f8, #f5f6f8), linear-gradient(201.12deg, #fcfcff 11.28%, #efeff7 86.52%);
    border: 1px solid #e3e4e6;
    border-radius: 8px;
    height: auto;
    padding: 24px 1pc
}

.table-content__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-gap: 8px;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.table-content__label:hover {
    cursor: pointer
}

.table-content__labelText {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.table-content__entered {
    height: auto;
    min-height: 0;
    overflow: visible;
    -webkit-transition: height .4s cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: height .4s cubic-bezier(.4, 0, .2, 1) 0ms
}

.table-content__entered-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.table-content__entered-inner {
    width: 100%
}

.table-content__tableList {
    margin-top: 8px;
    padding: 0
}

.table-content__tableItem {
    list-style-type: none !important;
    margin-top: 8px
}

.table-content__tableItem a span:hover {
    text-decoration: underline
}

.table-content__tableItem-text {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #000;
    justify-content: space-between;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.table-content__tableItem-text,
.table-content__tableItem-text span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.table-content__tableItem-text span {
    font-weight: 400;
    overflow-wrap: anywhere
}

.table-content__tableItem-text span:hover {
    text-decoration: underline
}

.table-content__listChild {
    margin: 0;
    padding: 0 0 0 1.5rem
}

.table-content__listChild li {
    display: table;
    list-style-type: none !important;
    margin-top: 8px
}

.table-content__content {
    padding: 9pt 1pc
}

.table-content__label {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table-content__entered,
.table-content__entered.hide {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.table-content__entered.hide {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.table-content__entered.hide .table-content__entered-wrapper {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.table-content__entered .table-content__entered-wrapper {
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.table-content__icon {
    display: block;
    height: 24px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 24px
}

.table-content__icon.click {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.cmp-text .statistics-table-component,
.financialhighlights .statistics-table-component {
    min-height: 310px
}

.cmp-text table:has(tr.gray-striped:first-child) tr:nth-child(2n),
.financialhighlights table:has(tr.gray-striped:first-child) tr:nth-child(2n) {
    background: var(--primary-white)
}

.cmp-text table:has(tr.alternate:first-child) tr:nth-child(odd):not(:first-child),
.financialhighlights table:has(tr.alternate:first-child) tr:nth-child(odd):not(:first-child) {
    background: var(--primary-white)
}

.cmp-text table:has(tr.large-cell:first-child) td,
.cmp-text table:has(tr.large-cell:first-child) th,
.financialhighlights table:has(tr.large-cell:first-child) td,
.financialhighlights table:has(tr.large-cell:first-child) th {
    padding: 24px
}

.cmp-text table:has(tr.medium-cell:first-child) th,
.financialhighlights table:has(tr.medium-cell:first-child) th {
    padding: 24px 24px 8px
}

.cmp-text table:has(tr.small-cell:first-child) td,
.financialhighlights table:has(tr.small-cell:first-child) td {
    padding: .5rem 1rem
}

.cmp-text table:has(tr.alternate:first-child) tr:first-child,
.cmp-text table:has(tr.gray-striped:first-child) tr:first-child,
.financialhighlights table:has(tr.alternate:first-child) tr:first-child,
.financialhighlights table:has(tr.gray-striped:first-child) tr:first-child {
    border: 1px solid gray
}

.cmp-text table:has(tr.alternate:first-child) td,
.cmp-text table:has(tr.alternate:first-child) th,
.cmp-text table:has(tr.gray-striped:first-child) td,
.cmp-text table:has(tr.gray-striped:first-child) th,
.financialhighlights table:has(tr.alternate:first-child) td,
.financialhighlights table:has(tr.alternate:first-child) th,
.financialhighlights table:has(tr.gray-striped:first-child) td,
.financialhighlights table:has(tr.gray-striped:first-child) th {
    border: none;
    border-bottom: 1px solid #e0e0e0
}

.cmp-text table:has(tr.alternate:first-child) th,
.cmp-text table:has(tr.gray-striped:first-child) th,
.financialhighlights table:has(tr.alternate:first-child) th,
.financialhighlights table:has(tr.gray-striped:first-child) th {
    text-align: left
}

.cmp-text table:has(tr.alternate:first-child) td:first-child,
.cmp-text table:has(tr.alternate:first-child) td:nth-child(3n+3),
.cmp-text table:has(tr.gray-striped:first-child) td:first-child,
.cmp-text table:has(tr.gray-striped:first-child) td:nth-child(3n+3),
.financialhighlights table:has(tr.alternate:first-child) td:first-child,
.financialhighlights table:has(tr.alternate:first-child) td:nth-child(3n+3),
.financialhighlights table:has(tr.gray-striped:first-child) td:first-child,
.financialhighlights table:has(tr.gray-striped:first-child) td:nth-child(3n+3) {
    width: 25%
}

.cmp-text table:has(tr.alternate:first-child):has(tr.free-width:first-child) td,
.cmp-text table:has(tr.gray-striped:first-child):has(tr.free-width:first-child) td,
.financialhighlights table:has(tr.alternate:first-child):has(tr.free-width:first-child) td,
.financialhighlights table:has(tr.gray-striped:first-child):has(tr.free-width:first-child) td {
    width: unset
}

.cmp-text table,
.financialhighlights table {
    border-color: var(--secondary-mid-grey-60)
}

.cmp-text table td.red,
.cmp-text table th.red,
.cmp-text table tr.red,
.financialhighlights table td.red,
.financialhighlights table th.red,
.financialhighlights table tr.red {
    background: #e64d4d;
    color: var(--primary-white)
}

.cmp-text table td.white,
.cmp-text table th.white,
.cmp-text table tr.white,
.financialhighlights table td.white,
.financialhighlights table th.white,
.financialhighlights table tr.white {
    background: var(--primary-white);
    color: var(--primary-black)
}

.cmp-text table td.black,
.cmp-text table th.black,
.cmp-text table tr.black,
.financialhighlights table td.black,
.financialhighlights table th.black,
.financialhighlights table tr.black {
    background: var(--primary-black);
    color: var(--primary-white)
}

.cmp-text table td.blue,
.cmp-text table th.blue,
.cmp-text table tr.blue,
.financialhighlights table td.blue,
.financialhighlights table th.blue,
.financialhighlights table tr.blue {
    background: var(--primary-navy-blue);
    color: var(--primary-white)
}

.cmp-text table td.gray,
.cmp-text table th.gray,
.cmp-text table tr.gray,
.financialhighlights table td.gray,
.financialhighlights table th.gray,
.financialhighlights table tr.gray {
    background: var(--secondary-light-grey-100);
    color: var(--secondary-grey-60)
}

.cmp-text table td.light-gray,
.cmp-text table th.light-gray,
.cmp-text table tr.light-gray,
.financialhighlights table td.light-gray,
.financialhighlights table th.light-gray,
.financialhighlights table tr.light-gray {
    background: var(--secondary-light-grey-80);
    color: var(--secondary-grey-60)
}

.cmp-text table td,
.cmp-text table th,
.financialhighlights table td,
.financialhighlights table th {
    padding: 1pc
}

@-webkit-keyframes slowShow {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25pc);
        transform: translateX(-25pc)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slowShow {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25pc);
        transform: translateX(-25pc)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40%)
    }

    to {
        opacity: 1
    }
}

.inspire-exclusive .title-cmp__title {
    font-size: 2pc;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.inspire-exclusive .tcb-content-container {
    margin: 0 !important
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile],
.inspire-exclusive .inspire-exclusive__hidden-content {
    display: none
}

.inspire-exclusive .inspire-exclusive__tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30%
}

.inspire-exclusive .tab-menu-item {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 transparent, 0 0 transparent, 0 0 1pc rgba(0, 0, 0, .05);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 1pc rgba(0, 0, 0, .05);
    cursor: default;
    padding: 24px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 100%
}

.inspire-exclusive .tab-menu-item:not(.active) {
    cursor: pointer
}

.inspire-exclusive .tab-menu-item:nth-of-type(4n+1):hover {
    background-color: #df7f45 !important
}

.inspire-exclusive .tab-menu-item:nth-of-type(4n+2):hover {
    background-color: #3e8e87 !important
}

.inspire-exclusive .tab-menu-item:nth-of-type(4n+3):hover {
    background-color: #9b7c29 !important
}

.inspire-exclusive .tab-menu-item:nth-of-type(4n):hover {
    background-color: #14254c !important
}

.inspire-exclusive .tab-menu-item.active,
.inspire-exclusive .tab-menu-item.hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inspire-exclusive .tab-menu-item.active h3,
.inspire-exclusive .tab-menu-item:hover h3 {
    color: var(--primary-background) !important
}

.inspire-exclusive .tab-menu-item h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
    max-width: 80%;
    text-transform: uppercase
}

.inspire-exclusive .inspire-exclusive__tab-list {
    display: none;
    width: 65%
}

.inspire-exclusive .inspire-exclusive__tab-list.active {
    display: block;
    margin: -20px 0;
    opacity: 1 !important
}

.inspire-exclusive .inspire-exclusive__tab-list.active section {
    -webkit-animation-duration: .5s;
    -webkit-animation-name: fadeInBottom
}

.inspire-exclusive .inspire-privilege__container2 {
    padding-bottom: 0 !important
}

.inspire-exclusive .inspire-exclusive__tab-list:nth-of-type(4n+2) .bottom-separator {
    border-bottom: 1px solid #df7f45
}

.inspire-exclusive .inspire-exclusive__tab-list:nth-of-type(4n+3) .bottom-separator {
    border-bottom: 1px solid #3e8e87
}

.inspire-exclusive .inspire-exclusive__tab-list:nth-of-type(4n) .bottom-separator {
    border-bottom: 1px solid #9b7c29
}

.inspire-exclusive .inspire-exclusive__tab-list:nth-of-type(4n+1) .bottom-separator {
    border-bottom: 1px solid #14254c
}

.inspire-exclusive .inspire-exclusive__tab-menu-mobile .tab-menu-mobile-item:nth-of-type(4n+1) .bottom-separator {
    border-bottom: 1px solid #df7f45
}

.inspire-exclusive .inspire-exclusive__tab-menu-mobile .tab-menu-mobile-item:nth-of-type(4n+2) .bottom-separator {
    border-bottom: 1px solid #3e8e87
}

.inspire-exclusive .inspire-exclusive__tab-menu-mobile .tab-menu-mobile-item:nth-of-type(4n+3) .bottom-separator {
    border-bottom: 1px solid #9b7c29
}

.inspire-exclusive .inspire-exclusive__tab-menu-mobile .tab-menu-mobile-item:nth-of-type(4n) .bottom-separator {
    border-bottom: 1px solid #14254c
}

.inspire-exclusive div .inspireprivilege:last-child .bottom-separator {
    border: none !important
}

.inspire-exclusive .tab-list__content-item {
    margin-bottom: 24px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.inspire-exclusive .content-item__title {
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 2pc
}

.inspire-exclusive .content-item__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inspire-exclusive .content-item__container>.info-link {
    display: none
}

.inspire-exclusive [responsive-type=desktop] .content-item__container {
    margin-bottom: 20px
}

.inspire-exclusive [responsive-type=mobile] .content-item__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.inspire-exclusive .content-item__multi-picture,
.inspire-exclusive .content-item__picture {
    border-radius: 8px;
    margin: 0;
    position: relative;
    width: 100%
}

.inspire-exclusive [responsive-type=mobile] .content-item__multi-picture,
.inspire-exclusive [responsive-type=mobile] .content-item__picture {
    width: 100%
}

.inspire-exclusive .content-item__multi-picture picture,
.inspire-exclusive .content-item__picture picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.inspire-exclusive .content-item__picture .swiper-slide {
    width: 300px
}

.inspire-exclusive .content-item__multi-picture .swiper-slide {
    width: auto
}

.inspire-exclusive .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.inspire-exclusive .content-item__image {
    border-radius: 8px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.inspire-exclusive .content-item__picture[is-swiper="1"] .content-item__image {
    height: 11pc
}

.inspire-exclusive .content-item__multi-picture .content-item__image {
    height: 75pt;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.inspire-exclusive .swiper-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.inspire-exclusive .content-item__picture .swiper-button-next,
.inspire-exclusive .content-item__picture .swiper-button-prev {
    background-color: var(--primary-background);
    border: none;
    border-radius: 50%;
    color: var(--accent);
    cursor: pointer;
    height: 30px;
    outline: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 30px
}

.inspire-exclusive .content-item__picture .swiper-button-prev {
    left: 0;
    position: absolute;
    top: 40%;
    z-index: 2
}

.inspire-exclusive .content-item__picture .swiper-button-prev:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-left-red.png);
    font-size: 1pc;
    font-weight: bolder;
    height: 25px;
    width: 26px
}

.inspire-exclusive .content-item__picture .swiper-button-next {
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 2
}

.inspire-exclusive .content-item__picture .swiper-button-next:after {
    content: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/arrow-right-red.png);
    font-size: 1pc;
    font-weight: bolder;
    height: 24px;
    width: 21px
}

.inspire-exclusive .content-item__text {
    margin-left: 10%
}

.inspire-exclusive [responsive-type=mobile] .content-item__text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 15px;
    justify-content: space-around;
    margin-bottom: 24px;
    margin-left: 0;
    width: 100%
}

.inspire-exclusive .inspire-exclusive__tab-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    margin-left: 8px;
    margin-right: 8px
}

.inspire-exclusive .list-item__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    margin-bottom: 8px;
    margin-right: 20px;
    width: 44px
}

.inspire-exclusive .list-item__image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.inspire-exclusive .list-item__content h4 {
    color: #616161;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px
}

.inspire-exclusive .info-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 24px
}

.inspire-exclusive .info-link:hover {
    color: unset
}

.inspire-exclusive .info-link:hover img {
    -webkit-transform: translate(5px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(5px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)
}

.inspire-exclusive .info-link img {
    max-height: 15px;
    max-width: 1pc;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.inspire-exclusive [responsive-type=mobile] .info-link {
    margin-top: 20px
}

.inspire-exclusive .info-link__icon-container {
    height: 1pc;
    margin-left: 9pt;
    width: 1pc
}

.inspire-exclusive .info-link__icon-container img {
    height: 100%;
    width: 100%
}

.inspire-exclusive .inspire-exclusive__tab-menu-mobile {
    width: 100%
}

.inspire-exclusive .tab-menu-mobile-item {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    min-height: 200px;
    opacity: 0;
    position: relative;
    width: 100%
}

.inspire-exclusive .tab-menu-mobile-item.animate-slow-show {
    -webkit-animation-name: slowShow;
    animation-name: slowShow;
    opacity: 1 !important
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n),
.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content:before {
    background-color: inherit;
    border-radius: 20px;
    content: "";
    height: 130px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 10
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content:after {
    top: 35%
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content:before,
.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content:after {
    background-color: inherit;
    border-radius: 20px;
    content: "";
    height: 130px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1);
    transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1);
    width: 100%;
    z-index: 10
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content:before {
    bottom: 35%
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content:after {
    background-color: inherit;
    border-radius: 20px;
    content: "";
    height: 130px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 10
}

.inspire-exclusive .tab-menu-mobile-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 20px;
    color: var(--primary-background);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    z-index: 12
}

.inspire-exclusive .tab-menu-mobile-content h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;
    z-index: 11
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 150px
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-mobile-content h3 {
    font-family: SFProDisplay, "sans-serif";
    font-size: 2pc;
    max-width: 80%;
    min-height: 150px;
    padding-right: 3pc;
    padding-top: 24px;
    text-align: right
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content {
    top: 50px
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-menu-mobile-content h3 {
    font-family: SFProDisplay, "sans-serif";
    font-size: 2pc;
    padding-left: 3pc;
    text-align: left
}

.inspire-exclusive .dropdown-title-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    z-index: 11
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .dropdown-title-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 1pc
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .dropdown-title-icon {
    padding-right: 24px
}

.inspire-exclusive .dropdown-title-icon p {
    font-family: SFProDisplay, "sans-serif";
    font-size: unset;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px;
    white-space: nowrap
}

.inspire-exclusive .tab-list-mobile {
    background-color: var(--primary-background);
    display: none;
    max-width: 100%;
    position: relative;
    z-index: 11
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-list-mobile {
    border-radius: 20px
}

.inspire-exclusive .tab-menu-mobile-item.active .tab-list-mobile {
    display: block
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-list-mobile {
    height: auto;
    padding-top: 210px
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-list-mobile {
    padding-bottom: 70px;
    padding-top: 130px;
    top: 70px
}

.inspire-exclusive .content-item__primary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    width: 50%
}

.inspire-exclusive .tab-menu-collapse-icon {
    border-radius: 20px;
    color: var(--primary-background)
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-collapse-icon {
    min-height: 75pt;
    position: relative
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-collapse-icon:before {
    background-color: var(--primary-background);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    content: "";
    height: 45px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(odd) .tab-menu-collapse-icon:after {
    background-color: var(--primary-background);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    content: "";
    height: 5pc;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.inspire-exclusive .tab-menu-mobile-item.active:nth-child(odd) .tab-menu-collapse-icon:after {
    -webkit-transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1);
    transform: translate(0) rotate(0) skewX(0) skewY(5deg) scaleX(1) scaleY(1)
}

.inspire-exclusive .tab-menu-mobile-item:nth-child(2n) .tab-menu-collapse-icon {
    margin-bottom: 15px;
    min-height: 5pc;
    position: relative
}

.inspire-exclusive .collapse-icon-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 24px;
    z-index: 11
}

.inspire-exclusive .collapse-icon-content svg,
.inspire-exclusive .tab-menu-mobile-item.active .dropdown-title-icon svg {
    cursor: pointer;
    -webkit-transform: translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(0) rotate(180deg) skewX(0) skewY(0) scaleX(1) scaleY(1)
}

.inspire-exclusive .cmp-tabs__tablist {
    grid-gap: 0;
    row-gap: 24px
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .tab-list-mobile__content-item {
    padding: 0 1pc
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__text.content-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__text.content-row .list-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__text .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__text .list-item .list-item__content h4,
.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__text .list-item .list-item__content p {
    font-size: 14px;
    text-transform: unset
}

.inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__text .list-item .list-item__image {
    margin-right: 10px
}

@media screen and (max-width:1025px) {
    .inspire-exclusive .tab-menu-item h3 {
        font-size: 2pc !important
    }
}

@media screen and (max-width:767px) {
    .inspire-exclusive .title-cmp__title {
        font-size: 24px;
        margin-bottom: 2pc;
        padding: 0
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] {
        display: none
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] {
        display: block;
        margin: 0 -5%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=mobile] .content-item__primary {
        width: 100%
    }

    .inspire-slider-component .swiper {
        margin-left: 36px;
        margin-right: 36px;
        padding-left: 20px;
        padding-right: 20px
    }

    .inspire-slider-component .swiper-button-next {
        right: 5px
    }

    .inspire-slider-component .swiper-button-prev {
        left: 5px
    }

    .inspire-slider-component .head-title {
        font-size: 24px;
        padding-left: 6px
    }

    .inspire-slider-component .item-img .btn-video svg {
        height: 47px;
        width: 47px
    }

    .tab-item_list.tcb-tab-content[data-tab-style=image-slider] {
        height: 700px
    }

    .content-item__container .tcb-button.tcb-button--link.tcb-button--border-on-mobile {
        border: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        place-content: center
    }

    .content-item__container>.info-link {
        display: none
    }
}

@media(max-width:976px) {
    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .tab-menu-item h3 {
        font-size: 24px !important
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container>.info-link {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -ms-flex-item-align: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        order: 2
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__multi-picture,
    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__picture {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
        justify-content: center;
        margin-left: unset;
        order: 0;
        width: 100%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text.content-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text.content-row .list-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text .info-link {
        display: none
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text .benefit-feature__list-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text .benefit-feature__list-items .list-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__text .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__primary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 25px;
        width: 100%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .content-item__primary .info-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .list-item-count-1 .list-item {
        width: 100%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .list-item-count-2 .list-item {
        width: 50%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .list-item-count-3 .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 33%
    }

    .inspire-exclusive .inspire-exclusive__container[responsive-type=desktop] .content-item__container .list-item-count-4 .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 25%
    }
}

.tabs-event-card h4.news-card_title {
    font-size: 1pc
}

.tabs-event-card .news-card {
    background-color: var(--primary-white);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.tabs-event-card .news-card_month {
    height: 82px;
    padding: 0;
    width: 94px
}

.tabs-event-card .news-card_cover,
.tabs-event-card .news-card_cover-image {
    height: 236px
}

.tabs-event-card .news-card_title {
    line-height: 1.5;
    margin-top: 1pc
}

.tabs-event-card .news-card_description {
    margin-top: 8px
}

.tabs-event-card .news-card_info {
    gap: 0
}

.tabs-event-card .news-card_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs-event-card .news-card_time,
.tabs-event-card .news-card_type-inner {
    display: block
}

.tabs-event-card .news-card_actions {
    margin-top: 1pc
}

.tabs-event-card .read-more {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 2pc;
    padding-bottom: 9pt
}

.tabs-event-card .read-more,
.tabs-event-card .read-more .expand img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.tabs-event-card .read-more .expand img {
    width: 1pc
}

.tabs-event-card .read-more:hover {
    cursor: pointer;
    text-decoration: underline
}

.tabs-event-card .read-more button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-right: 9pt
}

.tabs-event-card .read-more a {
    padding-right: 9pt
}

@media(max-width:767px) {
    .tabs-event-card .news-card_title {
        min-height: 2.5rem
    }

    .tabs-event-card .news-card_type-inner {
        border-right: 0;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 21px;
        margin-bottom: 8px
    }

    .tabs-event-card .news-card_type {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tabs-event-card .news-card_time {
        margin: 0
    }

    .tabs-event-card .news-card_description {
        letter-spacing: normal;
        margin-top: 1pc
    }
}

.tcb-tabs_tab-list {
    -webkit-box-flex: 1;
    -ms-overflow-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    scrollbar-width: none
}

.tcb-tabs_tab-list::-webkit-scrollbar {
    display: none
}

.tcb-tabs {
    -ms-overflow-style: none;
    border-bottom: 1px solid var(--light-background-hover);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    scrollbar-width: none
}

.tcb-tabs::-webkit-scrollbar {
    display: none
}

.tcb-tabs_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--gray-900);
    color: #a2a2a2;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1pc;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    min-height: 40px;
    min-width: 10pc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.auto-width .tcb-tabs_item {
    min-width: 100%
}

.loan-realestate__container .tcb-tabs_item:hover {
    background-color: #f2f2f2
}

.tcb-tabs_control:active,
.tcb-tabs_item:active {
    background-color: rgba(0, 0, 0, .1)
}

.tcb-tabs_indicator {
    background: var(--accent);
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 10pc
}

.loan-realestate__container .tcb-tabs_indicator {
    height: 5px
}

.tcb-tabs_item.tcb-tabs_item--active {
    color: var(--body);
    font-weight: 600
}

.tcb-tabs_scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 24px;
    position: relative
}

.tcb-tabs_control {
    background-image: url(../../../etc.clientlibs/techcombank/clientlibs/clientlib-site/resources/images/right-detail-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 20px
}

.tcb-tabs_control.tcb-tabs_control--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tcb-tabs_item {
    min-width: 40px
}

.vertical-tabs-button-text {
    overflow-wrap: break-word
}

.menu-item {
    width: 100%
}

.tab-vertical-features-component__container .tab-content .tab {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    display: grid;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    row-gap: 18px
}

.tab,
.tab-item {
    word-wrap: break-word
}

.tab-items,
.tab-items-author {
    position: relative;
    width: 100%
}

.tab-items-author {
    display: table;
    height: 150px
}

.tab-items-author>.tab-item:not(.hidden) {
    display: table-cell
}

.tab-items-author>.tab-item.hidden {
    display: none
}

.tab-item {
    width: inherit
}

.tab-item.hidden {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.cmp-tabs__tablist {
    grid-gap: 24px
}

.tcb-tabs:not(.can-next) .tcb-tabs_control--next,
.tcb-tabs:not(.can-prev) .tcb-tabs_control--prev {
    display: none
}

@media screen and (max-width:1024px) {
    .tabs-vertical {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .tabs-horizontal {
        display: none
    }
}

.tcb-input-range {
    margin: 24px 0;
    position: relative
}

.tcb-input-range_bar {
    background: var(--accent);
    border-radius: 5px;
    height: 8px;
    position: absolute;
    width: 9pt
}

.tcb-input-range_bar-wrapper {
    background: #d3d3d3;
    border-radius: 5px;
    height: 8px;
    position: relative
}

.tcb-input-range_thumb {
    background: #fff;
    border-radius: 9pt;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    -webkit-transform: translate(9pt, -8px);
    transform: translate(9pt, -8px);
    width: 24px
}

.tcb-input-range_labels {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #a2a2a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 9pt;
    white-space: nowrap
}

.tcb-input-range_label-end,
.tcb-input-range_label-start {
    line-height: 1.43
}

.tcb-input-range_inline-value {
    background: #fff;
    border-radius: 20px;
    font-size: .75rem;
    font-weight: 400;
    padding: 6px 15px;
    top: 34px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.tcb-input-range_inline-value,
.tcb-input-range_inline-value:before {
    -webkit-filter: drop-shadow(0 -1px 3px rgba(0, 0, 0, .14));
    filter: drop-shadow(0 -1px 3px rgba(0, 0, 0, .14));
    left: 50%;
    position: absolute
}

.tcb-input-range_inline-value:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 5px 8px;
    content: "";
    height: 0;
    margin-left: -5px;
    top: -8px;
    width: 0;
    z-index: 1
}

.tcb-input-range[disabled] {
    pointer-events: none
}

.tcb-input-range[disabled] .tcb-input-range_bar {
    background: rgba(237, 28, 36, .3)
}

.header_layout .navigation_secondary .search-engine__wrapper {
    display: none
}

@media(max-width:1024px) {
    .header_layout .navigation_secondary .search-engine__wrapper {
        display: block;
        padding: .75rem 1rem
    }
}

.header_layout .navigation_secondary .search-engine__wrapper .gsc-search-box {
    margin-bottom: unset
}

.header_layout .navigation_secondary .search-engine__wrapper .gsc-search-box .gsib_a {
    padding: .75rem 1rem
}

.tcb-teaser {
    padding-bottom: 0;
    padding-top: 3pc;
    position: relative
}

.tcb-teaser .tcb-button--link {
    border: none;
    margin-top: 1rem
}

.tcb-teaser .right-container__link-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tcb-teaser .tcb-button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start
}

.tcb-teaser .tcb-button.tcb-button--link {
    gap: 9pt;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tcb-teaser .tcb-button.tcb-button--link:hover {
    cursor: pointer
}

.tcb-teaser .tcb-button.tcb-button--link:hover .tcb-button--title {
    text-decoration: underline
}

.tcb-teaser .tcb-button.tcb-button--dark {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #000;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    color: #fff;
    gap: 1pc;
    justify-content: space-between;
    margin-top: 1pc;
    padding: 12 1pc;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tcb-teaser .tcb-button.tcb-button--dark img {
    padding: 1pc
}

.section-font-color .tcb-teaser .tcb-button.tcb-button--dark {
    color: inherit
}

.tcb-teaser .tcb-button.tcb-button--gradient {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-24.11%, #8d8175), color-stop(305.36%, #35322b));
    background: linear-gradient(180deg, #8d8175 -24.11%, #35322b 305.36%);
    justify-content: space-between;
    padding: 1pc 24px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.tcb-teaser .tcb-button.tcb-button--gradient:hover {
    background: #fff;
    color: #616161
}

.tcb-teaser .tcb-button.tcb-button--gradient img {
    padding: 0
}

.tcb-teaser .tcb-button.full-width {
    width: 100%
}

.tcb-teaser .tcb-button.tcb-button--dark:hover {
    color: #fff
}

.tcb-teaser .tcb-button--arrow {
    color: #ed1c24
}

.tcb-teaser .tcb-teaser_app-preview {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.tcb-teaser .tcb-teaser_app-preview.left-align {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:767px) {
    .tcb-teaser .tcb-teaser_app-preview.left-align {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tcb-teaser .tcb-teaser_app-preview.right-align {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:767px) {
    .tcb-teaser .tcb-teaser_app-preview.right-align {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

@media(max-width:768px) {
    .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
        max-width: unset
    }
}

.tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image img {
    display: block;
    height: 100%;
    width: 100%
}

.tcb-teaser--smallImage .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
    max-width: 11pc;
    -o-object-position: top;
    object-position: top;
    width: 11pc
}

.tcb-teaser--mediumImage .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
    max-width: 380px;
    width: 380px
}

@media screen and (max-width:767px) {
    .tcb-teaser--mediumImage .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
        margin: auto;
        max-width: 76%
    }
}

.tcb-teaser--largeImage .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
    max-width: 500px;
    width: 500px
}

@media screen and (max-width:767px) {
    .tcb-teaser--largeImage .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
        width: 100%
    }
}

.tcb-teaser--desktopSmall .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
    max-width: 244px
}

@media screen and (max-width:767px) {
    .tcb-teaser--desktopSmall .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
        max-width: 100%
    }

    .tcb-teaser--mobileSmall .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image {
        max-width: 76%
    }
}

.tcb-teaser--smallRight .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

@media screen and (max-width:767px) {
    .tcb-teaser--smallRight .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tcb-teaser--smallRight .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image img {
    height: auto;
    max-width: 11pc
}

.tcb-teaser--small286 .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview .app-preview-image img {
    height: 286px;
    width: 100%
}

@media screen and (max-width:767px) {
    .tcb-teaser--small286 .tcb-teaser .tcb-teaser_content .tcb-teaser_body .tcb-teaser_app-preview {
        margin-bottom: 20px
    }
}

.tcb-teaser--dark .tcb-teaser .tcb-button--arrow {
    color: #fff
}

.tcb-teaser--larger-height .tcb-teaser_body {
    min-height: 328.83px
}

.tcb-teaser--column-padding {
    padding-bottom: 0;
    padding-top: 0
}

.tcb-teaser--column-padding .tcb-teaser_column-left,
.tcb-teaser--column-padding .tcb-teaser_column-right {
    padding: 3pc 9pt
}

.tcb-teaser--column-padding .tcb-teaser--nopadding {
    padding-bottom: 0;
    padding-top: 0
}

.tcb-teaser--dark,
.tcb-teaser--dark .tcb-button--link,
.tcb-teaser--dark .tcb-teaser_description p,
.tcb-teaser--dark .tcb-teaser_title {
    color: var(--primary-background)
}

.tcb-teaser--dark .tcb-button--link:hover {
    border: none
}

.tcb-teaser--reverse .tcb-teaser_body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tcb-teaser_column-left {
    -webkit-box-flex: .4;
    -ms-flex: .4 40%;
    flex: .4 40%
}

.tcb-teaser_column-right {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 63%;
    flex: 1 63%;
    -ms-flex-direction: column;
    flex-direction: column
}

.tcb-teaser--layout-1-1 .tcb-teaser_column-left,
.tcb-teaser--layout-1-1 .tcb-teaser_column-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tcb-teaser_tag {
    color: var(--primary-background)
}

.tcb-teaser_background-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.tcb-teaser--mobile-large .tcb-teaser_background-image {
    -o-object-position: top;
    object-position: top
}

.tcb-teaser_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 82px
}

.tcb-teaser_body .tcb-teaser_align-center {
    margin: auto 0
}

.tcb-teaser_content {
    position: relative;
    z-index: 1
}

.tcb-teaser_description--small {
    margin-top: 8px
}

.tcb-teaser_title {
    color: var(--body);
    font-size: 28px;
    font-weight: 300;
    line-height: 35px;
    margin-top: 1pc
}

.section-font-color .tcb-teaser_title {
    color: inherit
}

.tcb-teaser_description p {
    color: var(--light-secondary-text);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 8px
}

.section-font-color .tcb-teaser_description p {
    color: inherit
}

.tcb-teaser_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    margin-top: 24px
}

.tcb-teaser_body .tcb-teaser_column .app-preview-image {
    line-height: 0
}

.tcb-teaser_info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt
}

.tcb-teaser_info-title {
    font-weight: 600;
    line-height: 24px;
    padding-left: 36px
}

.tcb-download-app-block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--primary-background);
    border-radius: 1pc;
    color: var(--body);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    margin-top: 1rem;
    overflow: hidden;
    padding: 4px
}

.tcb-download-app-block .tcb-scanner--text {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 6px;
    text-align: left
}

.tcb-download-app-block picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    width: 70px
}

.tcb-download-app-block .app-button-arrow {
    display: none
}

.tcb-download-app-block.revert-on-mobile {
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.tcb-download-app-block_qr-code {
    -ms-flex-item-align: center;
    align-self: center;
    height: 70px !important;
    padding-left: 4px;
    padding-right: 4px;
    width: 70px !important
}

.desktop-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mobile-only {
    display: none
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .tcb-teaser {
        padding-bottom: 0;
        padding-top: 2pc
    }

    .tcb-teaser_column-left,
    .tcb-teaser_column-right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width:1023px) {
    .tcb-teaser_column .center-align {
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media screen and (max-width:767px) {
    .desktop-only {
        display: none
    }

    .mobile-only {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tcb-teaser {
        padding-bottom: 0;
        padding-top: 2pc
    }

    .tcb-teaser.tcb-teaser--mobile-large {
        padding-bottom: 55%
    }

    .tcb-teaser--mobile-bottom-alignment .tcb-teaser.tcb-teaser--mobile-large {
        padding-bottom: 0;
        padding-top: 95%
    }

    .tcb-teaser--column-padding .tcb-teaser_column-left,
    .tcb-teaser--column-padding .tcb-teaser_column-right {
        padding: 0
    }

    .tcb-teaser_body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9pt
    }

    .tcb-teaser--reverse .tcb-teaser_body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 2pc
    }

    .tcb-teaser.large-mobile {
        padding-top: 236px
    }

    .tcb-teaser_qr-desktop {
        width: 100%
    }

    .tcb-teaser--mobile-button {
        min-width: 100%
    }

    .tcb-teaser_qr-desktop.tcb-teaser_qr-mobile {
        visibility: hidden
    }

    .tcb-teaser .tcb-button.tcb-button--link {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .tcb-teaser .tcb-button.tcb-button--link .tcb-button--title {
        white-space: normal;
        width: calc(100% - 36px)
    }

    .tcb-teaser .tcb-button.tcb-button--dark {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 328px;
        width: 100%
    }

    .tcb-teaser .tcb-button.tcb-button--gradient {
        max-width: unset
    }

    .tcb-teaser .app-button-arrow {
        display: block
    }

    .tcb-download-app-block {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        border-radius: 8px;
        justify-content: space-between;
        margin-top: 24px;
        padding: 9pt 1pc;
        width: 100%
    }

    .tcb-download-app-block .app-button-arrow {
        display: inline-block
    }

    .tcb-download-app-block_qr-code {
        display: none
    }

    .tcb-button.tcb-button--link.tcb-button--border-on-mobile {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid var(--body);
        padding: 9pt 1pc;
        white-space: normal;
        width: 330px
    }

    .tcb-download-app-block.revert-on-mobile {
        background: var(--body);
        color: var(--primary-background)
    }

    .tcb-teaser_download-app-row {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: start
    }

    .background-position-right .tcb-teaser_download-app-row {
        margin-top: 24px;
        width: 100%
    }

    .background-position-right .tcb-teaser_download-app-row .button.padding-top-12 {
        padding: 0 !important;
        width: 100%
    }

    .background-position-right .tcb-teaser_download-app-row .button.padding-top-12 .cta-button {
        margin: 0
    }

    .background-position-right .tcb-teaser {
        padding-bottom: 44px
    }
}

@media screen and (min-width:768px) {
    .background-position-right .tcb-teaser_app-preview {
        width: 40%
    }
}

.background-position-right .tcb-teaser_body .tcb-teaser_align-center {
    margin: auto 0
}

@media screen and (min-width:768px) {
    .background-position-right .tcb-teaser_body .tcb-teaser_align-center {
        padding-bottom: 50px
    }
}

.tcb-teaser .tcb-teaser_download-app-row .button {
    max-width: 328px
}

.tcb-teaser .tcb-teaser_download-app-row .button .cta-button {
    width: var(--desktop-width, 100%)
}

@media screen and (max-width:767px) {
    .tcb-teaser .tcb-teaser_download-app-row .button {
        max-width: unset;
        width: 100%
    }

    .tcb-teaser .tcb-teaser_download-app-row .button .cta-button {
        width: var(--mobile-width, 328px)
    }
}

@media(max-width:320px) {
    .tcb-teaser .tcb-teaser_download-app-row .button .cta-button {
        width: var(--mobile-width, 100%)
    }
}

.pl-20 {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px
}

li:before {
    background-color: var(--primary-black)
}

li::marker {
    color: var(--primary-black)
}

li.red-bullet:before {
    background-color: var(--primary-red)
}

li.red-bullet::marker {
    color: var(--primary-red)
}

li.blue-bullet:before {
    background-color: var(--primary-navy-blue)
}

li.blue-bullet::marker {
    color: var(--primary-navy-blue)
}

li.black-bullet:before {
    background-color: var(--primary-black)
}

li.black-bullet::marker {
    color: var(--primary-black)
}

li.white-bullet:before {
    background-color: var(--primary-white)
}

li.white-bullet::marker {
    color: var(--primary-white)
}

li.grey-bullet:before {
    background-color: var(--secondary-grey-60)
}

li.grey-bullet::marker {
    color: var(--secondary-grey-60)
}

li.gold-bullet:before {
    background-color: var(--primary-gold)
}

li.gold-bullet::marker {
    color: var(--primary-gold)
}

li.marker-font-weight-normal::marker {
    font-weight: 400
}

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

.hover-color:hover {
    color: var(--primary-red)
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

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

.nav-equal-panel .with-cta-container .with-cta-event-wrapper>h4,
.text-lg {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.text-xl {
    font-size: 1.75rem;
    line-height: 2.25rem
}

.text-2xl {
    font-size: 2rem;
    line-height: 2.5rem
}

.font-weight-unset {
    font-weight: unset
}

.font-light,
.nav-equal-panel .with-cta-container .with-cta-event-wrapper>h4 {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.line-height-unset {
    line-height: unset
}

.line-height-sm {
    line-height: var(--heading2-line-height)
}

.line-height-20 {
    line-height: 1.25rem
}

.line-height-21 {
    line-height: 21px
}

.heading-style-h1 .tcb-title,
.heading-style-h1 h1,
.heading-style-h1 h2,
.heading-style-h1 h3,
.heading-style-h1 h4,
.heading-style-h1 h5,
.heading-style-h1 h6 {
    font-size: 2rem !important;
    font-weight: 300 !important;
    line-height: 2.5rem !important
}

.heading-style-h2 .tcb-title,
.heading-style-h2 h1,
.heading-style-h2 h2,
.heading-style-h2 h3,
.heading-style-h2 h4,
.heading-style-h2 h5,
.heading-style-h2 h6 {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
    line-height: 2.25rem !important
}

.heading-style-h3 .tcb-title,
.heading-style-h3 h1,
.heading-style-h3 h2,
.heading-style-h3 h3,
.heading-style-h3 h4,
.heading-style-h3 h5,
.heading-style-h3 h6 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 2.25rem !important
}

.heading-style-h4 .tcb-title,
.heading-style-h4 h1,
.heading-style-h4 h2,
.heading-style-h4 h3,
.heading-style-h4 h4,
.heading-style-h4 h5,
.heading-style-h4 h6,
.heading-style-h5 .tcb-title,
.heading-style-h5 h1,
.heading-style-h5 h2,
.heading-style-h5 h3,
.heading-style-h5 h4,
.heading-style-h5 h5,
.heading-style-h5 h6,
.heading-style-h6 .tcb-title,
.heading-style-h6 h1,
.heading-style-h6 h2,
.heading-style-h6 h3,
.heading-style-h6 h4,
.heading-style-h6 h5,
.heading-style-h6 h6,
.heading-style-p .tcb-title,
.heading-style-p h1,
.heading-style-p h2,
.heading-style-p h3,
.heading-style-p h4,
.heading-style-p h5,
.heading-style-p h6 {
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5rem !important
}

@media(max-width:767px) {
    .custom-image-wrap {
        overflow-x: auto
    }
}

.custom-image-wrap img {
    width: 100%
}

@media(max-width:767px) {
    .custom-image-wrap img {
        width: 900px
    }

    .text-base-mb-style h1,
    .text-base-mb-style h2,
    .text-base-mb-style h3,
    .text-base-mb-style h4,
    .text-base-mb-style h5,
    .text-base-mb-style h6 {
        font-size: 1.125rem !important
    }

    .text-lg-mb-style h1,
    .text-lg-mb-style h2,
    .text-lg-mb-style h3,
    .text-lg-mb-style h4,
    .text-lg-mb-style h5,
    .text-lg-mb-style h6 {
        font-size: 1.5rem !important
    }

    .text-base-mb {
        font-size: 1.125rem
    }

    .text-lg-mb {
        font-size: 1.5rem
    }

    .font-light-mb {
        font-weight: 300
    }

    .font-normal-mb {
        font-weight: 400
    }

    .font-medium-mb {
        font-weight: 500
    }

    .font-semibold-mb {
        font-weight: 600
    }

    .font-bold-mb {
        font-weight: 700
    }

    .font-extrabold-mb {
        font-weight: 800
    }

    .font-black-mb {
        font-weight: 900
    }
}

.tcb-heading1 .tcb-title {
    color: var(--primary-black)
}

.dark .tcb-heading1 .tcb-title {
    color: var(--primary-white)
}

.tcb-heading2 .tcb-title,
.tcb-heading3 .tcb-title {
    color: var(--secondary-grey)
}

.dark .tcb-heading2 .tcb-title,
.dark .tcb-heading3 .tcb-title {
    color: var(--primary-white)
}

.tcb-heading1 .tcb-title {
    font-size: var(--heading1-font-size);
    font-weight: 300;
    line-height: var(--heading1-line-height)
}

.tcb-heading2 .tcb-title {
    font-size: var(--heading2-font-size);
    font-weight: 700;
    line-height: var(--heading2-line-height)
}

.tcb-heading3 .tcb-title {
    font-size: var(--heading3-font-size);
    font-weight: 300;
    line-height: var(--heading3-line-height)
}

.title-component .title-cmp {
    width: 100%
}

.title-component .title-cmp.title-cmp--row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .title-component .title-cmp.title-cmp--row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.title-component .title-cmp.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title-component .title-cmp.align-center .tcb-title {
    text-align: center
}

@media screen and (max-width:767px) {
    .title-component .title-cmp.align-center.title-cmp--row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.title-component .title-cmp.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.title-component .title-cmp.align-left .tcb-title {
    text-align: left
}

@media screen and (max-width:767px) {
    .title-component .title-cmp.align-left.title-cmp--row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.title-component .title-cmp.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.title-component .title-cmp.align-right .tcb-title {
    text-align: right
}

@media screen and (max-width:767px) {
    .title-component .title-cmp.align-right.title-cmp--row {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.title-component .title-cmp.title-separator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.title-component .title-cmp.title-separator .tcb-title {
    -ms-flex-negative: 0;
    display: inline;
    flex-shrink: 0;
    margin-right: 24px;
    padding-bottom: 0;
    padding-right: 24px;
    position: relative
}

.title-component .title-cmp.title-separator .tcb-title:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#c4c4c4)) no-repeat 0 0;
    background: linear-gradient(180deg, #c4c4c4, #c4c4c4) no-repeat 0 0;
    background-size: 1px 100%;
    bottom: 0;
    content: "";
    height: 28px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

@media screen and (max-width:767px) {
    .title-component .title-cmp.title-separator .tcb-title {
        margin-right: 0;
        padding-right: 0
    }
}

.title-component .title-cmp.title-separator .cta-button {
    min-width: auto
}

.title-component .title-cmp h1 {
    font-size: var(--heading1-font-size);
    font-weight: 300;
    line-height: var(--heading1-line-height)
}

@media screen and (max-width:767px) {
    .title-component .title-cmp h1 {
        font-size: var(--heading1-mobile)
    }
}

.title-component .title-cmp h2 {
    font-size: var(--heading2-font-size);
    font-weight: var(--heading2-font-weight);
    line-height: var(--heading2-line-height)
}

.title-component .title-cmp h3 {
    font-size: var(--heading3-font-size);
    font-weight: 300;
    line-height: var(--heading3-line-height)
}

.title-component .title-cmp--parsys {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.title-component .title-cmp--parsys .button {
    width: 100%
}

.title-component .title-cmp--parsys .button .cta-button picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

@media(max-width:767px) {
    .title-component .title-cmp.title-separator .tcb-title:before {
        content: none
    }

    .title-component .title-cmp--parsys {
        width: 100%
    }
}

.title-text--dark .title-component .title-cmp,
.title-text--dark .title-component .title-cmp .tcb-title {
    color: #fff
}

.title-text--light .title-component .title-cmp,
.title-text--light .title-component .title-cmp .tcb-title {
    color: #000
}

.font-weight-300 .cmp-button__text,
.font-weight-300 .tcb-title,
.font-weight-300 h1,
.font-weight-300 h2,
.font-weight-300 h3,
.font-weight-300 h4,
.font-weight-300 h5,
.font-weight-300 h6 {
    font-weight: 300 !important
}

.font-weight-400 .cmp-button__text,
.font-weight-400 .tcb-title,
.font-weight-400 h1,
.font-weight-400 h2,
.font-weight-400 h3,
.font-weight-400 h4,
.font-weight-400 h5,
.font-weight-400 h6 {
    font-weight: 400 !important
}

.font-weight-500 .cmp-button__text,
.font-weight-500 .tcb-title,
.font-weight-500 h1,
.font-weight-500 h2,
.font-weight-500 h3,
.font-weight-500 h4,
.font-weight-500 h5,
.font-weight-500 h6 {
    font-weight: 500 !important
}

.font-weight-600 .cmp-button__text,
.font-weight-600 .tcb-title,
.font-weight-600 h1,
.font-weight-600 h2,
.font-weight-600 h3,
.font-weight-600 h4,
.font-weight-600 h5,
.font-weight-600 h6 {
    font-weight: 600 !important
}

.font-weight-700 .cmp-button__text,
.font-weight-700 .tcb-title,
.font-weight-700 h1,
.font-weight-700 h2,
.font-weight-700 h3,
.font-weight-700 h4,
.font-weight-700 h5,
.font-weight-700 h6 {
    font-weight: 700 !important
}

.no-padding .tcb-title {
    padding: 0 !important
}