[class^=mdi-], [class*=\ mdi-] {
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Material-Symbols-Outlined, sans-serif !important
}

.mdi-calendar-check:before {
    content: ""
}

.mdi-user:before {
    content: ""
}

.mdi-quote-left:before {
    content: ""
}

.mdi-email:before {
    content: ""
}

.mdi-warning:before {
    content: ""
}

.mdi-clear:before {
    content: ""
}

.mdi-navigate_before:before {
    content: ""
}

.mdi-navigate_next:before {
    content: ""
}

.mdi-arrow_forward:before {
    content: ""
}

.mdi-expand_more:before {
    content: ""
}

.mdi-menu:before {
    content: ""
}

.mdi-search:before {
    content: ""
}

.mdi-search_off:before {
    content: ""
}

.mdi-home:before {
    content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: #0000
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

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

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

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

button:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=button]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=reset]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=submit]:-moz-focusring {
    outline: 1px dotted buttontext
}

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template, [hidden] {
    display: none
}

* {
    box-sizing: border-box
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

body {
    font-family: var(--font-primary);
    font-weight: 400
}

a {
    text-decoration: none
}

img {
    max-width: 100%
}

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

.container {
    max-width: 1252px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    position: relative
}

.d-flex {
    display: flex
}

.row {
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    display: flex
}

.col {
    flex: 1 0 0;
    padding-left: 16px;
    padding-right: 16px
}

.col-1 {
    flex: none;
    width: 8.33333%;
    padding-left: 16px;
    padding-right: 16px
}

.col-2 {
    flex: none;
    width: 16.6667%;
    padding-left: 16px;
    padding-right: 16px
}

.col-3 {
    flex: none;
    width: 25%;
    padding-left: 16px;
    padding-right: 16px
}

.col-4 {
    flex: none;
    width: 33.3333%;
    padding-left: 16px;
    padding-right: 16px
}

.col-5 {
    flex: none;
    width: 41.6667%;
    padding-left: 16px;
    padding-right: 16px
}

.col-6 {
    flex: none;
    width: 50%;
    padding-left: 16px;
    padding-right: 16px
}

.col-7 {
    flex: none;
    width: 58.3333%;
    padding-left: 16px;
    padding-right: 16px
}

.col-8 {
    flex: none;
    width: 66.6667%;
    padding-left: 16px;
    padding-right: 16px
}

.col-9 {
    flex: none;
    width: 75%;
    padding-left: 16px;
    padding-right: 16px
}

.col-10 {
    flex: none;
    width: 83.3333%;
    padding-left: 16px;
    padding-right: 16px
}

.col-11 {
    flex: none;
    width: 91.6667%;
    padding-left: 16px;
    padding-right: 16px
}

.col-12 {
    flex: none;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

.align-self-center {
    align-self: center
}

.justify-content-center {
    justify-content: center
}

.justify-content-space-between {
    justify-content: space-between
}

.align-items-center, .d-flex {
    align-items: center
}

.ml-1 {
    margin-left: 16px
}

.ml-2 {
    margin-left: 32px
}

.ml-3 {
    margin-left: 80px
}

.mr-1 {
    margin-right: 16px
}

.mr-2 {
    margin-right: 32px
}

.mr-3 {
    margin-right: 80px
}

@media (max-width: 1250px) {
    .d-l-none {
        display: none
    }

    .col-l-12 {
        width: 100%
    }
}

@media (max-width: 992px) {
    .container {
        padding-left: 24px;
        padding-right: 24px
    }

    .row {
        margin-left: -12px;
        margin-right: -12px
    }

    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        padding-left: 12px;
        padding-right: 12px
    }

    .d-m-none {
        display: none
    }

    .col-m-4 {
        width: 33.3333%
    }

    .col-m-6 {
        width: 50%
    }

    .col-m-12 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .col-s-6 {
        width: 50%
    }

    html, body {
        overflow-x: hidden
    }
}

@media (max-width: 567px) {
    .col-xs-6 {
        width: 50%
    }

    .col-xs-12 {
        width: 100%
    }

    .margin-minus-xs {
        margin-left: -24px;
        margin-right: -24px
    }
}

body.header-sticky {
    padding-top: 90px
}

body.header-sticky .header.header--sticky {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.header {
    background: #fff;
    position: relative;
    box-shadow: 0 2px 6px #00000026
}

.header__row {
    justify-content: space-between;
    min-height: 90px
}

.header__logo {
    max-width: 200px;
    margin-right: 32px
}

.header .logo {
    display: inline-block
}

.header--search-bar .search {
    margin: 0
}

.header--search-bar .search .search-input {
    border: 1px solid #757575;
    font-size: 14px
}

.header--search-bar .search .search-icon {
    color: #757575
}

.header--search .header__logo--mobile {
    display: none !important
}

.header--search .search-form {
    display: none
}

@media (max-width: 567px) {
    .header--search .search-form {
        width: 100vw;
        max-width: 100vw;
        margin: 0;
        display: flex
    }

    .header--search .search-form__field {
        border-color: gray;
        padding: 10px 45px 10px 50px;
        font-size: 14px;
        line-height: 14px
    }

    .header--search .search-form__search-button {
        top: 8px
    }

    .header--search .search-form__search-button [class*=\ mdi-] {
        color: gray !important
    }

    .header--search .search-form__clear [class*=\ mdi-] {
        color: gray;
        font-size: 22px
    }

    .header--search #hamburger {
        display: none
    }

    .header--search .header__row {
        justify-content: flex-start
    }

    .header--search .header__logo {
        max-width: 50px;
        margin: 0 14px 0 0
    }

    .header--search .header__logo--mobile {
        display: flex !important
    }

    .header--search .header__logo--desktop {
        display: none !important
    }
}

.main-menu {
    height: 100%
}

.main-menu a {
    text-transform: uppercase
}

.main-menu__list {
    /*justify-content: center;*/
    align-items: center;
    height: 100%;
    display: flex;
    max-width: 680px;
    overflow-x: auto;
}

.main-menu__list > li {
    padding-left: 12px;
    padding-right: 12px
}

.main-menu__submenu {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    cursor: default;
    background: #fff;
    border-radius: 0 0 8px 8px;
    flex-flow: column wrap;
    margin-left: -30px;
    padding: 20px;
    list-style-type: none;
    display: flex;
    position: absolute;
    top: 90px;
    box-shadow: 0 3px 9px #00000026
}

.main-menu__submenu:before {
    content: "";
    background: #fff;
    width: 100%;
    height: 4px;
    margin-left: -30px;
    position: absolute;
    top: -4px;
    left: 30px
}

.main-menu-list-item {
    cursor: pointer;
    line-height: 90px
}

.main-menu-list-item:hover .main-menu-list-item-link:before {
    width: 100%
}

.main-menu-list-item__link {
    height: 100%
}

.main-menu-list-item__plus.material-symbols-outlined {
    color: var(--color-primary);
    margin-left: 0;
    font-size: 15px
}

.main-menu-list-item-link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.main-menu-submenu-item {
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    height: 40px;
    transition: all .3s ease-in;
    display: flex
}

.main-menu-submenu-item:hover {
    background: var(--color-accent2)
}

.main-menu-submenu-item__icon {
    margin-right: 8px
}

.main-menu-submenu-item__link {
    width: 100%
}

.main-menu-submenu-item-link {
    color: var(--color-primary);
    font-size: 16px;
    line-height: initial;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    display: flex
}

.search {
    z-index: 5;
    flex: 1;
    max-width: 500px;
    margin-left: 32px;
    position: relative
}

.search__input {
    outline: none;
    width: 100%
}

.search-icon {
    cursor: pointer;
    box-shadow: none;
    color: var(--color-primary);
    background: 0 0;
    border: none;
    margin-top: 2px;
    transition: all .3s;
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%)
}

.search-input {
    border: 1px solid var(--color-primary);
    border-radius: 5px;
    padding: 10px 45px 10px 20px;
    transition: all .3s;
    -webkit-appearance: none !important
}

.search-input:focus {
    box-shadow: 0 0 3px #00000026
}

#hamburger {
    display: none
}

.menu-open #hamburger {
    display: block
}

.menu-open #hamburger .hamburger-open-btn {
    display: none
}

.menu-open #hamburger .hamburger-close-btn {
    display: block
}

.menu-open .search {
    display: none
}

.menu-open .main-menu, .menu-open .main-menu-list-item.open .main-menu-submenu {
    display: block
}

.menu-open .main-menu-list-item.open .main-menu-list-item__plus {
    transform: rotate(180deg)
}

@media (min-width: 993px) {
    .main-menu-list-item:hover .main-menu-submenu {
        opacity: 1;
        visibility: visible
    }

    .main-menu-list-item-link:before {
        content: "";
        background: var(--color-secondary);
        width: 0;
        height: 4px;
        transition: all .3s;
        position: absolute;
        bottom: 4px
    }
}

.mobile-search-close{
    display:none;
}

@media (max-width: 992px) {

    .header__row {
        text-align: center;
        justify-content: center;
        min-height: 70px;
        position: relative
    }

    .header .logo {
        display: flex
    }

    .header__logo {
        max-width: 100%;
        max-height: 50px;
        margin: auto
    }

    .header__logo img {
        max-height: 100%
    }

    .header--simple .header__row {
        min-height: 60px
    }

    .header--simple .header__logo {
        justify-content: center;
        max-height: 40px;
        display: flex
    }

    .header--search-bar .header__row {
        min-height: 60px
    }

    .header--search-bar .search {
        top: unset;
        right: unset;
        transition: none;
        position: relative
    }

    .header--search-bar .search .search-input {
        display: block
    }

    .header--search-bar .header__logo {
        justify-content: center;
        max-width: 30%;
        max-height: 40px;
        margin-left: 16px;
        display: flex
    }

    .main-menu {
        width: 100%;
        height: auto;
        max-height: calc(100vh - 70px);
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        overflow-y: scroll
    }

    .main-menu__submenu {
        width: 100%;
        position: static;
        left: 0;
        transform: none
    }

    .main-menu__list {
        flex-direction: column
    }

    .hamburger {
        display: block
    }

    .main-menu-list-item {
        border-bottom: 1px solid var(--color-accent2);
        text-align: left;
        width: 100%;
        margin-left: 32px;
        margin-right: 32px;
        line-height: 65px;
        position: relative
    }

    .main-menu-submenu {
        opacity: 1;
        visibility: visible;
        background: var(--color-accent1);
        margin-top: -10px;
        padding: 0 0 0 30px;
        display: none
    }

    .main-menu-submenu-item {
        height: auto;
        padding: 0 10px 10px 0
    }

    .search {
        width: 95%;
        max-width: 100%;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .search-open .mobile-search-close{
        display:block;
        width:3%;
        position: absolute;
        z-index: 5;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .mobile-search-close span{
        font-weight:bold;
    }

    .search__input {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .search-input {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #hamburger {
        cursor: pointer;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    #hamburger .hamburger-open-btn {
        display: block
    }

    #hamburger .hamburger-close-btn {
        display: none
    }

    .menu-open.header {
        background: var(--color-accent1);
        z-index: 11;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .menu-open.header .main-menu-submenu {
        box-shadow: none;
        border: 0;
        width: 100%
    }

    .menu-open.header .main-menu-list-item {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .header .search-input {
        display: none;
    }

    .header.search-open .search-input {
        display: block
    }

    .header .search-icon {
        display: none;
    }

    .header.search-open .search-icon {
        display: block
    }

    .header.search-open .logo {
        opacity: 0
    }

    .header.search-open .main-menu {
        display: none
    }
}

@media (max-width: 567px) {
    .main-menu-submenu__item {
        width: 100%
    }
}

.tag {
    color: #666;
    font-size: 13px;
    line-height: normal;
    font-family: var(--font-primary);
    text-transform: uppercase;
    font-weight: 600;
    transition: all .3s ease-in;
    display: inline-block
}

.tag--top {
    background: var(--color-secondary)
}

.tag--top:before {
    content: "🔝";
    margin-right: 2px
}

.footer {
    background: var(--color-accent1);
    padding-top: 80px;
    padding-bottom: 80px
}

.footer .d-flex {
    justify-content: space-between
}

.footer__logo {
    width: 200px
}

.footer__menu {
    margin-bottom: 8px
}

.footer--simple {
    padding: 0
}

.footer--simple .footer__content {
    align-items: center;
    height: 150px
}

.footer--simple .footer__content .footer-menu-list-item-link {
    color: #757575;
    font-weight: 400
}

.footer--condensed {
    padding: 32px 0 !important
}

.footer--condensed .container {
    justify-content: center;
    align-items: center;
    display: flex
}

.footer--condensed .container .footer-menu-list-item-link {
    text-transform: none
}

.footer--condensed .container .footer-copyright, .footer--condensed .container a {
    margin: 0 8px;
    font-size: 13px;
    line-height: 1.9;
    color: #666 !important
}

.footer--condensed .container .footer-copyright:after, .footer--condensed .container a:after {
    content: "|";
    margin-left: 16px;
    display: inline-block
}

.footer--condensed .container .footer-copyright:last-child:after, .footer--condensed .container a:last-child:after {
    content: none
}

.footer-menu-list {
    justify-content: flex-end;
    display: flex
}

.footer-menu-list-item {
    align-items: center;
    display: inline-flex;
    position: relative
}

.footer-menu-list-item:after {
    content: "";
    background: var(--color-secondary);
    vertical-align: middle;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    margin-left: 16px;
    margin-right: 16px;
    display: inline-block
}

.footer-menu-list-item:last-of-type:after {
    display: none
}

.footer-menu-list-item-link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500
}

.footer-menu-list-item-link:hover {
    text-decoration: underline
}

.footer-copyright {
    font-size: 12px;
    line-height: 1.9;
    font-family: var(--font-primary);
    color: var(--color-primary);
    text-align: right
}
.mobile-search-icon{
    cursor: pointer;
    box-shadow: none;
    color: var(--color-primary);
    background: 0 0;
    border: none;
    margin-top: 2px;
    transition: all .3s;
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
}

@media (max-width: 992px) {
    .footer {
        background: var(--color-accent1);
        padding-top: 32px;
        padding-bottom: 32px
    }

    .footer--simple {
        padding: 0
    }

    .footer--simple .footer__content {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .footer--simple .footer-menu {
        margin-bottom: 12px
    }

    .footer--simple .footer-menu-list {
        justify-content: center;
        display: flex
    }

    .footer--simple .footer-menu-list li {
        margin: 0
    }

    .footer--simple .footer-menu-list a {
        text-align: center;
        margin: 0 8px;
        display: block
    }

    .mobile-search-icon{
        display:block;
    }
}

@media screen and (min-width: 992px) {
    .mobile-search-icon{
        display:none!important;
    }

    .main-menu__list{
        overflow-x: hidden!important;
    }
}

.search-page-ist{
    max-width: 1000px!important;
}

@media (max-width: 767px) {

    .footer-menu-list-item:after {
        display: none
    }

    .footer__logo {
        width: 163px;
        margin-bottom: 8px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .footer__menu {
        margin-bottom: 32px
    }

    .footer__content {
        flex-direction: column
    }

    .footer--condensed {
        padding: 32px 0
    }

    .footer--condensed .container {
        flex-direction: column-reverse
    }

    .footer--condensed .container .footer-copyright:after, .footer--condensed .container a:after {
        content: none;
        display: none
    }

    .footer--condensed .container .footer-copyright {
        margin-top: 16px
    }

    .footer-menu-list {
        text-align: center;
        display: block
    }

    .footer-menu-list__item {
        margin-top: 32px
    }

    .footer-copyright {
        text-align: center
    }

    .footer-menu-list-item {
        display: block
    }

    .footer-menu-list-item-link {
        font-size: 16px
    }
}

.modal-overlay {
    z-index: 1;
    background-color: var(--bgcolor-modal-overlay);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.modal-overlay.show {
    display: block
}

.popup {
    width: 280px;
    height: 270px;
    box-shadow: 0 14px 64px var(--bgcolor-modal-overlay);
    background: var(--color-accent1);
    text-align: center;
    border-radius: 16px;
    padding-top: 43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup__close {
    z-index: 1;
    position: absolute;
    top: 20px;
    right: 20px
}

.popup__close:before, .popup__close:after {
    content: "";
    background: var(--color-accent3);
    border-radius: 100%;
    width: 2px;
    height: 15px;
    position: absolute
}

.popup__close:before {
    transform: rotate(45deg)
}

.popup__close:after {
    transform: rotate(135deg)
}

.popup__figure {
    margin-bottom: 39px
}

.popup__succes {
    margin-bottom: 5px
}

.popup-close {
    cursor: pointer;
    width: 14px;
    height: 14px
}

.popup-succes {
    color: var(--color-primary);
    font-size: 28px;
    font-weight: 700
}

.popup-subscribed {
    color: var(--color-accent3);
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--font-primary)
}

#SearchIndex .search-summary {
    color: #666;
    margin-top: 16px;
    font-size: 14px
}

#SearchIndex .results-empty {
    margin-top: 64px
}

#SearchIndex .results-empty p {
    font-size: 18px
}

#SearchIndex .results-empty small {
    margin-top: 8px;
    display: block
}

#SearchIndex .results-empty ul {
    padding-left: 20px
}

#SearchIndex .results-empty ul li {
    margin-top: 8px
}

#SearchIndex .results-empty ul li:before {
    content: "•";
    color: var(--color-primary);
    width: 1em;
    margin-left: -1em;
    display: inline-block
}

#SearchIndex .sponsored {
    margin-bottom: 16px;
    padding-top: 16px
}

#SearchIndex .related {
    margin-top: 16px;
    margin-bottom: 16px
}

#SearchIndex .results .search-results {
    margin-top: 32px
}

#SearchIndex .results .search-results-label {
    color: #666;
    margin-bottom: 16px;
    font-size: 14px
}

#SearchIndex .results .search-result {
    margin-bottom: 16px
}

#SearchIndex .results .search-result:last-child {
    margin-bottom: 0
}

#SearchIndex .results .search-result-title {
    display: block
}

#SearchIndex .results .search-result-title:hover {
    text-decoration: underline
}

#SearchIndex .results .search-result-link a {
    display: block
}

#SearchIndex .results .search-result-link a:hover {
    text-decoration: underline
}

#SearchIndex .results--paid .search-result-title {
    color: #666;
    font-size: 14px;
    line-height: 19px
}

#SearchIndex .results--paid .search-result-link a {
    color: #666;
    font-size: 14px
}

#SearchIndex .results--paid .search-result-snippet {
    color: #666;
    font-size: 14px;
    line-height: 19px
}

#SearchIndex .results--organic .search-result-title {
    color: #3416b2;
    font-size: 18px;
    line-height: 21px
}

#SearchIndex .results--organic .search-result-link a {
    color: #3e7e2b;
    font-size: 14px
}

#SearchIndex .results--organic .search-result-snippet {
    color: #373737;
    font-size: 12px;
    line-height: 19px
}

.search-form {
    max-width: 40%;
    margin-top: 32px;
    position: relative
}

.search-form__field {
    border: 1px solid var(--color-accent3);
    background: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 15px 45px 15px 50px
}

.search-form__field:focus {
    box-shadow: 0 0 6px #00000026
}

.search-form__field:focus-visible {
    outline: none
}

.search-form__clear {
    box-shadow: none;
    color: var(--color-accent3);
    z-index: 1;
    cursor: pointer;
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    display: flex;
    position: absolute;
    left: 8px
}

.search-form__search-button {
    box-shadow: none;
    cursor: pointer;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 13px;
    right: 10px
}

@media (max-width: 992px) {
    #SearchIndex .section .search-form, #SearchIndex .article--paid .search-form, #SearchIndex .articles-listing-no-results .search-form {
        max-width: 100% !important
    }
}

@media (max-width: 767px) {
    #SearchIndex > .section, #SearchIndex > .article--paid, #SearchIndex > .articles-listing-no-results {
        margin: 32px 0
    }

    #SearchIndex .search-results {
        margin-top: 32px
    }

    #SearchIndex .section--headerless .section--top-logo {
        display: none
    }

    #SearchIndex .section--headerless .section--bottom-logo {
        display: block
    }

    #SearchIndex .section--search-bar {
        margin-top: 0
    }
}

#SearchIndex .section--search-web .search-results-label {
    font-size: 18px
}

#SearchIndex .section--search-web .search-results .search-result-title, #SearchIndex .section--search-web .search-results .search-result-link {
    margin-bottom: 8px
}

@media (max-width: 767px) {

    #SearchIndex .section--search-web .results-empty {
        margin-top: 16px
    }
}

#SearchIndex .section--headerless {
    position: relative
}

#SearchIndex .section--headerless .section--top-logo {
    z-index: 2;
    max-width: 200px;
    position: absolute;
    top: 16px;
    right: 16px
}

#SearchIndex .section--headerless .section--bottom-logo {
    max-width: 160px;
    margin: 32px auto auto;
    display: none
}

#SearchIndex .section--headerless .container {
    max-width: 670px
}

#SearchIndex .section--headerless .search-form {
    max-width: 100%
}

#SearchIndex .section--headerless .search-results {
    margin-bottom: 32px
}

#SearchIndex .section--headerless .search-form .search-field {
    border: 1px solid #d1d1d1
}

@media (max-width: 767px) {
    #SearchIndex .section--headerless {
        margin-top: 0
    }

    #SearchIndex .section--headerless .section--top-logo {
        display: none
    }

    #SearchIndex .section--headerless .section--bottom-logo {
        display: block
    }
}

#SearchIndex .section--search-bar {
    padding-right: 375px
}

#SearchIndex .section--search-bar .search-form {
    max-width: 60%
}

#SearchIndex .section--search-bar .search-result-title, #SearchIndex .section--search-bar .search-result-snippet, #SearchIndex .section--search-bar .search-result-link a {
    color: #666 !important;
    font-size: 12px !important
}

@media (max-width: 567px) {
    #SearchIndex .section--search-bar-mobile-hidden .search-form {
        display: none
    }
}

@media (max-width: 1200px) {
    #SearchIndex .section--search-bar {
        margin-left: 0;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px
    }

    #SearchIndex .section--search-bar .search-form {
        max-width: 50%
    }
}

.category-preview-heading {
    margin-bottom: 40px;
    position: relative
}

.category-preview-heading:before {
    content: "";
    background: var(--color-accent2);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -8px;
    left: 0
}

.category-preview-heading-title {
    color: var(--color-primary)
}

.category-preview-heading-title:hover {
    color: var(--color-secondary)
}

.category-preview-all {
    color: var(--color-primary);
    text-transform: uppercase;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    display: inline-flex
}

.category-preview-all span {
    margin-left: 8px;
    font-size: 17px;
    transition: margin-left .3s
}

.category-preview-all:hover {
    color: var(--color-secondary)
}

.category-preview-all:hover span {
    margin-left: 16px;
    transition: margin-left .3s
}

@media (max-width: 567px) {
    .category-preview-heading-title {
        font-size: 28px
    }

    .row [class*=col-]:last-child .vertical-article-preview {
        margin-bottom: 0
    }
}

.categories .row {
    justify-content: center;
    align-items: center
}

.categories__title {
    margin-bottom: 64px
}

.categories-title {
    color: var(--color-accent1);
    text-align: center
}

.categories-item {
    text-align: center
}

.categories-item__figure {
    margin-bottom: 32px;
    position: relative
}

.categories-item-figure-img {
    object-fit: cover;
    border: 3px solid var(--color-primary);
    border-radius: 50%;
    width: 100%
}

.categories-item-name {
    text-align: center
}

.categories-item-name-link {
    color: var(--color-accent1)
}

.categories-item-name-link:hover {
    text-decoration: underline
}

@media (max-width: 992px) {
    .categories__item {
        margin-bottom: 32px
    }

    .categories .categories-item__figure {
        height: auto
    }

    .categories .categories-item-figure {
        padding-bottom: 0
    }

    .categories .categories-item-figure-img {
        width: 212px;
        height: 212px;
        position: static;
        transform: none
    }

    .categories .categories-item-name-link {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .categories .categories-item-figure-img {
        width: 160px;
        height: 160px
    }
}

@media (max-width: 567px) {
    .categories {
        padding-top: 32px;
        padding-bottom: 0
    }

    .categories .categories-title {
        margin-bottom: 32px
    }

    .categories .categories-item-figure-img {
        width: 140px;
        height: 140px
    }

    .categories .categories-item-name-link {
        font-size: 21px
    }
}

.vertical-article-preview__figure {
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.vertical-article-preview__figure img {
    width: 100%;
    display: block
}

.vertical-article-preview__tags {
    margin-top: 16px
}

.vertical-article-preview__name {
    margin-top: 16px;
    line-height: normal
}

.vertical-article-preview__text {
    color: var(--color-accent3);
    margin-top: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

.vertical-article-preview__details {
    color: var(--color-accent3);
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: normal;
    display: flex
}

.vertical-article-preview__details > div {
    align-items: flex-end;
    display: flex;
    position: relative
}

.vertical-article-preview__details > div:after {
    content: "";
    background: #666;
    border-radius: 100%;
    align-self: center;
    width: 5px;
    height: 5px;
    margin-left: 8px;
    margin-right: 8px;
    display: flex
}

.vertical-article-preview__details > div:last-child:after {
    display: none
}

.vertical-article-preview-name-link {
    color: var(--color-accent3);
    font-size: 21px;
    font-weight: 500;
    font-family: var(--font-primary);
    transition: all .3s ease-in
}

.vertical-article-preview-sections:hover .vertical-article-preview-name-link {
    text-decoration: underline
}

@media (max-width: 567px) {
    .vertical-article-preview {
        margin-bottom: 32px
    }
}

.horizontal-article-preview {
    display: flex
}

.horizontal-article-preview__text {
    color: var(--color-accent3);
    margin-top: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

.horizontal-article-preview__details {
    flex-wrap: wrap;
    margin-top: 16px
}

@media (max-width: 567px) {
    .horizontal-article-preview {
        margin-bottom: 32px
    }
}

.articles-listing-no-results {
    text-align: center;
    color: var(--color-accent3)
}

@media (max-width: 567px) {
    .articles-listing [class*=col]:last-child .vertical-article-preview {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .articles-listing .vertical-article-preview {
        border-bottom: 1px solid var(--color-accent2);
        flex-direction: row-reverse;
        margin-bottom: 24px;
        padding-bottom: 24px;
        display: flex
    }

    .articles-listing .vertical-article-preview .vertical-article-preview-figure {
        width: 40%;
        margin-bottom: 0;
        margin-left: 16px
    }

    .articles-listing .vertical-article-preview .vertical-article-preview-sections {
        width: 60%
    }

    .articles-listing .vertical-article-preview__tags {
        margin-top: 0
    }

    .articles-listing .vertical-article-preview__figure {
        border-radius: 0
    }

    .articles-listing .vertical-article-preview__figure .hover-scale-effect {
        height: auto
    }

    .articles-listing .vertical-article-preview__figure .hover-scale-effect:hover {
        transform: none
    }

    .articles-listing .vertical-article-preview__figure img {
        object-fit: none;
        border-radius: 8px;
        height: auto;
        min-height: 150px
    }
}

.article {
    margin-top: 48px
}

.article pre, .article code {
    white-space: pre-line
}

.article pre {
    margin-top: 0;
    margin-bottom: 24px
}

.article code {
    margin: 0
}

.article--paid pre, .article--paid code {
    font-size: 20px !important
}

.article-paragraph > a, .article pre > a, .article code > a {
    display: contents
}

@media (max-width: 992px) {
    .article {
        margin-top: 16px
    }
}

#ArticleAfsOptimized .container, #ArticleAfsOptimizedDense .container, #ArticleAfsOptimizedDark .container, #ArticleAfsOptimizedDarkNoImage .container {
    max-width: 760px
}

#ArticleAfsOptimized .container .article-heading, #ArticleAfsOptimized .container .slider-heading, #ArticleAfsOptimizedDense .container .article-heading, #ArticleAfsOptimizedDense .container .slider-heading, #ArticleAfsOptimizedDark .container .article-heading, #ArticleAfsOptimizedDark .container .slider-heading, #ArticleAfsOptimizedDarkNoImage .container .article-heading, #ArticleAfsOptimizedDarkNoImage .container .slider-heading {
    font-size: 21px;
    line-height: 46px
}

#ArticleAfsOptimized .container .article-paragraph, #ArticleAfsOptimized .container .article pre, .article #ArticleAfsOptimized .container pre, #ArticleAfsOptimized .container .article code, .article #ArticleAfsOptimized .container code, #ArticleAfsOptimizedDense .container .article-paragraph, #ArticleAfsOptimizedDense .container .article pre, .article #ArticleAfsOptimizedDense .container pre, #ArticleAfsOptimizedDense .container .article code, .article #ArticleAfsOptimizedDense .container code, #ArticleAfsOptimizedDark .container .article-paragraph, #ArticleAfsOptimizedDark .container .article pre, .article #ArticleAfsOptimizedDark .container pre, #ArticleAfsOptimizedDark .container .article code, .article #ArticleAfsOptimizedDark .container code, #ArticleAfsOptimizedDarkNoImage .container .article-paragraph, #ArticleAfsOptimizedDarkNoImage .container .article pre, .article #ArticleAfsOptimizedDarkNoImage .container pre, #ArticleAfsOptimizedDarkNoImage .container .article code, .article #ArticleAfsOptimizedDarkNoImage .container code {
    font-size: 18px;
    line-height: 1.7
}

#ArticleAfsOptimized .container .article-list-item, #ArticleAfsOptimizedDense .container .article-list-item, #ArticleAfsOptimizedDark .container .article-list-item, #ArticleAfsOptimizedDarkNoImage .container .article-list-item {
    font-size: 18px;
    line-height: 1.7;
    font-family: var(--font-secondary)
}

#ArticleAfsOptimized .container .article-caption, #ArticleAfsOptimizedDense .container .article-caption, #ArticleAfsOptimizedDark .container .article-caption, #ArticleAfsOptimizedDarkNoImage .container .article-caption {
    font-size: 24px
}

#ArticleAfsOptimized .container .article-list--sources, #ArticleAfsOptimizedDense .container .article-list--sources, #ArticleAfsOptimizedDark .container .article-list--sources, #ArticleAfsOptimizedDarkNoImage .container .article-list--sources {
    gap: 0
}

#ArticleAfsOptimized .container .article-list--sources .article-sources-list-item--number, #ArticleAfsOptimized .container .article-list--sources .article-sources-list-item--link, #ArticleAfsOptimizedDense .container .article-list--sources .article-sources-list-item--number, #ArticleAfsOptimizedDense .container .article-list--sources .article-sources-list-item--link, #ArticleAfsOptimizedDark .container .article-list--sources .article-sources-list-item--number, #ArticleAfsOptimizedDark .container .article-list--sources .article-sources-list-item--link, #ArticleAfsOptimizedDarkNoImage .container .article-list--sources .article-sources-list-item--number, #ArticleAfsOptimizedDarkNoImage .container .article-list--sources .article-sources-list-item--link {
    font-size: 14px
}

#ArticleAfsOptimizedDark .article {
    margin-top: 0
}

#ArticleAfsOptimizedDark .article-afs-optimized-dark-top-section picture {
    height: 120px;
    margin-bottom: 16px;
    margin-left: -16px;
    margin-right: -16px;
    display: block
}

#ArticleAfsOptimizedDark .article-afs-optimized-dark-top-section picture img {
    object-fit: cover;
    border-radius: 0;
    width: 100%;
    height: 100%
}

#ArticleAfsOptimizedDark .article-afs-optimized-dark-top-section, #ArticleAfsOptimizedDarkNoImage .article-afs-optimized-dark-top-section {
    color: #fff;
    margin-bottom: 8px
}

#ArticleAfsOptimizedDark .article-afs-optimized-dark-top-section .article-afs-optimized-dark-top-section-infos, #ArticleAfsOptimizedDarkNoImage .article-afs-optimized-dark-top-section .article-afs-optimized-dark-top-section-infos {
    font-size: 14px;
    font-family: var(--font-secondary);
    justify-content: space-between;
    align-items: center;
    display: flex
}

#ArticleAfsOptimizedDark .article-afs-optimized-dark-top-section .article-afs-optimized-dark-top-section-infos .mdi-home, #ArticleAfsOptimizedDarkNoImage .article-afs-optimized-dark-top-section .article-afs-optimized-dark-top-section-infos .mdi-home {
    margin-right: 8px;
    font-size: 16px
}

@media (max-width: 992px) {
    #ArticleAfsOptimizedDark .article {
        margin-top: 0 !important
    }
}

@media (max-width: 767px) {
    #ArticleAfsOptimizedDense .article, #ArticleAfsOptimizedDark .article, #ArticleAfsOptimizedDarkNoImage .article {
        margin-bottom: 32px
    }

    #ArticleAfsOptimizedDense .container .article-heading, #ArticleAfsOptimizedDark .container .article-heading, #ArticleAfsOptimizedDarkNoImage .container .article-heading {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 28px
    }

    #ArticleAfsOptimizedDense .container .article-subheading, #ArticleAfsOptimizedDark .container .article-subheading, #ArticleAfsOptimizedDarkNoImage .container .article-subheading {
        margin-top: 8px;
        margin-bottom: 8px;
        font-size: 20px
    }

    #ArticleAfsOptimizedDense .container .article-paragraph, #ArticleAfsOptimizedDense .container .article pre, .article #ArticleAfsOptimizedDense .container pre, #ArticleAfsOptimizedDense .container .article code, .article #ArticleAfsOptimizedDense .container code, #ArticleAfsOptimizedDark .container .article-paragraph, #ArticleAfsOptimizedDark .container .article pre, .article #ArticleAfsOptimizedDark .container pre, #ArticleAfsOptimizedDark .container .article code, .article #ArticleAfsOptimizedDark .container code, #ArticleAfsOptimizedDarkNoImage .container .article-paragraph, #ArticleAfsOptimizedDarkNoImage .container .article pre, .article #ArticleAfsOptimizedDarkNoImage .container pre, #ArticleAfsOptimizedDarkNoImage .container .article code, .article #ArticleAfsOptimizedDarkNoImage .container code {
        margin-bottom: 8px;
        font-size: 15px;
        line-height: 22px
    }

    #ArticleAfsOptimizedDense .container .article-list-item, #ArticleAfsOptimizedDark .container .article-list-item, #ArticleAfsOptimizedDarkNoImage .container .article-list-item {
        font-size: 15px;
        line-height: 22px
    }

    #ArticleAfsOptimizedDense .container .article-caption, #ArticleAfsOptimizedDark .container .article-caption, #ArticleAfsOptimizedDarkNoImage .container .article-caption {
        margin-bottom: 8px;
        font-size: 18px
    }

    #ArticleAfsOptimizedDense .container .article__list, #ArticleAfsOptimizedDark .container .article__list, #ArticleAfsOptimizedDarkNoImage .container .article__list {
        margin-bottom: 8px
    }

    #ArticleAfsOptimizedDense .article {
        margin-top: 8px !important
    }

    #ArticleAfsOptimizedDark .container .article-afs-optimized-dark-top-section picture {
        height: 100px;
        margin-left: -24px;
        margin-right: -24px
    }

    #ArticleAfsOptimizedDark .container .article-afs-optimized-dark-top-section .article-heading, #ArticleAfsOptimizedDarkNoImage .container .article-afs-optimized-dark-top-section .article-heading {
        font-size: 16px
    }

    #ArticleAfsOptimizedDarkNoImage .container .article-afs-optimized-dark-top-section {
        display: none
    }
}

.article-list--unordered {
    list-style: none
}

.article-list--unordered li {
    position: relative
}

.article-list--unordered li:before {
    content: "•";
    color: var(--color-primary);
    width: 16px;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: -4px;
    left: -22px
}

.article-list--ordered {
    list-style: decimal
}

.article-list--ordered li::marker {
    color: var(--color-primary);
    font-weight: 700
}

.article-list-item {
    font-size: 16px;
    font-family: var(--font-primary);
    margin-left: 32px;
    font-weight: 400;
    line-height: 1.8
}

.article-list-item--small {
    font-size: 12px
}

.article .article-sources-caption {
    font-size: 16px
}

.article .article-sources-list-item {
    font-size: 14px;
    font-family: var(--font-primary);
    color: var(--color-accent3);
    margin-left: 16px;
    padding-left: 16px;
    font-weight: 400;
    line-height: 1.8;
    display: flex;
    position: relative
}

.article .article-sources-list-item--number {
    width: 16px;
    position: absolute;
    left: 0
}

.article--paid .article-sources-list-item {
    font-size: 14px
}

.article--paid .article-sources-list-item a {
    color: #666
}

.pagination--default {
    align-items: stretch;
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex
}

.pagination--default .pagination-button {
    width: 40px;
    height: 40px;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    display: flex
}

.pagination--default .pagination-button:hover {
    font-weight: 700;
    box-shadow: 0 0 6px #00000026
}

.pagination--default .pagination-button-active {
    font-weight: 700
}

.pagination--load-more .btn.disabled {
    opacity: .7;
    cursor: not-allowed
}

@media (max-width: 767px) {
    .pagination--default {
        justify-content: center
    }
}

.widget {
    font-family: var(--font-widget);
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}

.widget__title {
    margin-bottom: 16px
}

.widget-grid, .widget-style-white_ranked .widget__buttons, .widget.widget-style-blue_ranked_images .widget__buttons, .widget.widget-style-blue_ranked .widget__buttons, .widget.widget-style-blue_ovals .widget__buttons {
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    gap: 8px;
    display: grid
}

@media (max-width: 992px) {
    .widget-grid, .widget-style-white_ranked .widget__buttons, .widget.widget-style-blue_ranked_images .widget__buttons, .widget.widget-style-blue_ranked .widget__buttons, .widget.widget-style-blue_ovals .widget__buttons {
        grid-template-columns:1fr
    }
}

.widget-button {
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    padding: 8px 24px;
    display: flex
}

.widget-button .widget-button-number {
    background: #f05252;
    margin-right: 24px;
    font-size: 24px;
    font-weight: 500
}

.widget-button .widget-button-text {
    flex: 100%;
    font-size: 20px;
    text-transform: capitalize !important
}

.widget-button .widget-button-icon {
    margin-left: 24px
}

.widget-button .widget-button-icon--chevron, .widget-button .widget-style-white_ranked .widget-button-icon, .widget-style-white_ranked .widget-button .widget-button-icon, .widget-button .widget.widget-style-blue_ranked_images .widget-button-icon, .widget.widget-style-blue_ranked_images .widget-button .widget-button-icon, .widget.widget-style-blue_ranked .widget-button .widget-button-icon {
    color: #f05252;
    border-top: .875rem solid #0000;
    border-bottom: .875rem solid #0000;
    border-left: .875rem solid;
    width: .5rem
}

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

.widget-button.widget-button:nth-child(4n-2) .widget-button-icon--chevron, .widget-button.widget-button:nth-child(4n-2) .widget-style-white_ranked .widget-button-icon, .widget-style-white_ranked .widget-button.widget-button:nth-child(4n-2) .widget-button-icon, .widget-button.widget-button:nth-child(4n-2) .widget.widget-style-blue_ranked_images .widget-button-icon, .widget.widget-style-blue_ranked_images .widget-button.widget-button:nth-child(4n-2) .widget-button-icon, .widget.widget-style-blue_ranked .widget-button.widget-button:nth-child(4n-2) .widget-button-icon {
    color: #faca15
}

.widget-button.widget-button:nth-child(4n-2) .widget-button-number {
    background: #faca15
}

.widget-button.widget-button:nth-child(4n-1) .widget-button-icon--chevron, .widget-button.widget-button:nth-child(4n-1) .widget-style-white_ranked .widget-button-icon, .widget-style-white_ranked .widget-button.widget-button:nth-child(4n-1) .widget-button-icon, .widget-button.widget-button:nth-child(4n-1) .widget.widget-style-blue_ranked_images .widget-button-icon, .widget.widget-style-blue_ranked_images .widget-button.widget-button:nth-child(4n-1) .widget-button-icon, .widget.widget-style-blue_ranked .widget-button.widget-button:nth-child(4n-1) .widget-button-icon {
    color: #31c48d
}

.widget-button.widget-button:nth-child(4n-1) .widget-button-number {
    background: #31c48d
}

.widget-button.widget-button:nth-child(4n) .widget-button-icon--chevron, .widget-button.widget-button:nth-child(4n) .widget-style-white_ranked .widget-button-icon, .widget-style-white_ranked .widget-button.widget-button:nth-child(4n) .widget-button-icon, .widget-button.widget-button:nth-child(4n) .widget.widget-style-blue_ranked_images .widget-button-icon, .widget.widget-style-blue_ranked_images .widget-button.widget-button:nth-child(4n) .widget-button-icon, .widget.widget-style-blue_ranked .widget-button.widget-button:nth-child(4n) .widget-button-icon {
    color: #3f83f8
}

.widget-button.widget-button:nth-child(4n) .widget-button-number {
    background: #3f83f8
}

.widget-button-shadow, .widget.widget-style-red_solo .widget-button {
    box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f
}

.widget-button-shadow-large, .widget-style-white_ranked .widget-button, .widget.widget-style-blue_ranked_images .widget-button, .widget.widget-style-blue_ranked .widget-button {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d
}

@media (max-width: 992px) {
    .widget-button {
        justify-content: flex-start;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    .widget-button-text, .widget-button-number {
        margin-right: 24px !important;
        font-size: 18px !important
    }

    .widget-button-icon {
        margin-left: auto !important
    }
}

.widget.widget-style-blue_ovals .widget-button-image, .widget.widget-style-blue_ovals .widget-button-number {
    display: none
}

.widget.widget-style-blue_ovals .widget-button {
    color: #fff;
    background-color: #1e61a6;
    border-radius: 32px;
    align-items: center;
    padding: 20px 10px 20px 20px;
    font-size: 21px;
    box-shadow: 1px 1px 10px 1px #00000080
}

.widget.widget-style-blue_ovals .widget-button .widget-button-icon {
    margin-left: 0;
    font-size: 45px
}

.widget.widget-style-blue_ovals .widget-button .widget-button-icon:before {
    content: ""
}

.widget.widget-style-blue_ovals .widget-button:hover {
    opacity: .75
}

@media (max-width: 992px) {
    .widget.widget-style-blue_ovals .widget-button {
        padding-left: 20px;
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    .widget.widget-style-blue_ovals .widget-button .widget-button-text {
        margin-right: 0 !important
    }

    .widget.widget-style-blue_ovals .widget-button .widget-button-icon {
        font-size: 40px !important
    }
}

.widget.widget-style-blue_ranked .widget-button-image {
    display: none
}

.widget.widget-style-blue_ranked .widget-button {
    color: #fff;
    background-color: #173a98;
    font-size: 21px
}

.widget.widget-style-blue_ranked .widget-button .widget-button-number {
    text-align: center;
    border-radius: 50%;
    flex: 0 0 30px;
    height: 30px;
    margin-right: 16px;
    line-height: 30px
}

.widget.widget-style-blue_ranked .widget-button .widget-button-text {
    font-size: 21px
}

.widget.widget-style-blue_ranked .widget-button .widget-button-icon {
    margin-left: 16px
}

.widget.widget-style-blue_ranked .widget-button:hover {
    opacity: .75
}

@media (max-width: 992px) {
    .widget.widget-style-blue_ranked .widget-button {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .widget.widget-style-blue_ranked .widget-button .widget-button-number, .widget.widget-style-blue_ranked .widget-button .widget-button-text {
        margin-right: 16px !important
    }
}

.widget.widget-style-blue_ranked_images .widget-button-image {
    object-fit: cover;
    width: 80px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.widget.widget-style-blue_ranked_images .widget-button-icon {
    margin-left: 16px
}

.widget.widget-style-blue_ranked_images .widget-button {
    color: #fff;
    background-color: #173a98;
    padding-left: 96px;
    position: relative
}

.widget.widget-style-blue_ranked_images .widget-button .widget-button-number {
    text-align: center;
    z-index: 1;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 6px
}

.widget.widget-style-blue_ranked_images .widget-button:hover {
    opacity: .75
}

@media (max-width: 992px) {
    .widget.widget-style-blue_ranked_images .widget-button {
        min-height: 75px;
        padding-left: 96px
    }

    .widget.widget-style-blue_ranked_images .widget-button-number {
        font-size: 14px !important
    }

    .widget.widget-style-blue_ranked_images .widget-button-text {
        font-size: 20px !important
    }
}

.widget.widget-style-red_solo .widget-button-number, .widget.widget-style-red_solo .widget-button-image, .widget.widget-style-red_solo .widget-button-icon {
    display: none
}

.widget.widget-style-red_solo .widget-button {
    text-align: center;
    color: #fff;
    background-color: #c81e1e;
    margin-top: 8px;
    padding: 20px;
    font-weight: 500;
    line-height: 30px;
    display: block
}

.widget.widget-style-red_solo .widget-button:hover {
    background: #f05252
}

.widget.widget-style-red_solo .widget-button-text {
    margin: 0 !important
}

@media (max-width: 992px) {
    .widget.widget-style-red_solo .widget-button {
        min-height: auto;
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    .widget.widget-style-red_solo .widget-button-text {
        font-size: 20px !important
    }
}

.widget-style-white_ranked .widget-button-image {
    display: none
}

.widget-style-white_ranked .widget-button-number {
    background: 0 0 !important
}

.widget-style-white_ranked .widget-button {
    color: #1e429f;
    background-color: #fff;
    border: 2px solid #f4f5f7
}

.widget-style-white_ranked .widget-button:hover {
    background-color: #f4f5f7
}

.widget-style-white_ranked .widget-button-icon {
    margin-left: 20px
}

@media (max-width: 992px) {
    .widget.widget-style-white_ranked .widget-button {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }
}

.organic-results {
    margin-top: 20px
}

.spoiler {
    text-align: center;
    color: var(--color-primary);
    cursor: pointer;
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline
}

.spoiler ~ * {
    display: none
}

.spoiler:hover {
    text-decoration: none
}

.spoiler:after {
    content: "Continue Reading"
}

body.dark-mode .header {
    color: #fff !important;
    background: #01074b !important
}

body.dark-mode .header .search {
    z-index: 5
}

body.dark-mode .header:not(.search-open) .color-primary, body.dark-mode .header:not(.search-open) .main-menu-list-item__plus {
    color: #fff
}

body.dark-mode .header .search-input {
    border-color: #fff
}

body.dark-mode .header .main-menu__submenu, body.dark-mode .header .main-menu__submenu:before {
    background: #01074b
}

body.dark-mode .header .main-menu .main-menu-list-item-link, body.dark-mode .header .main-menu .main-menu-submenu-item-link {
    color: #fff
}

@media (max-width: 992px) {
    body.dark-mode .header:not(.search-open) .search-icon {
        color: #fff
    }
}

body.dark-mode .footer--simple {
    color: #fff;
    background: #01074b;
    padding-top: 0
}

body.dark-mode .footer--simple .footer__content {
    flex-direction: row;
    align-items: center;
    height: 150px
}

body.dark-mode .footer--simple .footer-menu {
    margin-bottom: 8px
}

body.dark-mode .footer--simple .footer-copyright {
    margin-top: 0
}

body.dark-mode .footer--simple .footer-menu-list-item {
    margin: 0
}

body.dark-mode .footer--simple .footer-menu-list-item:after {
    content: "";
    vertical-align: middle;
    background: #fff;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    margin-left: 16px;
    margin-right: 16px;
    display: inline-block
}

body.dark-mode .footer--simple .footer-menu-list-item:last-of-type:after {
    display: none
}

body.dark-mode .footer--condensed {
    background-color: #01074b
}

body.dark-mode .footer .footer-menu-list-item-link, body.dark-mode .footer .footer-copyright, body.dark-mode .footer .footer-links a {
    text-transform: none;
    color: #fff !important
}

@media (max-width: 992px) {
    body.dark-mode .footer--simple {
        margin: 0
    }

    body.dark-mode .footer--simple .footer__logo {
        margin-bottom: 8px
    }

    body.dark-mode .footer--simple .footer__content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0
    }

    body.dark-mode .footer--simple .footer-menu {
        margin-top: 0;
        margin-bottom: 12px
    }

    body.dark-mode .footer--simple .footer-menu-list-item {
        padding: 0 !important
    }

    body.dark-mode .footer--simple .footer-menu-list-item:after {
        display: none !important
    }

    body.dark-mode .footer--simple .footer-menu-list-item-link, body.dark-mode .footer--simple .footer-copyright {
        color: #918d8d
    }
}

body.dark-mode .article .article-paragraph, body.dark-mode .article pre, body.dark-mode .article code, body.dark-mode .article .article-heading, body.dark-mode .article .article-subheading, body.dark-mode .article .article-list-item, body.dark-mode .article .article-caption, body.dark-mode .article .breadcrumbs, body.dark-mode .article .widget__title, body.dark-mode .article .spoiler {
    color: #fff
}

body.dark-mode .article .article-sources-caption, body.dark-mode .article .article-sources-list-item--number, body.dark-mode .article .article-sources-list-item--link {
    color: #a6a6a6
}

body.dark-mode .article a {
    color: #fff
}

body.dark-mode .article a:hover {
    color: #fff;
    text-decoration: underline
}

body.dark-mode .horizontal-article-preview .horizontal-article-preview-name, body.dark-mode .horizontal-article-preview .horizontal-article-preview__text, body.dark-mode .horizontal-article-preview .horizontal-article-preview__details, body.dark-mode .vertical-article-preview .vertical-article-preview-name, body.dark-mode .vertical-article-preview .vertical-article-preview__text, body.dark-mode .vertical-article-preview .vertical-article-preview__details {
    color: #fff
}

body.dark-mode .slider__btns .swiper-button-prev, body.dark-mode .slider__btns .swiper-button-next {
    background: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 20L22 24L26 28' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='47' height='47' rx='23.5' stroke='%23DBDCDF'/%3E%3C/svg%3E%0A") 50%/cover no-repeat
}

body.dark-mode #SearchIndex .search-results-label, body.dark-mode #SearchIndex .search-result-title, body.dark-mode #SearchIndex .search-result-link a, body.dark-mode #SearchIndex .search-result-snippet {
    color: #fff !important
}

body.dark-mode #SearchIndex .pagination-button {
    color: #fff !important;
    border-color: #fff !important
}

body.dark-mode #SearchIndex .search-form button, body.dark-mode #SearchIndex .search-form .color-primary {
    color: #fff
}

body.dark-mode #SearchIndex .search-form .search-field {
    color: #fff;
    background: #01074b;
    border-color: #fff
}

body.dark-mode {
    background: #01074b
}

.d-none {
    display: none
}

.hidden {
    overflow: hidden
}

.color-primary {
    color: var(--color-primary)
}

.color-secondary {
    color: var(--color-secondary)
}

.hover-scale-effect {
    display: block;
    position: relative
}

.hover-scale-effect img {
    object-fit: cover;
    transition: all .5s
}

.hover-scale-effect:hover img {
    transition: all .5s;
    transform: scale(1.1)
}

.section, .article--paid, .articles-listing-no-results {
    margin-bottom: 80px
}

.section.section-mt, .section-mt.article--paid, .articles-listing-no-results {
    margin-top: 80px
}

.section.section-mb, .section-mb.article--paid, .section-mb.articles-listing-no-results {
    margin-bottom: 80px
}

.section.section-mt-none, .section-mt-none.article--paid, .section-mt-none.articles-listing-no-results {
    margin-top: 0
}

.section.section-mb-none, .section-mb-none.article--paid, .section-mb-none.articles-listing-no-results {
    margin-bottom: 0
}

.section--light {
    background: #f9f9f9;
    padding-top: 80px;
    padding-bottom: 80px
}

.section--primary {
    background: var(--color-primary);
    padding-top: 80px;
    padding-bottom: 80px
}

.section--small {
    margin-bottom: 32px
}

.section--small.section-mt, .section--small.articles-listing-no-results {
    margin-top: 32px
}

.section--small.section-mb {
    margin-bottom: 32px
}

.section--small.section--light, .section--small.section--primary {
    padding-top: 32px;
    padding-bottom: 32px
}

.section-titles {
    margin-bottom: 64px
}

.section-titles--border {
    position: relative
}

.section-titles--border:before {
    content: "";
    background: var(--color-accent2);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -16px;
    left: 0
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.trim-text, .trim-text--three-lines, #HomeIndex .latest .horizontal-article-preview__text, .vertical-article-preview__text, .horizontal-article-preview__text, .trim-text--two-lines, .section-articles .horizontal-article-preview__text, #SearchIndex .section--headerless .search-result-snippet {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.trim-text--two-lines, .section-articles .horizontal-article-preview__text, #SearchIndex .section--headerless .search-result-snippet {
    -webkit-line-clamp: 2
}

.trim-text--three-lines, #HomeIndex .latest .horizontal-article-preview__text, .vertical-article-preview__text, .horizontal-article-preview__text {
    -webkit-line-clamp: 3
}

.heading-title, #HomeAbout .about-us-header-title, #HomeIndex .newsletter .join-form__heading, .category-preview-heading-title {
    font-size: 36px;
    font-weight: 700
}

.heading-subtitle, #HomeAbout .article-subheading, .section-heading, .categories-item-name-link {
    font-size: 28px;
    font-weight: 700
}

.article-paragraph a, .article pre a, .article code a {
    text-decoration: underline
}

[data-suppress-article-links-color=true] .article-list-item a, [data-suppress-article-links-color=true] .article-paragraph a, [data-suppress-article-links-color=true] .article pre a, .article [data-suppress-article-links-color=true] pre a, [data-suppress-article-links-color=true] .article code a, .article [data-suppress-article-links-color=true] code a {
    color: inherit
}

.article-additional-infos, .article__details, .horizontal-article-preview__details {
    color: var(--color-accent3);
    font-size: 13px;
    line-height: normal;
    display: flex
}

.article-additional-infos > div, .article__details > div, .horizontal-article-preview__details > div {
    align-items: flex-end;
    display: flex;
    position: relative
}

.article-additional-infos > div:after, .article__details > div:after, .horizontal-article-preview__details > div:after {
    content: "";
    background: var(--color-accent3);
    border-radius: 100%;
    align-self: center;
    width: 5px;
    height: 5px;
    margin-left: 8px;
    margin-right: 8px;
    display: flex
}

.article-additional-infos > div:last-child:after, .article__details > div:last-child:after, .horizontal-article-preview__details > div:last-child:after {
    display: none
}

.article-advertisement {
    background: var(--bgcolor-advertisement);
    justify-content: center;
    align-items: center;
    display: flex
}

.article-advertisement-text {
    text-transform: uppercase;
    font-size: 28px;
    font-family: var(--font-primary);
    color: var(--color-accent3)
}

.divider {
    background: var(--color-primary);
    width: 100%;
    height: 1px
}

.author-name {
    color: var(--color-accent3);
    font-size: 12px;
    font-family: var(--font-primary)
}

.time {
    color: var(--color-primary);
    font-size: 12px;
    font-family: var(--font-primary);
    vertical-align: top;
    line-height: 24px
}

.date {
    color: var(--color-accent3);
    font-size: 12px;
    font-family: var(--font-primary);
    vertical-align: top;
    line-height: 24px
}

@media (max-width: 992px) {
    .heading-title, #HomeAbout .about-us-header-title, #HomeIndex .newsletter .join-form__heading, .category-preview-heading-title {
        font-size: 28px
    }

    .section, .article--paid, .articles-listing-no-results {
        margin-bottom: 32px
    }

    .section.section-mt, .section-mt.article--paid, .articles-listing-no-results, .section.section-mt.section--small, .section-mt.section--small.article--paid, .section--small.articles-listing-no-results {
        margin-top: 32px
    }

    .section.section-mb, .section-mb.article--paid, .section-mb.articles-listing-no-results, .section.section-mb.section--small, .section-mb.section--small.article--paid, .section-mb.section--small.articles-listing-no-results {
        margin-bottom: 32px
    }

    .section--light {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .section--light.section--small {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .section--primary {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .section--primary.section--small {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.article-featured-preview .vertical-article-preview {
    height: 512px
}

.article-featured-preview .vertical-article-preview .vertical-article-preview-name-link {
    font-size: 24px
}

.article-featured-preview .vertical-article-preview .vertical-article-preview-sections {
    margin-bottom: 32px;
    padding: 8px 32px
}

.article-featured-preview .vertical-article-preview--with-date .vertical-article-preview-sections {
    flex-direction: column;
    display: flex;
    position: relative;
    padding-left: 158px !important
}

.article-featured-preview .vertical-article-preview--with-date .vertical-article-preview__date {
    width: 110px;
    left: 32px
}

.article-featured-preview .vertical-article-preview--with-date .vertical-article-preview__date strong {
    font-size: 28px
}

.article-featured-preview .vertical-article-preview--with-date .vertical-article-preview__date div {
    font-size: 14px
}

@media (max-width: 992px) {
    .article-featured-preview .vertical-article-preview {
        height: 240px
    }
}

@media (max-width: 567px) {
    .article-featured-preview .vertical-article-preview--with-date .vertical-article-preview-sections {
        margin-bottom: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 112px !important
    }

    .article-featured-preview .vertical-article-preview .vertical-article-preview__date {
        padding: 8px 0;
        width: 80px !important;
        bottom: auto !important;
        left: 16px !important
    }
}

.horizontal-article-preview {
    border: 1px solid #dde2e3;
    border-radius: 8px;
    align-items: center;
    padding: 16px;
    display: flex
}

.horizontal-article-preview:hover {
    border-color: #0000;
    box-shadow: 0 0 20px #0000001a
}

.horizontal-article-preview__figure {
    border-radius: 8px;
    margin-right: 32px;
    position: relative;
    overflow: hidden
}

.horizontal-article-preview__figure img {
    border-radius: 8px;
    display: block
}

.horizontal-article-preview__infos {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.horizontal-article-preview__tags {
    margin-bottom: 0
}

.horizontal-article-preview__tags .tag {
    color: var(--color-primary)
}

.horizontal-article-preview__text {
    font-size: 18px;
    line-height: 34px
}

.horizontal-article-preview__details {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px
}

.horizontal-article-preview-name-link {
    color: var(--color-accent3);
    font-size: 21px;
    font-weight: 500;
    font-family: var(--font-primary);
    transition: all .3s ease-in
}

.horizontal-article-preview-infos:hover .horizontal-article-preview-name-link {
    text-decoration: underline
}

.horizontal-article-preview-button-link {
    color: var(--color-primary);
    text-align: center;
    border: none;
    justify-content: center;
    min-width: 122px;
    height: 45px;
    margin-left: 80px;
    position: relative
}

.horizontal-article-preview-button-link div {
    background: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

@media (max-width: 767px) {
    .horizontal-article-preview {
        background: #f9f9f9;
        border: none;
        border-radius: 8px;
        align-items: center;
        margin-bottom: 8px
    }

    .horizontal-article-preview__figure {
        margin-right: 16px;
        width: 45% !important
    }

    .horizontal-article-preview__infos {
        flex-direction: column;
        width: 100% !important
    }

    .horizontal-article-preview__text {
        display: none !important
    }

    .horizontal-article-preview__details {
        margin-bottom: 0
    }

    .horizontal-article-preview .horizontal-article-preview-button-link {
        background: 0 0;
        align-self: start;
        min-width: auto;
        height: auto;
        margin: 8px 0 0
    }

    .horizontal-article-preview .horizontal-article-preview-button-link div {
        color: #acacac;
        text-transform: capitalize;
        background: 0 0;
        justify-content: start;
        height: auto;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }
}

@media (max-width: 567px) {
    .horizontal-article-preview picture {
        height: 120px;
        display: block
    }

    .horizontal-article-preview picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.vertical-article-preview {
    border: 1px solid #dde2e3;
    border-radius: 8px;
    padding: 16px
}

.vertical-article-preview--with-date .vertical-article-preview-sections {
    flex-direction: column;
    margin-bottom: 16px;
    display: flex;
    position: relative;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 107px !important
}

.vertical-article-preview--with-date .vertical-article-preview-gradient {
    background: linear-gradient(0deg, #000 -5%, var(--color-primary--alpha-75) 33%, var(--color-primary--alpha-50) 60%, var(--color-primary--alpha-00) 80%) !important
}

.vertical-article-preview--with-date .vertical-article-preview__date {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 75px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px
}

.vertical-article-preview--with-date .vertical-article-preview__date strong {
    font-size: 22px;
    font-weight: 700
}

.vertical-article-preview--with-date .vertical-article-preview__date div {
    font-size: 11px
}

.vertical-article-preview--featured {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: end;
    height: 240px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.vertical-article-preview--featured .vertical-article-preview-gradient {
    z-index: 0;
    background: linear-gradient(0deg, #000 -5%, var(--color-primary--alpha-75) 45%, var(--color-primary--alpha-50) 60%, var(--color-primary--alpha-00) 85%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vertical-article-preview--featured .vertical-article-preview-sections {
    z-index: 1;
    padding: 16px
}

.vertical-article-preview--featured .vertical-article-preview-sections div:not(.tag) {
    color: #fff
}

.vertical-article-preview--featured .vertical-article-preview__name {
    color: #fff;
    margin-top: 0;
    margin-bottom: 16px
}

.vertical-article-preview--featured h3.vertical-article-preview-name-link {
    margin-bottom: 8px;
    font-size: 16px
}

.vertical-article-preview:hover {
    border-color: #0000;
    box-shadow: 0 0 20px #0000001a
}

.vertical-article-preview__text {
    line-height: 22px
}

.vertical-article-preview .vertical-article-preview__tags {
    margin-top: 0
}

.vertical-article-preview .tag {
    color: var(--color-primary);
    text-transform: capitalize;
    font-weight: 400
}

.vertical-article-preview .vertical-article-preview-name-link {
    margin-bottom: 16px
}

.vertical-article-preview .vertical-article-preview-button-link {
    align-items: center;
    margin-top: 16px;
    display: flex
}

.vertical-article-preview .vertical-article-preview-button-link div {
    font-size: 13px
}

.vertical-article-preview .vertical-article-preview-button-link span {
    margin-left: 8px;
    font-size: 13px;
    transition: all 1s
}

.vertical-article-preview .vertical-article-preview-button-link:hover span {
    margin-left: 16px;
    transition: all 1s
}

.vertical-article-preview__details {
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}

.vertical-article-preview__details > div:after {
    content: "|";
    width: unset;
    height: unset;
    color: #dfdfdf;
    background: 0 0;
    border-radius: 0
}

@media (max-width: 992px) {
    .vertical-article-preview {
        height: 200px;
        margin-bottom: 16px
    }
}

@media (max-width: 567px) {
    .vertical-article-preview {
        margin-bottom: 16px
    }

    .vertical-article-preview .vertical-article-preview-name {
        font-size: 19px !important
    }

    .vertical-article-preview picture {
        height: 210px;
        display: block
    }

    .vertical-article-preview picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

footer.footer:not(.footer--simple,.footer--condensed) {
    background: var(--color-primary);
    padding-top: 32px;
    padding-bottom: 0
}

footer.footer:not(.footer--simple,.footer--condensed) .footer-menu-list-item-link {
    color: #fff
}

footer.footer:not(.footer--simple,.footer--condensed) .footer-menu-list-item {
    margin-left: 32px
}

footer.footer:not(.footer--simple,.footer--condensed) .footer-menu-list-item:after {
    display: none
}

footer.footer:not(.footer--simple,.footer--condensed) .footer-copyright {
    text-align: center;
    color: #fff;
    opacity: .6;
    background: #2d3031;
    margin-top: 32px;
    padding: 16px 0
}

@media (max-width: 767px) {
    footer.footer:not(.footer--simple) .footer-menu-list-item {
        margin-left: 0 !important
    }

    footer.footer:not(.footer--simple) .footer__menu, footer.footer:not(.footer--simple) .footer__logo {
        margin-bottom: 0 !important
    }
}

#hamburger {
    color: var(--color-accent3);
    z-index: 2
}

#hamburger span {
    font-size: 30px
}

#header.header--magazine:not(.header--simple,.header--search-bar) .header__links {
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: space-between
}

#header.header--magazine:not(.header--simple,.header--search-bar) .header__links .main-menu-list-item {
    margin: 0 !important;
    padding: 0 16px !important
}

#header.header--magazine:not(.header--simple,.header--search-bar) .header__links .main-menu-list-item-link:before {
    display: none !important
}

#header.header--magazine:not(.header--simple,.header--search-bar) .header__links .main-menu-list-item-link:hover {
    text-decoration: underline
}

#header.header--magazine:not(.header--simple,.header--search-bar) .header__links .main-menu-list-item-additional {
    display: none
}

#header.header--magazine:not(.header--simple,.header--search-bar) .search-icon--mobile {
    border: 2px solid var(--color-primary);
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: none
}

#header.header--magazine:not(.header--simple,.header--search-bar) .search-icon--mobile > span {
    font-size: 22px
}

#header.header--magazine:not(.header--simple,.header--search-bar) .search .search-input {
    border: 2px solid var(--color-primary);
    background: 0 0;
    border-radius: 67px
}

#header.header--magazine:not(.header--simple,.header--search-bar) .logo-mobile {
    display: none
}

#header.header--magazine:not(.header--simple,.header--search-bar) .main-menu {
    align-items: center;
    display: flex
}

#header.header--magazine:not(.header--simple,.header--search-bar) .main-menu .main-menu-list-item {
    line-height: unset;
    border: none;
    padding-top: 16px;
    padding-bottom: 16px
}

#header.header--magazine:not(.header--simple,.header--search-bar) .main-menu .main-menu-list-item-additional {
    padding-top: 8px;
    padding-bottom: 8px
}

#header.header--magazine:not(.header--simple,.header--search-bar) .main-menu .main-menu-list-item-additional .main-menu-list-item-link {
    color: #666
}

@media (max-width: 992px) {
    #header.header--simple .header__row {
        min-height: 60px
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open, #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open {
        z-index: 5;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .logo, #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .logo {
        text-align: left;
        max-width: none;
        height: 50px;
        margin: auto
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .logo:not(.logo-mobile), #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .logo:not(.logo-mobile) {
        display: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open #hamburger, #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open #hamburger {
        left: auto;
        right: 0
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open #hamburger .hamburger-open-btn {
        display: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open #hamburger .hamburger-close-btn {
        display: block
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .search {
        display: block;
        position: absolute;
        top: 86px;
        left: 0;
        right: 0;
        transform: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .search .search-input {
        top: unset;
        color: var(--color-accent-3);
        background: #ededed;
        display: block;
        position: relative;
        transform: none;
        border: 1px solid #666 !important;
        width: 100% !important;
        max-width: 100% !important
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .search .search-icon {
        color: #666;
        border: none;
        margin: auto;
        top: 0;
        bottom: 0;
        transform: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .search-icon--mobile, #header.header--magazine:not(.header--simple,.header--search-bar).menu-search-open .main-menu, #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .search, #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .search-icon--mobile {
        display: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 16px;
        display: flex
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu .main-menu__list {
        width: 100%
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu .main-menu-list-item {
        padding: 8px !important
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu .main-menu-list-item:hover {
        background: var(--color-primary)
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu .main-menu-list-item:hover .main-menu-list-item-link, #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu .main-menu-list-item-link {
        color: var(--color-accent3) !important
    }

    #header.header--magazine:not(.header--simple,.header--search-bar).menu-open .main-menu .main-menu-list-item-additional {
        display: block
    }

    #header.header--magazine:not(.header--simple,.header--search-bar) .logo-mobile {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    #header.header--magazine:not(.header--simple,.header--search-bar) .main-menu {
        display: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar) .search-icon--mobile {
        justify-content: center;
        align-items: center;
        display: flex
    }

    #header.header--magazine:not(.header--simple,.header--search-bar) .search {
        display: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar) .search .search-icon {
        border: 2px solid #666;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        display: flex
    }
}

@media (min-width: 767px) {
    #header.header--magazine:not(.header--simple,.header--search-bar) .search {
        flex: 0;
        max-width: none
    }

    #header.header--magazine:not(.header--simple,.header--search-bar) .search .search-input {
        width: auto;
        min-width: auto;
        max-width: 0;
        padding-right: 20px;
        transition: all 1s
    }

    #header.header--magazine:not(.header--simple,.header--search-bar):not(.menu-search-open) .search:hover .search-icon {
        color: var(--color-accent3)
    }

    #header.header--magazine:not(.header--simple,.header--search-bar):not(.menu-search-open) .search:hover .search-input {
        border: 2px solid var(--color-accent3);
        min-width: 350px;
        max-width: 350px;
        padding: 10px 45px 10px 20px;
        transition: all 1s
    }
}

@media (max-width: 567px) {
    #header.header--magazine:not(.menu-open,.menu-search-open,.header--search-bar) .logo.logo-mobile {
        align-items: center;
        display: flex
    }
}

.section-heading {
    border-bottom: 1px solid #dde2e3;
    margin-bottom: 32px;
    padding-bottom: 16px;
    font-weight: 600
}

.section-page {
    border-top: 1px solid #dde2e3;
    margin-top: 32px;
    padding-top: 80px
}

.section-page.article {
    margin-top: 32px
}

.section-page .article {
    margin-top: 0
}

.section-articles .list {
    align-items: stretch;
    display: flex
}

.section-articles .vertical-article-preview-name-link {
    font-size: 18px
}

@media (max-width: 992px) {
    body .article.section-page {
        margin-top: 8px
    }

    body .section-page {
        margin-top: 8px;
        padding-top: 32px
    }

    body .section .section-articles-title, body .article--paid .section-articles-title, body .articles-listing-no-results .section-articles-title, body .section .section-heading, body .article--paid .section-heading, body .articles-listing-no-results .section-heading {
        margin-bottom: 16px
    }

    body .section .section-heading, body .article--paid .section-heading, body .articles-listing-no-results .section-heading {
        font-size: 22px;
        font-weight: 500
    }
}

.btn {
    border: none;
    border-radius: 8px;
    padding: 16px 64px
}

.gradient-text, .author-block .author-block-icon, .sidebar .sidebar-latest .horizontal-article-preview__date {
    -webkit-text-fill-color: transparent !important;
    -moz-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important
}

.gradient-background-left-to-right, .author-block .author-block-icon, .sidebar .sidebar-latest .horizontal-article-preview__date, #HomeIndex .newsletter .join-form, .btn-primary, .horizontal-article-preview-button-link, .vertical-article-preview--with-date .vertical-article-preview__date {
    background: var(--color-primary);
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%)
}

.gradient-background-right-to-left, .btn-primary:hover {
    background: var(--color-secondary);
    background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%)
}

.gradient-background-top-to-bottom {
    background: var(--color-primary);
    background: linear-gradient(0deg, var(--color-primary) 0%, var(--color-secondary) 100%)
}

.gradient-background-bottom-to-top {
    background: var(--color-secondary);
    background: linear-gradient(0deg, var(--color-secondary) 0%, var(--color-primary) 100%)
}

.btn-primary {
    color: #fff
}

.vertical-list-items {
    align-items: stretch;
    display: flex
}

.vertical-list-items .vertical-article-preview {
    height: 100%
}

@media (max-width: 992px) {
    .vertical-list-items {
        align-items: center
    }

    .vertical-list-items .col-m-12:not(:first-child) {
        margin-top: 16px
    }
}

#HomeIndex .section-main {
    margin-top: 48px
}

#HomeIndex .sidebar .sidebar-latest {
    background: 0 0;
    border: none;
    padding: 0
}

#HomeIndex .sidebar .row > div {
    margin-top: 32px
}

#HomeIndex .sidebar .row > div:first-child, #HomeIndex .sidebar .row > div:nth-child(2) {
    margin-top: 0
}

#HomeIndex .latest .horizontal-article-preview {
    margin-top: 16px
}

#HomeIndex .latest .horizontal-article-preview:first-child {
    margin-top: 0
}

#HomeIndex .newsletter .join-form {
    text-align: center;
    color: #fff;
    border-radius: 8px;
    padding: 80px
}

#HomeIndex .newsletter .join-form__heading {
    margin-bottom: 32px
}

#HomeIndex .newsletter .join-form__text {
    max-width: 75%;
    margin: auto auto 32px;
    line-height: 28px
}

#HomeIndex .newsletter .join-form .join-form-field {
    max-width: 600px;
    margin: auto;
    position: relative
}

#HomeIndex .newsletter .join-form .join-form-email {
    border: none;
    border-radius: 8px;
    width: 100%;
    padding: 16px
}

#HomeIndex .newsletter .join-form .join-form-button {
    border-radius: 8px;
    padding: 0 32px;
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px
}

@media (max-width: 992px) {
    #HomeIndex .section-main {
        margin-top: 16px
    }

    #HomeIndex .section-main .sidebar-latest div:not(:first-child) {
        display: none
    }

    #HomeIndex .newsletter .join-form {
        padding: 32px
    }

    #HomeIndex .newsletter .join-form .join-form-heading {
        margin-bottom: 0;
        font-size: 22px
    }

    #HomeIndex .newsletter .join-form .join-form-text {
        max-width: 100%;
        margin: 16px 0;
        font-size: 14px
    }
}

#HomeAbout .about-us-header-title {
    margin-bottom: 32px
}

#HomeAbout .about-us-questions {
    color: var(--color-accent3);
    font-size: 16px;
    font-weight: 500
}

#HomeAbout .article-list .article-list-item {
    font-family: var(--font-secondary)
}

#HomeAbout .article-subheading {
    margin-top: 64px;
    font-weight: 600
}

#HomeAbout .link {
    color: var(--color-secondary)
}

#HomeAbout .link:hover {
    text-decoration: underline
}

#HomeAbout .about-us-blocks-item {
    margin-top: 16px
}

#HomeAbout .about-us-blocks-item__heading {
    margin-bottom: 8px
}

#HomeAbout .about-us-blocks-item__icon {
    background: var(--color-accent1);
    border-radius: 8px;
    margin-right: 16px;
    padding: 16px;
    font-size: 35px
}

#HomeAbout .about-us-blocks-item-heading-text {
    font-size: 17px;
    font-weight: 500
}

#HomeAbout .about-us-blocks-item-info, #HomeAbout .about-us-blocks-item-info-link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500
}

#HomeAbout .about-us-blocks-item-info a:hover, #HomeAbout .about-us-blocks-item-info-link a:hover {
    text-decoration: underline
}

@media (max-width: 992px) {
    #HomeAbout .section.about-us .about-us-header-title, #HomeAbout .about-us.article--paid .about-us-header-title, #HomeAbout .about-us.articles-listing-no-results .about-us-header-title {
        margin-bottom: 8px
    }

    #HomeAbout .section.about-us .article-paragraph, #HomeAbout .about-us.article--paid .article-paragraph, #HomeAbout .about-us.articles-listing-no-results .article-paragraph, #HomeAbout .section.about-us .article pre, #HomeAbout .about-us.article--paid .article pre, .article #HomeAbout .section.about-us pre, .article #HomeAbout .about-us.article--paid pre, #HomeAbout .about-us.articles-listing-no-results .article pre, .article #HomeAbout .about-us.articles-listing-no-results pre, #HomeAbout .section.about-us .article code, #HomeAbout .about-us.article--paid .article code, .article #HomeAbout .section.about-us code, .article #HomeAbout .about-us.article--paid code, #HomeAbout .about-us.articles-listing-no-results .article code, .article #HomeAbout .about-us.articles-listing-no-results code {
        align-items: unset;
        display: block
    }

    #HomeAbout .section.about-us .article-paragraph img, #HomeAbout .about-us.article--paid .article-paragraph img, #HomeAbout .about-us.articles-listing-no-results .article-paragraph img, #HomeAbout .section.about-us .article pre img, #HomeAbout .about-us.article--paid .article pre img, .article #HomeAbout .section.about-us pre img, .article #HomeAbout .about-us.article--paid pre img, #HomeAbout .about-us.articles-listing-no-results .article pre img, .article #HomeAbout .about-us.articles-listing-no-results pre img, #HomeAbout .section.about-us .article code img, #HomeAbout .about-us.article--paid .article code img, .article #HomeAbout .section.about-us code img, .article #HomeAbout .about-us.article--paid code img, #HomeAbout .about-us.articles-listing-no-results .article code img, .article #HomeAbout .about-us.articles-listing-no-results code img {
        width: 100%;
        margin-right: 0
    }

    #HomeAbout .section.about-us .article-subheading, #HomeAbout .about-us.article--paid .article-subheading, #HomeAbout .about-us.articles-listing-no-results .article-subheading {
        text-align: left;
        margin-top: 32px;
        margin-bottom: 8px;
        display: flex
    }

    #HomeAbout .section.about-us .article-subheading:before, #HomeAbout .about-us.article--paid .article-subheading:before, #HomeAbout .about-us.articles-listing-no-results .article-subheading:before {
        width: 50px;
        height: 4px;
        margin-right: 16px
    }
}

#CategoryIndex .section-featured {
    margin-top: 48px
}

#CategoryIndex .section-featured .featured-article .vertical-article-preview {
    height: 512px
}

#CategoryIndex .section-featured .featured-article .vertical-article-preview-name-link {
    font-size: 24px
}

#CategoryIndex .section-featured .featured-article .vertical-article-preview-sections {
    margin-bottom: 32px;
    padding: 8px 32px
}

#CategoryIndex .section-featured .additional-articles > div:first-child {
    margin-bottom: 32px
}

#CategoryIndex .vertical-list-items .vertical-article-preview {
    height: auto;
    margin-bottom: 32px
}

#CategoryIndex .pagination {
    justify-content: center;
    display: flex
}

#CategoryIndex .pagination .btn {
    margin-top: 32px
}

@media (max-width: 992px) {
    #CategoryIndex .section-featured {
        margin-top: 0
    }

    #CategoryIndex .section-featured .vertical-article-preview {
        margin-top: 16px !important;
        margin-bottom: 0 !important
    }

    #CategoryIndex .section-featured .vertical-article-preview--with-date .vertical-article-preview-sections {
        margin: 0;
        padding-left: 16px !important
    }

    #CategoryIndex .section-featured .vertical-article-preview .vertical-article-preview__date, #CategoryIndex .section-featured .vertical-article-preview .vertical-article-preview__details, #CategoryIndex .section-featured .article-featured-preview {
        display: none
    }

    #CategoryIndex .articles-listing:not(:first-child) {
        margin-top: 16px
    }
}

@media (max-width: 567px) {
    #CategoryIndex .articles-listing > div:last-child .vertical-article-preview {
        margin-bottom: 0 !important
    }

    #CategoryIndex .articles-listing .vertical-article-preview {
        border-bottom: 1px solid #dde2e3;
        flex-direction: column;
        margin-bottom: 16px;
        padding-bottom: 16px !important
    }

    #CategoryIndex .articles-listing .vertical-article-preview .vertical-article-preview-sections {
        width: 100%
    }

    #CategoryIndex .articles-listing .vertical-article-preview .vertical-article-preview-figure {
        width: 100%;
        margin: 0
    }

    #CategoryIndex .articles-listing .vertical-article-preview .vertical-article-preview-figure picture {
        height: 210px
    }

    #CategoryIndex .articles-listing .vertical-article-preview .vertical-article-preview-figure picture img {
        height: 100%
    }
}

.article img {
    border-radius: 8px
}

.article--paid {
    margin-top: 32px
}

.article--paid .breadcrumbs {
    display: none
}

.article--paid .article-heading {
    margin-bottom: 16px
}

.article--paid .article-paragraph, .article--paid .article pre, .article .article--paid pre, .article--paid .article code, .article .article--paid code, .article--paid .article-list-item {
    font-size: 20px
}

.article--paid .article-caption {
    font-size: 24px
}

.article--paid .article-info, .article--paid .author-block, .article--paid .divider, .article--paid .sources-title, .article--paid .sources-list, .article--paid .article-details {
    display: none
}

.article__heading {
    margin-bottom: 16px
}

.article__details {
    flex-wrap: wrap;
    margin-bottom: 16px
}

.article .col-article {
    width: 80%
}

.article .col-sitemap {
    width: 20%
}

.article__image {
    height: 400px;
    margin-bottom: 24px
}

.article__image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.article__paragraph {
    margin-bottom: 24px
}

.article__subheading {
    margin-top: 32px;
    margin-bottom: 24px
}

.article__info {
    margin-bottom: 0
}

.article__related {
    margin-bottom: 80px
}

.article__list {
    margin-bottom: 24px
}

.article__caption {
    margin-bottom: 16px
}

.article__divider {
    margin-bottom: 24px
}

.article__author-block {
    margin-top: 24px
}

.article + .slider .related-article-preview-figure__img {
    object-fit: cover
}

#ArticleOrganic .section-page {
    padding-top: 48px
}

#ArticleOrganic .section-articles {
    margin-top: 80px
}

#ArticlePaid .article {
    margin-top: 32px !important
}

#ArticleAfsOptimizedDense .section-articles .vertical-article-preview, #ArticleAfsOptimized .section-articles .vertical-article-preview, #ArticlePaid .section-articles .vertical-article-preview {
    height: auto;
    margin-bottom: 16px
}

.sidebar .sidebar-latest {
    background: 0 0;
    padding: 0
}

.sidebar .sidebar-latest__heading {
    padding: 16px 16px 8px 0;
    font-weight: 400
}

.sidebar .sidebar-latest .horizontal-article-preview {
    margin-bottom: 16px
}

.sidebar .sidebar-latest .horizontal-article-preview__details {
    align-self: start;
    margin-top: 0;
    margin-bottom: 8px
}

.sidebar .sidebar-latest .horizontal-article-preview-figure {
    margin-right: 16px
}

.sidebar .sidebar-latest .horizontal-article-preview-name-link {
    font-size: 14px
}

.sidebar .sidebar-latest .horizontal-article-preview-infos {
    flex-direction: column-reverse
}

.article-paragraph, .article pre, .article code {
    color: var(--color-accent3);
    font-size: 18px;
    line-height: 1.8;
    font-family: var(--font-secondary)
}

.article-heading {
    color: var(--color-accent3);
    font-size: 32px;
    font-weight: 700;
    line-height: 46px
}

.article-subheading {
    color: var(--color-accent3);
    font-size: 26px;
    font-weight: 700
}

.article-info {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.article-info__author {
    margin-right: 24px
}

.article-share {
    display: flex
}

.article-share__link {
    margin-left: 8px
}

.article-image {
    border-radius: 8px;
    overflow: hidden
}

.article-share-icons {
    justify-content: space-evenly;
    display: flex
}

.article-share-text {
    color: var(--color-accent3);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-primary)
}

.article-related {
    background: var(--color-accent2);
    padding: 16px
}

.article-related__title {
    margin-bottom: 32px
}

.article-list--unordered li:before {
    content: "✓"
}

.article-caption {
    font-size: 22px;
    font-weight: 400;
    font-family: var(--font-primary);
    color: var(--color-accent3)
}

.author-block {
    background: var(--color-accent1);
    margin-top: 48px;
    padding: 48px 48px 16px;
    display: flex;
    position: relative
}

.author-block__figure {
    margin-right: 16px
}

.author-block .author-block-description {
    line-height: 1.6
}

.author-block .author-block-icon {
    background-repeat: repeat;
    background-size: 100%;
    font-size: 50px;
    position: absolute;
    top: -20px;
    left: 48px
}

.author-block .author-block-infos {
    align-items: center;
    margin-top: 16px;
    display: flex
}

.author-block-name, .author-block-description {
    color: var(--color-accent3);
    font-size: 16px;
    font-family: var(--font-secondary);
    font-weight: 700
}

.author-block-figure-avatar {
    max-width: 50px
}

.author-block-description {
    font-size: 16px;
    font-weight: 400
}

.article-contents {
    margin-top: 16px
}

.article-contents__heading {
    margin-bottom: 16px;
    color: var(--color-accent3) !important
}

.article-contents-list {
    flex-direction: column;
    display: inline-flex
}

.article-contents-list__item {
    margin-bottom: 16px;
    position: relative
}

.article-contents-list-item a {
    color: var(--color-accent3);
    border: 1px solid #f9f9f9;
    border-radius: 8px;
    padding: 8px 8px 8px 16px;
    font-size: 13px;
    font-weight: 400
}

.article-contents-list-item:before {
    content: "";
    background: #f9f9f9;
    width: 1px;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px
}

.article-contents-list-item:hover a {
    border-color: var(--color-primary)
}

.article-contents-list-item:hover:before {
    background: var(--color-primary)
}

.article-contents-list-item--active a {
    border-color: var(--color-primary)
}

.article-contents-list-item--active:before {
    background: var(--color-primary)
}

.article-contents-list-item-link {
    color: var(--color-secondary);
    font-size: 14px;
    font-weight: 500;
    transition: all .3s;
    display: block
}

.article-contents-heading {
    font-size: 20px;
    font-family: var(--font-primary);
    color: var(--color-primary);
    font-weight: 500
}

@media (min-width: 993px) {
    .article--paid .article-advertisement {
        display: none
    }
}

@media (max-width: 992px) {
    .article.article--paid {
        margin-top: 16px !important
    }

    #ArticleOrganic .section-page {
        border: none;
        margin-top: 0;
        padding-top: 16px
    }

    #ArticleOrganic .section-articles {
        margin-top: 32px
    }

    #ArticleOrganic .section-articles .vertical-article-preview {
        margin-bottom: 0 !important
    }

    .article--paid .widget-sticky {
        background-color: #fff;
        border-top: 1px solid #e4e4e4;
        margin-left: -24px;
        margin-right: -24px;
        padding: 8px 24px;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0
    }

    .article .col-article, .article .col-sitemap {
        width: 100%
    }

    .article .author-block {
        padding: 24px 16px 16px
    }

    .article .author-block .author-block-icon {
        font-size: 24px;
        top: -14px;
        left: 16px
    }
}

@media (max-width: 767px) {
    .article--paid .article-heading {
        font-size: 24px
    }

    .article--paid .article-paragraph, .article--paid .article pre, .article .article--paid pre, .article--paid .article code, .article .article--paid code, .article__breadcrumbs {
        margin-bottom: 16px
    }

    .article__image {
        border-radius: 0;
        height: 240px;
        margin-bottom: 16px
    }

    .article__related, .article__list {
        margin-bottom: 24px
    }

    .article__author-block {
        border-radius: 8px;
        padding: 16px
    }

    .article__author-block .author-block-description {
        line-height: 1.3
    }

    .article-heading {
        font-size: 28px;
        line-height: 36px
    }

    .article-subheading {
        margin-top: 24px;
        margin-bottom: 16px;
        font-size: 24px
    }

    .article-paragraph, .article pre, .article code {
        margin-bottom: 16px
    }
}

.document {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto
}

.document .document-heading {
    margin-bottom: 32px
}

@media (max-width: 992px) {
    .document .document-heading {
        margin-bottom: 8px
    }
}

.error .container {
    flex-direction: column;
    align-items: center;
    display: flex
}

.error__icon img {
    max-width: 425px
}

.error__title {
    margin: 32px 0;
    font-size: 28px
}

.error__info {
    font-size: 18px
}

.error__info p {
    text-align: center;
    font-family: var(--font-secondary);
    margin: 16px 0
}

@media (max-width: 767px) {
    .error__icon span {
        font-size: 100px
    }

    .error__title {
        font-size: 28px
    }
}

#SearchIndex .search-title {
    margin-top: 16px
}









:root {
    --color-primary--alpha-75: #068B3B75;
    --color-primary--alpha-50: #068B3B50;
    --color-primary--alpha-00: #068B3B00;
}







:root {
    --font-primary: 'Bitter', sans-serif;
    --font-secondary: 'Assistant', sans-serif;
    --color-primary: #068B3B;
    --color-secondary: #93D831;
    --color-accent1: #F7F9F9;
    --color-accent2: #F3F4F7;
    --color-accent3: #000000;
    --font-widget: 'Nunito', sans-serif;
}

@font-face {
    font-family: 'Material-Symbols-Outlined';
    src:  url('/css/thep/fonts/fonts/Material-Symbols-Outlined.eot');
    src:  url('/css/thep/fonts/Material-Symbols-Outlined.eot') format('embedded-opentype'),
    url('/css/thep/fonts/Material-Symbols-Outlined.ttf') format('truetype'),
    url('/css/thep/fonts/Material-Symbols-Outlined.woff') format('woff'),
    url('/css/thep/fonts/Material-Symbols-Outlined.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}





.article_page{
    display:flex;
    align-items:center;
    justify-content: center;
    margin-top: 2rem;
}


.blog-pagination__item{
    list-style: none;
    margin-right:2rem;
}

.blog-pagination__item--active{
    list-style: none;
}


.blog-pagination__item a{
    color: #41aced;
    font-size:1.5rem;
    font-weight:bold;
}

.blog-pagination__item--active a{
    color:#000;
}

.search-result-snippet{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.article-content div p,li{
    color: var(--color-accent3);
    font-size: 18px;
    line-height: 1.8;
    font-family: var(--font-secondary);
    margin-bottom:24px;
}

.article-content p,li{
    color: var(--color-accent3);
    font-size: 18px;
    line-height: 1.8;
    font-family: var(--font-secondary);
    margin-bottom:24px;
}

.article-content div h1,h2,h3,h4,h5{
    margin: 1.5rem 0;
    font-weight:bold;
}

.article-content p,li{
    color: var(--color-accent3);
    font-size: 18px;
    line-height: 1.8;
    font-family: var(--font-secondary);
    margin-bottom:24px;
}

.top-btn {
    position: fixed;
    display: flex;
    align-items: center;
    flex-direction: column;
    right: 30px;
    bottom: 60px;
    z-index: 10;
    background: #068B3B;
    border-radius: 50%;
    width: 50px;
    padding: 5px;
}

.btn-content{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #068B3B;
    border: none;
}