@charset "UTF-8";
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

html {
    height: 100%
}

body,
html {
    min-height: 100%
}

body {
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-family: BlissPro
}

strong {
    font-weight: 700
}

img {
    -ms-interpolation-mode: bicubic
}

.column img,
.columns img,
img {
    max-width: 100%
}

img {
    display: block;
    width: 100%
}

p em {
    font-style: italic
}

article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
    display: block
}

mark,
time {
    display: inline-block
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.fixed {
    position: fixed !important;
    max-width: 100% !important;
    width: 100% !important;
    left: 0
}

.leer-mas__container {
    position: relative;
    overflow: hidden
}

.flip {
    transform: rotate(180deg) translateX(-50%) !important
}

.centerXY {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.text-center {
    text-align: center !important
}

.flex {
    display: flex !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.top56 {
    top: 56px
}

.ontop {
    z-index: 99 !important
}

.z-0 {
    z-index: 0 !important
}

.w100 {
    width: 100% !important
}

.h100 {
    height: 100% !important
}

.op1 {
    opacity: 1 !important
}

.tdn {
    text-decoration: none !important
}

.text-overflow-ellipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.d-bl {
    display: block !important
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.p0 {
    padding: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.m0 {
    margin: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb40 {
    margin-bottom: 40px !important
}

.icon-arrow-up:after {
    content: "\E801"
}

.icon-arrow-down:after {
    content: "\E800"
}

.undraggable-unselectable,
.undraggable-unselectable-cascading * {
    user-drag: none !important;
    -webkit-user-drag: none !important
}

.undraggable-unselectable,
.undraggable-unselectable-cascading *,
.unselectable {
    user-select: none !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important
}

.ttu {
    text-transform: uppercase !important
}

.ttn {
    text-transform: none !important
}

.transition-fast {
    transition: all .3s
}

.transition-slow {
    transition: all 1s
}

.hover-scale-up:hover {
    transform: scale(1.2) !important
}

[v-cloak] {
    opacity: 0
}

.no-scroll,
.noScroll_JS {
    overflow: hidden !important
}

.hidden {
    display: none !important
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    color: inherit
}

html {
    font-size: 10px
}

body,
html {
    height: 100%
}

body {
    display: flex;
    flex-direction: column;
    font-size: 21px;
    line-height: 1.25em;
    font-weight: 300
}

.main-wrap {
    flex: 1 0 auto
}

.footer {
    flex-shrink: 0
}


@font-face {
    font-display: swap;
    font-family: SoehneKraeftig;
    src: url(../../themes/gbm-theme/fonts/SoehneKraeftig/So_e_hneKra_e_ftig.eot);
    src: url(../../themes/gbm-theme/fonts/SoehneKraeftig/So_e_hneKra_e_ftig.eot#iefix) format("embedded-opentype");
    src: url(../../themes/gbm-theme/fonts/SoehneKraeftig/So_e_hneKra_e_ftig.woff) format("woff");
    src: url(../../themes/gbm-theme/fonts/SoehneKraeftig/So_e_hneKra_e_ftig.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-display: swap;
    font-family: SoehneLeicht;
    src: url(../../themes/gbm-theme/fonts/SoehneLeicht/So_e_hneLeicht.eot);
    src: url(../../themes/gbm-theme/fonts/SoehneLeicht/So_e_hneLeicht.eot#iefix) format("embedded-opentype");
    src: url(../../themes/gbm-theme/fonts/SoehneLeicht/So_e_hneLeicht.woff) format("woff");
    src: url(../../themes/gbm-theme/fonts/SoehneLeicht/So_e_hneLeicht.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

input,
textarea {
    background-color: #fff0;
    color: #ededef;
    border: 0 #fff0;
    border-radius: initial;
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%
}

textarea {
    resize: vertical
}

input[type=button],
input[type=submit] {
    display: block
}

input[type=button],
input[type=date],
input[type=time] {
    width: auto
}

input::-webkit-datetime-edit {
    color: #000
}

input::-webkit-calendar-picker-indicator,
input::-webkit-inner-spin-button {
    cursor: pointer;
    opacity: 1
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    padding: 0;
    height: 1rem;
    width: 1rem;
    vertical-align: text-top
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background-color: #000
}

input[type=radio] {
    border-radius: 100%
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none
}

::-webkit-input-placeholder {
    color: #ededef
}

:-moz-placeholder,
::-moz-placeholder {
    color: #ededef
}

:-ms-input-placeholder {
    color: #ededef
}

.ttl-72 {
    font-weight: 300;
    font-size: 72px;
    line-height: 1em
}

@media only screen and (max-width:650px) {
    .ttl-72 {
        font-size: 34px
    }
}

.ttl-72-700 {
    font-size: 72px;
    line-height: 1em
}

@media only screen and (max-width:650px) {
    .ttl-72-700 {
        font-size: 34px
    }
}

.ttl-64 {
    font-weight: 300;
    font-size: 64px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-64 {
        font-size: 29px
    }
}

.ttl-64-700 {
    font-size: 64px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-64-700 {
        font-size: 29px
    }
}

.ttl-51 {
    font-weight: 300;
    font-size: 51px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-51 {
        font-size: 24px
    }
}

.ttl-51-700 {
    font-size: 51px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-51-700 {
        font-size: 24px
    }
}

.ttl-41 {
    font-weight: 300;
    font-size: 41px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-41 {
        font-size: 27px
    }
}

.investor__block h2,
.ttl-41-700 {
    font-size: 41px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .investor__block h2,
    .ttl-41-700 {
        font-size: 27px
    }
}

.ttl-36 {
    font-weight: 300;
    font-size: 36px;
    line-height: 1
}

@media only screen and (max-width:650px) {
    .ttl-36 {
        font-size: 27px
    }
}

.ttl-36-700 {
    font-size: 36px;
    line-height: 1
}

@media only screen and (max-width:650px) {
    .ttl-36-700 {
        font-size: 27px
    }
}

.ttl-33 {
    font-weight: 300;
    font-size: 33px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-33 {
        font-size: 24px
    }
}

.ttl-33-700,
.wysiwyg-blog h2 {
    font-size: 33px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-33-700,
    .wysiwyg-blog h2 {
        font-size: 24px
    }
}

.ttl-26 {
    font-weight: 300;
    font-size: 26px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .ttl-26 {
        font-size: 21px
    }
}

.footer__links-list .menu-item-has-children>a:first-child,
.ttl-26-700 {
    font-size: 26px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .footer__links-list .menu-item-has-children>a:first-child,
    .ttl-26-700 {
        font-size: 21px
    }
}

.afas-blog-archive__featured-opinions-pagination-pages .page-numbers,
.afas-blog-archive__grid-pagination-pages .page-numbers,
.documents-research__pagination .pagination-list,
.txt-21 {
    font-size: 21px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination-pages .page-numbers,
    .afas-blog-archive__grid-pagination-pages .page-numbers,
    .documents-research__pagination .pagination-list,
    .txt-21 {
        font-size: 18px
    }
}

.afas-blog-archive__featured-opinions-pagination-pages .page-numbers.current,
.afas-blog-archive__grid-pagination-pages .page-numbers.current,
.documents-research__pagination .pagination-list .page-number-company.active,
.documents-research__pagination .pagination-list .page-number.active,
.investor__block h3,
.txt-21-700,
.wysiwyg-blog h3,
.wysiwyg-blog h4,
.wysiwyg-blog h5,
.wysiwyg-blog h6 {
    font-size: 21px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination-pages .page-numbers.current,
    .afas-blog-archive__grid-pagination-pages .page-numbers.current,
    .documents-research__pagination .pagination-list .page-number-company.active,
    .documents-research__pagination .pagination-list .page-number.active,
    .investor__block h3,
    .txt-21-700,
    .wysiwyg-blog h3,
    .wysiwyg-blog h4,
    .wysiwyg-blog h5,
    .wysiwyg-blog h6 {
        font-size: 18px
    }
}

.header__aside-links-list .menu-item,
.input-newsletter,
.input-search,
.input-search::placeholder,
.investor__block li,
.investor__block ol,
.investor__block p,
.investor__block ul,
.login-container #loginform-custom .login-password label,
.login-container #loginform-custom .login-username label,
.login-container #loginform-custom input.input,
.login-container #loginform-custom input.input:-webkit-autofill,
.login-container #loginform-custom input.input:-webkit-autofill:focus,
.login-container #loginform-custom input.input:-webkit-autofill:hover,
.search-input,
.select-aviso,
.select-field select,
.txt-17 {
    font-size: 17px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .header__aside-links-list .menu-item,
    .input-newsletter,
    .input-search,
    .input-search::placeholder,
    .investor__block li,
    .investor__block ol,
    .investor__block p,
    .investor__block ul,
    .login-container #loginform-custom .login-password label,
    .login-container #loginform-custom .login-username label,
    .login-container #loginform-custom input.input,
    .login-container #loginform-custom input.input:-webkit-autofill,
    .login-container #loginform-custom input.input:-webkit-autofill:focus,
    .login-container #loginform-custom input.input:-webkit-autofill:hover,
    .search-input,
    .select-aviso,
    .select-field select,
    .txt-17 {
        font-size: 15px
    }
}

.btn--purple-outline,
.header__aside-links-list .menu-item-has-children.active,
.header__aside-links-list .menu-item:hover a:first-of-type,
.input-field,
.txt-17-700 {
    font-size: 17px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .btn--purple-outline,
    .header__aside-links-list .menu-item-has-children.active,
    .header__aside-links-list .menu-item:hover a:first-of-type,
    .input-field,
    .txt-17-700 {
        font-size: 15px
    }
}

.txt-16 {
    font-size: 16px;
    line-height: 1.25em
}

@media only screen and (max-width:650px) {
    .txt-16 {
        font-size: 15px
    }
}

.btn--download-cuenta,
.txt-15,
.txt-15-700 {
    font-size: 15px;
    line-height: 1.25em
}

.input-banner::-moz-placeholder,
.input-footer::-moz-placeholder {
    font-size: 14px;
    line-height: 1.25em
}

.footer__links-list .sub-menu,
.header__aside-links-list .sub-menu .menu-item,
.header__links-list .sub-menu .menu-item,
.input-banner,
.input-banner::placeholder,
.input-footer,
.input-footer::placeholder,
.txt-14 {
    font-size: 14px;
    line-height: 1.25em
}

.btn--download-document-2,
.btn--download-single,
.btn--pill,
.header__links-list .menu-item,
.select-tab,
.tooltip-afas,
.tooltip-afas-bubble,
.txt-14-700 {
    font-size: 14px;
    line-height: 1.25em
}

.btn--download-document span,
.txt-13 {
    font-size: 13px;
    line-height: 1.25em
}

.btn,
.login-container #loginform-custom .login-submit input.button-primary,
.txt-btn {
    font-size: 17px;
    line-height: 1.25em
}

@media only screen and (max-width:950px) {
    .btn,
    .login-container #loginform-custom .login-submit input.button-primary,
    .txt-btn {
        font-size: 15px !important
    }
}

.wysiwyg ul li:not(:last-child) {
    margin: 0 0 .3em
}

.wysiwyg ul li {
    position: relative;
    padding-left: .9em
}

.wysiwyg ul li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    top: .45em;
    left: 0
}

.wysiwyg ol:not(:last-child),
.wysiwyg p:not(:last-child),
.wysiwyg ul:not(:last-child) {
    margin: 0 0 20px
}

.wysiwyg a {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: .8px
}

.wysiwyg a:hover {
    color: #424ee0
}

.wysiwyg.white ul li:before {
    background-color: #fff
}

.wysiwyg-blog h2 {
    margin: 0 0 30px
}

.wysiwyg-blog h3,
.wysiwyg-blog h4,
.wysiwyg-blog h5,
.wysiwyg-blog h6 {
    margin: 0 0 20px
}

.wysiwyg-blog ul li:not(:last-child) {
    margin: 0 0 25px
}

.wysiwyg-blog ul li {
    position: relative;
    padding-left: .9em
}

.wysiwyg-blog ul li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    top: .45em;
    left: 0
}

.wysiwyg-blog ol:not(:last-child),
.wysiwyg-blog p:not(:last-child),
.wysiwyg-blog ul:not(:last-child) {
    margin: 0 0 20px
}

.wysiwyg-blog a {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: .8px
}

.wysiwyg-blog a:hover {
    color: #424ee0
}

.wysiwyg-blog img {
    width: 100%;
    height: auto;
    margin: 0 0 20px
}

.btn,
.login-container #loginform-custom .login-submit input.button-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    min-width: 120px;
    box-sizing: border-box;
    text-align: center;
    opacity: 1;
    border: none;
    background: #fff0;
    cursor: pointer;
    padding: 1em 1.5em;
    border-radius: 30px;
    transition: background-color .3s ease-in-out
}

.btn--14 {
    font-size: 14px
}

.btn--menu {
    width: 45px;
    height: 45px;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/menu.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--close,
.btn--menu {
    border: none;
    opacity: 1;
    cursor: pointer;
    padding: 0
}

.btn--close {
    width: 20px;
    height: 20px;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/close.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--hero {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column
}

.btn--hero .title-btn {
    display: inline-block;
    margin: 0 0 .3em
}

.btn--hero .link-btn {
    display: inline-flex;
    justify-content: flex-start;
    gap: .8em
}

.btn--hero .link-btn .arrow {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media only screen and (max-width:650px) {
    .btn--hero .link-btn .arrow {
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-width:650px) {
    .btn--hero .link-btn {
        flex-direction: column;
        gap: .3em
    }
}

.btn--hero:hover .link-btn .arrow {
    opacity: .8
}

.btn--purple {
    background-color: #424ee0;
    color: #fff
}

.btn--purple:hover {
    background-color: #828bf6
}

.btn--purple-outline {
    background-color: #fff;
    border: 1px solid #424ee0;
    color: #424ee0
}

.btn--purple-ic,
.btn--purple-outline.active,
.btn--purple-outline:hover {
    background-color: #424ee0;
    color: #fff
}

.btn--purple-ic {
    display: flex;
    justify-content: center;
    gap: .7em
}

.btn--purple-ic .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_blue.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--purple-ic:hover {
    background-color: #828bf6
}

.btn--purple-ic:hover .arrow {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_blue_2.svg)
}

.btn--black,
.login-container #loginform-custom .login-submit input.button-primary {
    background-color: #1d1d20;
    color: #fff
}

.btn--black:hover,
.login-container #loginform-custom .login-submit input.button-primary:hover {
    background-color: #727272
}

.btn--black-ic {
    background-color: #1d1d20;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: .7em
}

.btn--black-ic .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_black.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--black-ic:hover {
    background-color: #727272
}

.btn--black-ic:hover .arrow {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_black_2.svg)
}

.btn--white {
    background-color: #fff;
    color: #000
}

.btn--white:hover {
    background-color: #ededef
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom .btn,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.btn--white-ic,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom input.button-primary,
.login-container #loginform-custom .login-submit .solutions-template__banner input.button-primary,
.solutions-template__banner .btn,
.solutions-template__banner .login-container #loginform-custom .login-submit input.button-primary {
    background-color: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    gap: .7em
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom .btn .arrow,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary .arrow,
.btn--white-ic .arrow,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom input.button-primary .arrow,
.login-container #loginform-custom .login-submit .solutions-template__banner input.button-primary .arrow,
.solutions-template__banner .btn .arrow,
.solutions-template__banner .login-container #loginform-custom .login-submit input.button-primary .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_white.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom .btn:hover,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.btn--white-ic:hover,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-bottom input.button-primary:hover,
.login-container #loginform-custom .login-submit .solutions-template__banner input.button-primary:hover,
.solutions-template__banner .btn:hover,
.solutions-template__banner .login-container #loginform-custom .login-submit input.button-primary:hover {
    background-color: #ededef
}

.btn--gray {
    background-color: #8c8c8c;
    color: #fff
}

.btn--gray:hover {
    background-color: #727272
}

.btn--gray-ic {
    background-color: #8c8c8c;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: .7em
}

.btn--gray-ic .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_black.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--gray-ic:hover {
    background-color: #727272
}

.btn--gray-2 {
    background-color: #f4f5f8;
    color: #000
}

.btn--gray-2:hover {
    background-color: #e0e1e4
}

.btn--gray-3 {
    background-color: #c6c6c6;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: .7em
}

.btn--gray-3 .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--gray-3:hover {
    background-color: #8c8c8c
}

@media only screen and (max-width:650px) {
    .btn--gray-3 {
        padding: 1em;
        min-width: 100px
    }
}

.btn--newsletter {
    background-color: #54565a;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: .7em
}

.btn--newsletter .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--newsletter:hover {
    background-color: #000
}

.btn--video {
    width: 60px;
    height: 60px;
    opacity: 1;
    cursor: pointer;
    border: none;
    background: #fff0;
    padding: 0
}

.btn--video svg {
    width: 100%;
    height: auto;
    display: block
}

.btn--transparent {
    color: #fff;
    display: flex;
    justify-content: center;
    gap: .7em
}

.btn--transparent .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.btn--download,
.btn--transparent .arrow {
    background-size: contain;
    background-repeat: no-repeat
}

.btn--download {
    width: 35px;
    height: 35px;
    background-image: url(../../themes/gbm-theme/images/svg/download.svg)
}

.btn--search {
    width: 25px;
    height: 25px;
    min-width: 25px;
    background-image: url(../../themes/gbm-theme/images/svg/search.svg)
}

.btn--arrow-select {
    width: 16px;
    height: 25px;
    min-width: 16px;
    min-height: 25px;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: rotate(0);
    transition: transform .3s ease-in-out
}

.btn--arrow-select,
.btn--prev {
    border-radius: 0;
    border: none;
    padding: 0
}

.btn--prev {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_prev.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.btn--prev.disabled {
    pointer-events: none;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_prev_disabled.svg)
}

.btn--next {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 0;
    border: none;
    padding: 0
}

.btn--next.disabled {
    pointer-events: none;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_next_disabled.svg)
}

.btn--pill {
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
    padding: 3px 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 5px
}

.btn--download-document {
    display: flex;
    align-items: center;
    width: 26px;
    height: 26px;
    background-image: url(../../themes/gbm-theme/images/svg/download_desktop.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--download-document span {
    display: none
}

@media only screen and (max-width:950px) {
    .btn--download-document span {
        display: inline-block;
        max-width: calc(100% - 26px)
    }
}

@media only screen and (max-width:950px) {
    .btn--download-document {
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        height: auto;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
    .btn--download-document .icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(../../themes/gbm-theme/images/svg/download_desktop.svg);
        background-size: contain;
        background-repeat: no-repeat
    }
}

.btn--download-main {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 10px
}

.btn--download-main .icon {
    width: 36px;
    height: 36px;
    background-image: url(../../themes/gbm-theme/images/svg/download_main.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

@media only screen and (max-width:950px) {
    .btn--download-main .icon {
        width: 16px;
        height: 16px
    }
}

@media only screen and (max-width:650px) {
    .btn--download-main {
        justify-content: flex-start
    }
    .btn--download-main .text-btn {
        max-width: calc(100% - 26px);
        text-align: left
    }
}

.btn--download-single {
    display: flex;
    text-align: center;
    align-items: center;
    gap: 5px;
    width: -moz-max-content;
    width: max-content;
    max-width: 150px
}

@media only screen and (max-width:950px) {
    .btn--download-single {
        max-width: 130px;
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
        text-align: left
    }
}

.btn--download-single .title-download {
    display: inline-block;
    max-width: calc(100% - 41px);
    word-wrap: normal;
    text-align: left
}

@media only screen and (max-width:950px) {
    .btn--download-single .title-download {
        max-width: calc(100% - 21px)
    }
}

.btn--download-single .icon {
    width: 36px;
    height: 36px;
    background-image: url(../../themes/gbm-theme/images/svg/download_secondary.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

@media only screen and (max-width:950px) {
    .btn--download-single .icon {
        width: 16px;
        height: 16px
    }
}

.btn--download-document-2 {
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    height: 35px;
    gap: 15px
}

.btn--download-document-2 .icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../../themes/gbm-theme/images/svg/download_desktop.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media only screen and (max-width:950px) {
    .btn--download-document-2 {
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        height: auto;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
    .btn--download-document-2 .icon {
        display: inline-block;
        width: 46px;
        height: 46px;
        background-image: url(../../themes/gbm-theme/images/svg/download_desktop.svg);
        background-size: contain;
        background-repeat: no-repeat
    }
}

.btn--view-research {
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/view_research.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--download-research,
.btn--view-research {
    width: 26px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    border: none
}

.btn--download-research {
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/download_research.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--share-research {
    width: 26px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    border: none;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/share_research.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--prev-research {
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 1;
    border: none;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_prev_r.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--prev-research.disabled,
.btn--prev-research:disabled {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_prev_disabled.svg)
}

.btn--next-research {
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 1;
    border: none;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_next_r.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.btn--next-research.disabled,
.btn--next-research:disabled {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_pagination_next_disabled.svg)
}

.btn--search {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background: #fff0;
    background-image: url(../../themes/gbm-theme/images/svg/search_research.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 0;
    border-radius: 0;
    border: none;
    cursor: pointer
}

@media only screen and (max-width:1070px) {
    .btn--search {
        width: 18px;
        height: 18px
    }
}

.btn--download-cuenta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.btn--download-cuenta .icon {
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/ic_download.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

@media only screen and (max-width:650px) {
    .btn--download-cuenta .text-btn {
        max-width: calc(100% - 26px);
        text-align: left
    }
}

.advisory-form__form--input,
.input-banner,
.input-footer {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    outline: none
}

.input-footer {
    min-height: 55.25px;
    padding: 1em 120px 1em 1.5em;
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
    border-radius: 30px
}

@media only screen and (max-width:650px) {
    .input-footer {
        min-height: 48.75px
    }
}

.input-footer::-moz-placeholder {
    color: #8c8c8c;
    opacity: 1
}

.input-footer::placeholder {
    color: #8c8c8c;
    opacity: 1
}

.input-footer:focus::-moz-placeholder {
    opacity: 0
}

.input-footer:focus::placeholder {
    opacity: 0
}

.input-footer:-webkit-autofill,
.input-footer:-webkit-autofill:focus,
.input-footer:-webkit-autofill:hover {
    border: 1px solid #8c8c8c;
    -webkit-text-fill-color: #8c8c8c;
    -webkit-box-shadow: 0 0 0 1000px #fff0 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input-banner {
    min-height: 55.25px;
    padding: 1em 171.06px 1em 1.5em;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 30px;
    background-color: rgb(0 0 0 / .3)
}

@media only screen and (max-width:650px) {
    .input-banner {
        min-height: 48.75px
    }
}

.input-banner::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.input-banner::placeholder {
    color: #fff;
    opacity: 1
}

.input-banner:focus::-moz-placeholder {
    opacity: 0
}

.input-banner:focus::placeholder {
    opacity: 0
}

.input-banner:-webkit-autofill,
.input-banner:-webkit-autofill:focus,
.input-banner:-webkit-autofill:hover {
    border: 1px solid #fff;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px rgb(0 0 0 / .3) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input-field {
    max-width: 130px;
    padding: 0;
    color: #727272;
    border: none
}

.input-field::-moz-placeholder {
    color: #727272
}

.input-field::placeholder {
    color: #727272
}

.input-field:focus::-moz-placeholder {
    opacity: 0
}

.input-field:focus::placeholder {
    opacity: 0
}

.input-field:-webkit-autofill,
.input-field:-webkit-autofill:focus,
.input-field:-webkit-autofill:hover {
    border: none;
    -webkit-text-fill-color: #727272;
    -webkit-box-shadow: 0 0 0 1000px #fff0 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input-search {
    width: 100%;
    background-color: #fff;
    border: 1px solid #000;
    color: #8c8c8c;
    border-radius: 30px;
    padding: 10px 55px 10px 20px
}

@media only screen and (max-width:1070px) {
    .input-search {
        padding: 1em 40px 1em 20px
    }
}

.input-search::-moz-placeholder {
    color: #8c8c8c;
    opacity: 1
}

.input-search::placeholder {
    color: #8c8c8c;
    opacity: 1
}

.input-search:focus::-moz-placeholder {
    opacity: 0
}

.input-search:focus::placeholder {
    opacity: 0
}

.input-search:-webkit-autofill,
.input-search:-webkit-autofill:focus,
.input-search:-webkit-autofill:hover {
    border: 1px solid #000;
    -webkit-text-fill-color: #8c8c8c;
    -webkit-box-shadow: 0 0 0 1000px #fff0 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.select-tab {
    background-color: #dfdfe1;
    border: none;
    padding: 10px 38px 10px 12px;
    color: #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_select.svg);
    background-size: 11px 11px
}

.select-aviso,
.select-tab {
    box-sizing: border-box;
    background-position: center right 12px;
    background-repeat: no-repeat
}

.select-aviso {
    min-width: 250px;
    border-radius: 30px;
    border: 1px solid #8c8c8c;
    padding: 1em 2.5em 1em 1.5em;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-size: 16px 16px
}

.label {
    font-family: OpenSans, sans;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer
}

.accounts__card--ttl,
.advisory-form__form--ttl strong,
.afas-blog-archive__featured-opinions-pagination-pages .page-numbers.current,
.afas-blog-archive__grid-pagination-pages .page-numbers.current,
.btn,
.btn--download-document-2,
.btn--download-single,
.btn--pill,
.btn--purple-outline,
.calc__controls--label,
.calc__controls--slider .ui-slider-handle span,
.calc__controls--tags span.active,
.calc__graph--label,
.calc__graph--result,
.calc__graph--sub,
.calc__graph--txt,
.company-single__hero-col-center .stock-price__meta span i,
.documents-research__pagination .pagination-list .page-number-company.active,
.documents-research__pagination .pagination-list .page-number.active,
.fondo__card--txt p b,
.fondo__card--txt p strong,
.fondo__content--col strong,
.fondo__header--nav,
.fondo__header--txt strong,
.fondo__table--item span:first-child,
.fondo__table.perf tr td.bold,
.fondo__table.perf tr th,
.fondo__table.perf tr th.bold,
.fondo__table.yield tr td .txt-10,
.fondo__table.yield tr th .txt-10,
.footer__links-list .menu-item-has-children>a:first-child,
.header__aside-links-list .menu-item-has-children.active,
.header__aside-links-list .menu-item:hover a:first-of-type,
.header__links-list .menu-item,
.input-field,
.investor__block h2,
.investor__block h3,
.login-container #loginform-custom .login-submit input.button-primary,
.select-tab,
.table tbody tr td strong,
.table thead th,
.tooltip--btn,
.tooltip--txt,
.tooltip-afas,
.tooltip-afas-bubble,
.top-pick__graph--plot>span i,
.top-pick__graph--txt i,
.top-pick__main--copy,
.top-pick__risk--txt p strong,
.top-pick__thesis--txt p strong,
.top-picks__item--name span:nth-child(2),
.ttl-26-700,
.ttl-33-700,
.ttl-36-700,
.ttl-41-700,
.ttl-51-700,
.ttl-64-700,
.ttl-72-700,
.txt-14-700,
.txt-15-700,
.txt-17-700,
.txt-21-700,
.txt-btn,
.wysiwyg-blog b,
.wysiwyg-blog h2,
.wysiwyg-blog h3,
.wysiwyg-blog h4,
.wysiwyg-blog h5,
.wysiwyg-blog h6,
.wysiwyg-blog strong,
.wysiwyg b,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg strong {
    font-family: SoehneKraeftig
}

.advisory-form__form--input,
.afas-blog-archive__featured-opinions-pagination-pages .page-numbers,
.afas-blog-archive__grid-pagination-pages .page-numbers,
.btn--download-cuenta,
.btn--download-document span,
.calc__controls--input input,
.calc__controls--range span,
.calc__controls--select select,
.documents-research__pagination .pagination-list,
.fondo__table--item,
.fondo__table.perf tr td.txt-10,
.fondo__table.perf tr th.txt-10,
.footer__links-list .sub-menu,
.header__aside-links-list .menu-item,
.header__aside-links-list .sub-menu .menu-item,
.header__links-list .sub-menu .menu-item,
.input-banner,
.input-banner::placeholder,
.input-footer,
.input-footer::placeholder,
.input-newsletter,
.input-search,
.input-search::placeholder,
.investor__block li,
.investor__block ol,
.investor__block p,
.investor__block ul,
.login-container #loginform-custom .login-password label,
.login-container #loginform-custom .login-username label,
.login-container #loginform-custom input.input,
.login-container #loginform-custom input.input:-webkit-autofill,
.login-container #loginform-custom input.input:-webkit-autofill:focus,
.login-container #loginform-custom input.input:-webkit-autofill:hover,
.search-input,
.select-aviso,
.select-field select,
.table__controls--input input,
.table__controls--select select,
.ttl-26,
.ttl-33,
.ttl-36,
.ttl-41,
.ttl-51,
.ttl-64,
.ttl-72,
.txt-13,
.txt-14,
.txt-15,
.txt-16,
.txt-17,
.txt-21,
body {
    font-family: SoehneLeicht
}

.tooltip {
    cursor: pointer;
    z-index: 2;
    margin-left: 6px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.tooltip,
.tooltip--btn {
    display: inline-block;
    position: relative
}

.tooltip--btn {
    top: -1px;
    color: #8c8c8c;
    width: 19px;
    font-size: 14px;
    text-align: center;
    line-height: 19px;
    border-radius: 50%;
    background-color: #e0e1e4
}

.tooltip:hover .tooltip--txt {
    display: block
}

.tooltip--txt {
    display: none;
    transform: translate(-35%);
    left: 50%;
    bottom: 30px;
    width: 400px;
    color: #54565a;
    padding: 16px;
    position: absolute;
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
    white-space: normal;
    border-radius: 16px;
    background-color: #e0e1e4
}

.tooltip--txt:after {
    content: "";
    top: 100%;
    left: 35%;
    width: 0;
    height: 0;
    position: absolute;
    transform: translate(-50%);
    border-top: 8px solid #e0e1e4;
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0
}

.grid__row {
    min-height: 1px
}

.grid__container,
.grid__row {
    position: relative;
    width: 100%
}

.grid__container {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

@media only screen and (max-width:950px) {
    .grid__container {
        max-width: 94%;
        margin: 0 auto
    }
}

.grid__col-1-1,
.grid__col-1-2,
.grid__col-1-3 {
    position: relative
}

.grid__col-1-1 {
    width: 100%
}

@media only screen and (max-width:950px) {
    .grid__col-1-1 {
        padding: 0 20px
    }
}

.grid__col-1-2 {
    width: 50%
}

.grid__col-1-2:nth-of-type(odd) {
    padding-right: 10px
}

.grid__col-1-2:nth-of-type(2n) {
    padding-left: 10px
}

.grid__col-1-2:nth-of-type(2n),
.grid__col-1-2:nth-of-type(odd) {
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (max-width:950px) {
    .grid__col-1-2 {
        width: 100%;
        padding: 0 20px !important
    }
}

.grid__col-1-3 {
    width: 33.3333333333%
}

.grid__col-1-3:nth-of-type(3n-2) {
    padding-right: 13.3333333333px
}

.grid__col-1-3:nth-of-type(3n-1) {
    padding-right: 6.6666666667px;
    padding-left: 6.6666666667px
}

.grid__col-1-3:nth-of-type(3n) {
    padding-left: 13.3333333333px
}

@media only screen and (max-width:950px) {
    .grid__col-1-3 {
        width: 100%;
        padding: 0 20px !important
    }
}

@media only screen and (max-width:480px) {
    .grid__col-1-3 {
        padding: 0 20px !important
    }
}

.grid__col-1-4 {
    width: 25%
}

.grid__col-1-4:nth-of-type(4n-3) {
    padding-right: 13.3333333333px
}

.grid__col-1-4:nth-of-type(4n-1),
.grid__col-1-4:nth-of-type(4n-2) {
    padding-right: 6.6666666667px;
    padding-left: 6.6666666667px
}

.grid__col-1-4:nth-of-type(4n) {
    padding-left: 13.3333333333px
}

.grid__col-1-6 {
    width: 50%;
    padding-right: 10px;
    padding-left: 0
}

@media only screen and (max-width:sm-big) {
    .grid__col-1-6 {
        width: 66.66667%;
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width:xs-big) {
    .grid__col-1-6 {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.grid__col-1-7 {
    width: 58.33333%;
    padding-right: 10px;
    padding-left: 10px
}

@media only screen and (max-width:sm-big) {
    .grid__col-1-7 {
        width: 66.66667%;
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width:xs-big) {
    .grid__col-1-7 {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.grid__col-1-8 {
    width: 66.66667%;
    padding-right: 0 !important;
    padding-left: 0
}

@media only screen and (max-width:sm-big) {
    .grid__col-1-8 {
        width: 100%
    }
}

@media only screen and (max-width:xs-big) {
    .grid__col-1-8 {
        width: 100%;
        margin-left: 0 !important
    }
}

.grid__col-1-9 {
    width: 75%;
    padding-right: 20px !important;
    padding-left: 20px
}

@media only screen and (max-width:950px) {
    .grid__col-1-9 {
        width: 100%
    }
}

.grid__col-1-10 {
    width: 83.33333%;
    padding-right: 20px !important;
    padding-left: 20px
}

@media only screen and (max-width:950px) {
    .grid__col-1-10 {
        width: 100%
    }
}

.grid__box {
    position: relative;
    width: 100%
}

@media only screen and (max-width:950px) {
    .featured-home-contenedor .grid__col-1-9 {
        width: 66.66667%
    }
}

@media only screen and (max-width:650px) {
    .featured-home-contenedor .grid__col-1-9 {
        width: 100%
    }
}

.featured-home-contenedor .grid__col-1-4 {
    padding: 0 10px
}

@media only screen and (max-width:950px) {
    .featured-home-contenedor .grid__col-1-4 {
        width: 26.66667%
    }
}

@media only screen and (max-width:650px) {
    .featured-home-contenedor .grid__col-1-4 {
        width: 50%;
        margin: 0 auto
    }
}

.grid__offset-0-2 {
    width: 16.66667%;
    margin: 0 10px
}

@media only screen and (max-width:950px) {
    .grid__offset-0-2 {
        width: 0;
        margin: 0
    }
}

.header {
    width: 100%;
    max-width: 100vw;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 19.75px 0;
    box-sizing: border-box
}

.header--gray {
    background-color: #f4f5f8
}

.header--top-picks {
    display: none;
    background-color: #fff
}

.header__logo {
    display: flex;
    align-items: center
}

.header__logo a {
    display: block
}

.header__logo a .image {
    display: block;
    height: 29px;
    max-width: 100%
}

.header__links {
    width: 100%;
    display: flex;
    align-items: center
}

.header__links .menu-header_menu-container {
    width: 100%
}

.header__links-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center
}

@media only screen and (min-width:1466px) {
    .header__links-list {
        justify-content: flex-end;
        gap: 30px
    }
}

.header__links-list .menu-item:hover>a:first-of-type {
    opacity: .7
}

.header__links-list .menu-item.featured {
    color: #424ee0
}

.header__links-list .menu-item a[aria-current=page] {
    opacity: .7
}

.header__links-list .menu-item-has-children {
    position: relative;
    padding-right: 12px
}

.header__links-list .menu-item-has-children:before {
    content: "";
    display: block;
    width: 9px;
    height: 5px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_menu.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.header__links-list .menu-item-has-children.active:before {
    transform: rotate(180deg)
}

.header__links-list .menu-item-has-children.active>.sub-menu {
    display: flex;
    opacity: 1
}

.header__links-list .sub-menu {
    width: -moz-max-content;
    width: max-content;
    max-width: calc(100vw - 40px);
    display: none;
    justify-content: center;
    align-items: center;
    gap: 30px;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 24px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 40px)
}

@media only screen and (max-width:1340px) {
    .header__links {
        display: none
    }
}

.header__ctas {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1340px) {
    .header__ctas {
        display: none
    }
}

.header__mobile {
    width: 100%;
    display: none;
    justify-content: flex-end;
    gap: 8px
}

@media only screen and (max-width:1340px) {
    .header__mobile {
        display: flex
    }
}

.header__aside {
    display: none;
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    position: fixed;
    z-index: 102;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 19.75px 20px;
    box-sizing: border-box
}

.header__aside::-webkit-scrollbar {
    width: 1px
}

.header__aside::-webkit-scrollbar-thumb,
.header__aside::-webkit-scrollbar-track {
    background: #fff0
}

.header__aside::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.header__aside-heading {
    width: 100%;
    grid-column: 1/25;
    padding-right: 40px;
    position: relative;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 0 0 110px
}

.header__aside-heading .btn--close {
    position: absolute;
    right: 0;
    top: calc(50% - 10px)
}

@media only screen and (max-width:650px) {
    .header__aside-heading .btn--close {
        top: 0
    }
}

@media only screen and (max-width:950px) {
    .header__aside-heading {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .header__aside-heading {
        flex-direction: column;
        row-gap: 30px;
        justify-content: flex-start;
        margin: 0 0 35px
    }
}

.header__aside-logo {
    display: flex;
    align-items: center
}

.header__aside-logo a {
    display: block
}

.header__aside-logo a .image {
    display: block;
    height: 29px;
    max-width: 100%
}

.header__aside-ctas {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    gap: 10px
}

.header__aside-links {
    width: 100%;
    grid-column: 1/25
}

@media only screen and (max-width:950px) {
    .header__aside-links {
        grid-column: 1/11
    }
}

.header__aside-links .menu-header_menu-container {
    width: 100%
}

.header__aside-links-list {
    width: 100%;
    border-bottom: 1px solid #e0e1e4
}

.header__aside-links-list .menu-item {
    box-sizing: border-box;
    padding: 15px 0;
    border-top: 1px solid #e0e1e4
}

.header__aside-links-list .menu-item a[aria-current=page] {
    opacity: .7
}

.header__aside-links-list .menu-item-has-children {
    position: relative
}

.header__aside-links-list .menu-item-has-children a:first-child {
    position: relative;
    padding-right: 15px
}

.header__aside-links-list .menu-item-has-children a:first-child:before {
    content: "";
    display: block;
    width: 9px;
    height: 5px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_menu.svg);
    background-position: 50%;
    background-size: contain;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.header__aside-links-list .menu-item-has-children.active:before {
    transform: rotate(180deg)
}

.header__aside-links-list .menu-item-has-children.active>.sub-menu {
    display: block
}

.header__aside-links-list .sub-menu {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    display: none;
    padding-left: 80px;
    box-sizing: border-box;
    border-radius: 24px;
    padding-top: 7.5px;
    background-color: #fff
}

@media only screen and (max-width:650px) {
    .header__aside-links-list .sub-menu {
        padding-left: 30px
    }
}

.header__aside-links-list .sub-menu .menu-item {
    border-top: none;
    padding: 7.5px 0
}

.header__aside-links-list .sub-menu .menu-item a:before {
    display: none;
    padding-right: 0
}

.header__aside-links-list .sub-menu .menu-item a {
    font-family: SoehneLeicht !important
}

.footer {
    background-color: #000;
    box-sizing: border-box;
    padding: 100px 0 0;
    color: #fff
}

@media only screen and (max-width:950px) {
    .footer {
        padding: 50px 0 0
    }
}

.footer>.container:first-child {
    padding: 0 0 100px
}

@media only screen and (max-width:1340px) {
    .footer>.container:first-child {
        width: calc(100% - 60px)
    }
}

@media only screen and (max-width:950px) {
    .footer>.container:first-child {
        padding: 0 0 20px
    }
}

.footer__logo {
    grid-column: 1/25;
    padding: 0 0 50px;
    margin: 0 0 50px;
    border-bottom: 1px solid #8c8c8c
}

@media only screen and (max-width:950px) {
    .footer__logo {
        grid-column: 1/11;
        padding: 0 0 15px
    }
}

.footer__newsletter {
    grid-column: 1/9
}

@media only screen and (max-width:950px) {
    .footer__newsletter {
        grid-column: 1/11;
        margin: 0 0 50px
    }
}

.footer__newsletter .title {
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .footer__newsletter .title {
        margin: 0 0 10px
    }
}

.footer__newsletter-form {
    width: 100%;
    position: relative
}

.footer__newsletter-form .btn,
.footer__newsletter-form .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .footer__newsletter-form input.button-primary {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.footer__links {
    grid-column: 10/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .footer__links {
        grid-column: 1/11;
        margin: 0 0 50px
    }
}

.footer__links .menu-footer_menu-container {
    width: 100%
}

.footer__links-list {
    width: 100%;
    display: flex;
    gap: 40px
}

@media only screen and (max-width:950px) {
    .footer__links-list {
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 50px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:950px) {
    .footer__links-list .menu-item-has-children {
        width: calc(50% - 5px)
    }
}

@media only screen and (max-width:650px) {
    .footer__links-list .menu-item-has-children {
        width: 100%
    }
}

.footer__links-list .sub-menu {
    margin: 15px 0 0;
    color: #8c8c8c
}

.footer__links-list .sub-menu li:not(:last-child) {
    margin: 0 0 15px
}

.footer__copy {
    grid-column: 1/25;
    color: #8c8c8c
}

@media only screen and (max-width:950px) {
    .footer__copy {
        grid-column: 1/11
    }
}

.footer__bottom {
    background-color: #080808;
    box-sizing: border-box;
    padding: 60px 0;
    color: #fff
}

@media only screen and (max-width:1340px) {
    .footer__bottom>.container:first-child {
        width: calc(100% - 60px)
    }
}

.footer__bottom-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .footer__bottom-container {
        flex-direction: column;
        row-gap: 50px
    }
}

.footer__bottom-social,
.footer__bottom-social .icon-container {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    gap: 20px
}

.footer__bottom-social .icon {
    display: block;
    height: 1em;
    width: auto
}

@media only screen and (max-width:650px) {
    .footer__bottom-social {
        flex-direction: column
    }
}

.footer__bottom-app {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    gap: 20px
}

.footer__bottom-app .links-list {
    display: flex;
    gap: 20px;
    color: #8c8c8c
}

@media only screen and (max-width:650px) {
    .footer__bottom-app {
        flex-direction: column;
        gap: 10px
    }
}

.footer__bottom-lang {
    display: flex;
    text-transform: uppercase
}

.footer__bottom-lang,
.footer__bottom-lang .lang {
    width: -moz-max-content;
    width: max-content
}

.footer__bottom-lang .active-lang a {
    text-decoration: underline
}

.footer__bottom-lang div:first-child:after {
    content: " / "
}

.footer__bottom-lang div:last-child:before {
    content: " "
}

.footer__pop {
    width: 100vw;
    position: fixed;
    z-index: 102;
    top: 0;
    left: 0;
    display: none
}

.footer__pop-wrapper {
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / .7);
    display: flex;
    justify-content: center;
    align-items: center
}

.footer__pop-content {
    width: calc(100% - 40px);
    max-width: 827px;
    border-radius: 15px;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    padding: 35px 50px;
    position: relative;
    text-align: center
}

.footer__pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url(../../themes/gbm-theme/images/svg/close.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.error-404 {
    padding: 86px 0 25px;
    box-sizing: border-box
}

.error-404__container {
    background-color: #f4f5f8;
    min-height: calc(100vh - 110px);
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 40px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .error-404__container {
        padding: 60px 0;
        border-radius: 15px
    }
}

.error-404__container-title {
    grid-column: 3/14;
    width: 100%;
    margin: 0 0 40px
}

@media only screen and (max-width:1100px) {
    .error-404__container-title {
        grid-column: 3/17
    }
}

@media only screen and (max-width:950px) {
    .error-404__container-title {
        grid-column: 2/10
    }
}

.error-404__container-content {
    grid-column: 3/13;
    width: 100%;
    margin: 0 0 40px
}

@media only screen and (max-width:1100px) {
    .error-404__container-content {
        grid-column: 3/17
    }
}

@media only screen and (max-width:950px) {
    .error-404__container-content {
        grid-column: 2/10
    }
}

.error-404__container-button {
    grid-column: 3/14;
    width: 100%
}

@media only screen and (max-width:950px) {
    .error-404__container-button {
        grid-column: 2/10
    }
}

.image {
    width: 100%;
    height: auto
}

.image--ratio {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.image--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.image--cover {
    -o-object-fit: cover;
    object-fit: cover
}

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

.image-container {
    width: 100%;
    position: relative;
    overflow: hidden
}

.image-desktop {
    display: block
}

@media only screen and (max-width:950px) {
    .image-desktop {
        display: none !important
    }
}

.image-mobile {
    display: none !important
}

@media only screen and (max-width:950px) {
    .image-mobile {
        display: block !important
    }
}

.image-desktop-banner {
    display: block
}

@media only screen and (max-width:950px) {
    .image-desktop-banner {
        display: none !important
    }
}

@media (max-width:900px) and (max-height:550px) {
    .image-desktop-banner {
        display: block !important
    }
}

.image-mobile-banner {
    display: none !important
}

@media only screen and (max-width:950px) {
    .image-mobile-banner {
        display: block !important
    }
}

@media (max-width:900px) and (max-height:550px) {
    .image-mobile-banner {
        display: none !important
    }
}

.dots {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    list-style: none;
    width: 100%
}

.dots li:only-child {
    display: none
}

.dots li {
    flex: 1;
    position: relative;
    text-align: center;
    cursor: pointer;
    height: 20px
}

.dots li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 100%;
    border-radius: 10px;
    background-color: hsla(0, 0%, 77.3%, .5);
    transition: background-color .3s, width .3s
}

.dots li button {
    display: none
}

.dots li.slick-active:after {
    background-color: #fff
}

.dots-container__desktop {
    width: 100%;
    position: absolute;
    z-index: 4;
    bottom: 28px;
    left: 0;
    box-sizing: border-box;
    padding: 0 5%
}

.hide {
    display: none
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline;
    text-decoration-thickness: .7px;
    text-underline-offset: 1px
}

.slider-arrows {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px 0 0;
    display: none
}

.slider-container.show-arrows .slider-arrows {
    display: flex
}

.slider-arrow {
    cursor: pointer;
    background: #fff0;
    border: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px
}

@media only screen and (max-width:950px) {
    .slider-arrow {
        width: 25px;
        height: 25px
    }
}

.slider-arrow--left {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_left_slider.svg)
}

.slider-arrow--right {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_right_slider.svg)
}

.video-container {
    width: 100%;
    position: relative;
    z-index: 1
}

.video-fullwidth {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.video-play-file {
    width: 146px;
    height: 146px;
    position: absolute;
    z-index: 4;
    top: calc(50% - 68px);
    left: calc(50% - 68px);
    background-image: url(../../themes/gbm-theme/images/svg/play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    cursor: pointer
}

.video-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0
}

.video-thumbnail.hide {
    display: none
}

.video-controls {
    width: 100%;
    position: absolute;
    z-index: 5;
    bottom: 30px;
    left: 0
}

.video-controls>.container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 20px
}

.video-hero {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.video-hero-desktop {
    display: block
}

@media only screen and (max-width:950px) {
    .video-hero-desktop {
        display: none !important
    }
}

.video-hero-mobile {
    display: none !important
}

@media only screen and (max-width:950px) {
    .video-hero-mobile {
        display: block !important
    }
}

.cookies {
    width: calc(100% - 160px);
    max-width: 520px;
    border-radius: 24px;
    box-sizing: border-box;
    background-color: #1d1d20;
    color: #fff;
    padding: 30px;
    position: fixed;
    z-index: 99;
    bottom: 70px;
    left: 80px;
    display: none
}

.cookies.hide {
    display: none !important
}

@media only screen and (max-width:950px) {
    .cookies {
        left: 20px;
        width: calc(100% - 40px)
    }
}

.cookies__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.whatsapp__bubble {
    position: fixed;
    z-index: 99;
    right: 80px;
    bottom: 20px;
    width: 50px;
    transition: all .3s ease-in-out
}

@media only screen and (max-width:950px) {
    .whatsapp__bubble {
        width: 40px;
        right: 50px
    }
}

.whatsapp__bubble.active {
    bottom: 74px
}

.whatsapp__bubble-link {
    display: block;
    width: 100%
}

.whatsapp__bubble-link svg {
    display: block;
    width: 100%;
    height: auto
}

.grid {
    width: 100%;
    display: grid
}

.grid--menu {
    grid-template-columns: 98px calc(100% - 496px) 318px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

@media only screen and (max-width:1340px) {
    .grid--menu {
        grid-template-columns: 98px calc(100% - 138px)
    }
}

@media only screen and (max-width:650px) {
    .grid--menu {
        -moz-column-gap: 10px;
        column-gap: 10px;
        grid-template-columns: 98px calc(100% - 108px)
    }
}

.grid--col-24 {
    grid-template-columns: repeat(24, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:950px) {
    .grid--col-24 {
        grid-template-columns: repeat(10, 1fr);
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.grid--col-24-r {
    grid-template-columns: repeat(24, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:1070px) {
    .grid--col-24-r {
        grid-template-columns: repeat(10, 1fr);
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.grid--col-2-s {
    grid-template-columns: 1fr 2fr;
    -moz-column-gap: 90px;
    column-gap: 90px
}

@media only screen and (max-width:950px) {
    .grid--col-2-s {
        grid-template-columns: 1fr
    }
}

.grid--col-2-steps {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 15px
}

@media only screen and (max-width:950px) {
    .grid--col-2-steps {
        grid-template-columns: 1fr
    }
}

.grid--col-2-people {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 60px
}

@media only screen and (max-width:950px) {
    .grid--col-2-people {
        grid-template-columns: 1fr
    }
}

.container {
    width: calc(100% - 160px);
    max-width: 1440px;
    margin: 0 auto
}

.container--fullwidth {
    width: calc(100% - 60px);
    max-width: 100%
}

@media only screen and (max-width:950px) {
    .container,
    .container--fullwidth {
        width: calc(100% - 40px)
    }
}

.wrapper {
    width: 100%;
    max-width: 100vw
}

.banner-module {
    width: 100%;
    box-sizing: border-box;
    padding: 60px 0;
    min-height: 410px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .banner-module {
        border-radius: 15px;
        min-height: calc(80vh - 85px);
        align-items: flex-start
    }
}

@media only screen and (max-width:650px) {
    .banner-module {
        min-height: 535px
    }
}

.banner-module .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .banner-module .image {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.banner-module .grid {
    position: relative;
    z-index: 2
}

.banner-module__content {
    grid-column: 3/14;
    color: #fff
}

.banner-module__content--right {
    grid-column: 13/23
}

@media only screen and (max-width:950px) {
    .banner-module__content--right {
        grid-column: 2/10
    }
}

.banner-module__content .subtitle {
    margin: 50px 0 0
}

@media only screen and (max-width:650px) {
    .banner-module__content .subtitle {
        margin: 30px 0 0
    }
}

.banner-module__content .content {
    margin: 50px 0 0
}

@media only screen and (max-width:650px) {
    .banner-module__content .content {
        margin: 30px 0 0
    }
}

.banner-module__content .content ul {
    font-size: 17px
}

.banner-module__content .content ul li:before {
    background-color: #fff
}

.banner-module__content .button-container {
    margin: 50px 0 0
}

@media only screen and (max-width:650px) {
    .banner-module__content .button-container {
        margin: 30px 0 0
    }
}

@media only screen and (max-width:950px) {
    .banner-module__content {
        grid-column: 2/10
    }
}

.hero {
    width: 100%
}

.hero__container {
    width: 100%;
    min-height: calc(100vh - 110px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 40px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .hero__container {
        padding: 60px 0;
        border-radius: 15px
    }
}

.hero__container .image {
    z-index: 2
}

.hero__container-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: calc(100vh - 190px);
    display: flex;
    align-items: center;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .hero__container-inner {
        min-height: 1px;
        align-items: flex-start
    }
}

.hero__content {
    grid-column: 13/23;
    width: 100%;
    color: #fff
}

.hero__content--black {
    color: #000
}

@media only screen and (max-width:1340px) {
    .hero__content {
        grid-column: 12/24
    }
}

@media only screen and (max-width:950px) {
    .hero__content {
        grid-column: 2/10
    }
}

.hero__content .logo-container {
    width: 100%;
    max-width: 568px;
    margin: 0 0 35px
}

@media only screen and (max-width:650px) {
    .hero__content .logo-container {
        margin: 0 0 20px
    }
}

.hero__content .title {
    margin: 0 0 35px
}

@media only screen and (max-width:650px) {
    .hero__content .title {
        margin: 0 0 20px
    }
}

.hero__content .subtitle {
    padding: 35px 0 0;
    border-top: 1px solid #fff;
    margin: 0 0 35px
}

@media only screen and (max-width:650px) {
    .hero__content .subtitle {
        padding: 20px 0 0;
        margin: 0 0 20px
    }
}

.hero__content .content {
    margin: 0 0 35px
}

@media only screen and (max-width:650px) {
    .hero__content .content {
        margin: 0 0 20px
    }
}

.hero__content .button-container {
    width: 100%
}

.hero__content .button-container--row {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.steps-module {
    width: 100%
}

.steps-module__title {
    grid-column: 1/25;
    width: 100%;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .steps-module__title {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .steps-module__title {
        margin: 0 0 30px
    }
}

.steps-module__title--center {
    grid-column: 7/19
}

.steps-module__title--center .title {
    text-align: center
}

@media only screen and (max-width:950px) {
    .steps-module__title--center {
        grid-column: 1/11
    }
}

.steps-module__content {
    grid-column: 1/25
}

.steps-module__content-block {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background-color: #f4f5f8;
    box-sizing: border-box;
    padding: 45px 50px
}

.steps-module__content-block .number {
    color: #424ee0;
    margin: 0 0 45px
}

@media only screen and (max-width:650px) {
    .steps-module__content-block .number {
        margin: 0 0 20px
    }
}

.steps-module__content-block .title {
    margin: 0 0 15px
}

@media only screen and (max-width:650px) {
    .steps-module__content-block {
        border-radius: 15px;
        padding: 35px 30px
    }
}

.steps-module__content-block--center {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.steps-module__content-block--center .button-container {
    margin: 50px 0 0
}

@media only screen and (max-width:950px) {
    .steps-module__content {
        grid-column: 1/11
    }
}

.slider-module {
    width: 100%
}

.slider-module__slider {
    width: 100%;
    position: relative;
    z-index: 1
}

.slider-module__slider>div:not(:first-child) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.slider-module__slider.slick-initialized>div:not(:first-child) {
    visibility: visible;
    opacity: 1
}

.slider-module__slide {
    width: 100%;
    min-height: calc(100vh - 220px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 40px 0;
    border-radius: 24px;
    overflow: hidden
}

.slider-module__slide--advisory {
    padding: 50px 0;
    min-height: calc(100vh - 255px)
}

@media only screen and (max-width:950px) {
    .slider-module__slide {
        padding: 60px 0;
        border-radius: 15px
    }
}

.slider-module__slide .image {
    z-index: 2
}

.slider-module__slide-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: calc(100vh - 165px);
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.slider-module__slide-inner--advisory {
    min-height: calc(100vh - 355px)
}

@media only screen and (max-width:950px) {
    .slider-module__slide-inner {
        min-height: 1px;
        align-items: flex-start
    }
}

.slider-module__slide-content {
    grid-column: 13/23;
    width: 100%;
    color: #fff
}

@media only screen and (max-width:1340px) {
    .slider-module__slide-content {
        grid-column: 12/24
    }
}

@media only screen and (max-width:950px) {
    .slider-module__slide-content {
        grid-column: 2/10
    }
}

.slider-module__slide-content .title {
    margin: 0 0 40px
}

@media only screen and (max-width:650px) {
    .slider-module__slide-content .title {
        margin: 0 0 10px
    }
}

.slider-module__slide-content .subtitle {
    margin: 0 0 40px
}

@media only screen and (max-width:650px) {
    .slider-module__slide-content .subtitle {
        margin: 0 0 10px
    }
}

.slider-module__slide-content .legend {
    margin: 0 0 40px
}

@media only screen and (max-width:650px) {
    .slider-module__slide-content .legend {
        margin: 0 0 10px
    }
}

.slider-module__slide-content .button-container {
    width: 100%
}

.newsletter-module {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0;
    min-height: 515px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .newsletter-module {
        border-radius: 15px;
        min-height: 535px;
        align-items: flex-start
    }
}

.newsletter-module .image {
    z-index: 1
}

@media only screen and (max-width:950px) {
    .newsletter-module .image {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.newsletter-module .grid {
    position: relative;
    z-index: 2
}

.newsletter-module__content {
    grid-column: 3/14;
    color: #fff
}

.newsletter-module__content .title {
    margin: 0 0 20px
}

@media only screen and (max-width:650px) {
    .newsletter-module__content .title {
        margin: 0 0 10px
    }
}

.newsletter-module__content .subtitle {
    margin: 0 0 20px
}

@media only screen and (max-width:650px) {
    .newsletter-module__content .subtitle {
        margin: 0 0 10px
    }
}

.newsletter-module__content .content {
    margin: 0 0 50px
}

@media only screen and (max-width:650px) {
    .newsletter-module__content .content {
        margin: 0 0 20px
    }
}

.newsletter-module__content .button-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .newsletter-module__content {
        grid-column: 2/10
    }
}

.newsletter-module__buttons {
    grid-column: 3/23;
    margin: 100px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center
}

@media only screen and (max-width:950px) {
    .newsletter-module__buttons {
        grid-column: 2/10
    }
}

.newsletter-module__buttons .button-container {
    width: -moz-max-content;
    width: max-content
}

.newsletter-module__buttons .newsletter-container {
    width: 100%;
    max-width: 470px
}

.block-text-module {
    width: 100%
}

.block-text-module__wrapper {
    border-radius: 24px;
    overflow: hidden;
    background-color: #ededef;
    padding: 50px 0;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .block-text-module__wrapper {
        border-radius: 15px
    }
}

.block-text-module__title {
    grid-column: 2/24;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .block-text-module__title {
        grid-column: 2/10;
        margin: 0 0 20px
    }
}

@media only screen and (max-width:650px) {
    .block-text-module__title {
        flex-direction: column;
        align-items: flex-start
    }
}

.block-text-module__content {
    grid-column: 2/24;
    border-radius: 24px;
    background-color: #fff;
    padding: 40px 0;
    box-sizing: border-box
}

.block-text-module__content-container {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:950px) {
    .block-text-module__content-container {
        width: 90%
    }
}

@media only screen and (max-width:950px) {
    .block-text-module__content {
        grid-column: 2/10;
        border-radius: 15px
    }
}

.blocks-text-module {
    width: 100%
}

.blocks-text-module__wrapper {
    border-radius: 24px;
    overflow: hidden;
    background-color: #ededef;
    padding: 50px 0;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .blocks-text-module__wrapper {
        border-radius: 15px
    }
}

.blocks-text-module__title {
    grid-column: 2/24;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .blocks-text-module__title {
        grid-column: 2/10;
        margin: 0 0 20px
    }
}

.blocks-text-module__container {
    width: 100%;
    grid-column: 2/24;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media only screen and (max-width:950px) {
    .blocks-text-module__container {
        grid-column: 2/10
    }
}

.blocks-text-module__block {
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    padding: 40px 0;
    box-sizing: border-box
}

.blocks-text-module__block-container {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:950px) {
    .blocks-text-module__block-container {
        width: 90%
    }
}

.blocks-text-module__block-container[data-state=open] .blocks-text-module__block-title .arrow {
    transform: rotate(180deg)
}

.blocks-text-module__block-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px;
    cursor: pointer
}

.blocks-text-module__block-title span.arrow {
    display: inline-block;
    width: 15px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.blocks-text-module__block-content {
    width: 100%;
    display: none;
    margin: 30px 0 0
}

@media only screen and (max-width:950px) {
    .blocks-text-module__block-content {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:950px) {
    .blocks-text-module__block {
        border-radius: 15px
    }
}

.block-file-module {
    width: 100%
}

.block-file-module__wrapper {
    border-radius: 24px;
    overflow: hidden;
    background-color: #ededef;
    padding: 50px 0;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .block-file-module__wrapper {
        border-radius: 15px
    }
}

.block-file-module__content {
    grid-column: 2/24;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px
}

@media only screen and (max-width:950px) {
    .block-file-module__content {
        grid-column: 2/10
    }
}

@media only screen and (max-width:650px) {
    .block-file-module__content {
        flex-direction: column;
        align-items: flex-start
    }
}

.block-content-module {
    width: 100%
}

.block-content-module__wrapper {
    border-radius: 24px;
    overflow: hidden;
    background-color: #ededef;
    padding: 50px 0;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .block-content-module__wrapper {
        border-radius: 15px
    }
}

.block-content-module__title {
    grid-column: 2/24;
    width: 100%;
    gap: 10px;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .block-content-module__title {
        grid-column: 2/10;
        margin: 0 0 20px
    }
}

@media only screen and (max-width:650px) {
    .block-content-module__title {
        flex-direction: column;
        align-items: flex-start
    }
}

.block-content-module__blocks {
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    padding: 100px 0;
    box-sizing: border-box;
    grid-column: 2/24
}

.block-content-module__blocks-container {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:950px) {
    .block-content-module__blocks-container {
        width: 90%
    }
}

.block-content-module__blocks-container .block-content-module__block:not(:last-child) {
    margin: 0 0 100px
}

@media only screen and (max-width:950px) {
    .block-content-module__blocks {
        grid-column: 2/10;
        border-radius: 15px
    }
}

.block-content-module__block {
    width: 100%
}

.block-content-module__block .title {
    width: 100%;
    padding: 0 0 10px;
    margin: 0 0 50px;
    border-bottom: 1px solid #e0e1e4
}

.block-content-module__block .subtitle {
    margin: 0 0 25px
}

.block-content-module__block .button-container {
    margin: 40px 0 0
}

.block-mixed-module {
    width: 100%
}

.block-mixed-module__wrapper {
    border-radius: 24px;
    overflow: hidden;
    background-color: #ededef;
    padding: 50px 0;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .block-mixed-module__wrapper {
        border-radius: 15px
    }
}

.block-mixed-module__title {
    grid-column: 2/24;
    width: 100%;
    gap: 10px;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .block-mixed-module__title {
        grid-column: 2/10;
        margin: 0 0 20px
    }
}

@media only screen and (max-width:650px) {
    .block-mixed-module__title {
        flex-direction: column;
        align-items: flex-start
    }
}

.block-mixed-module__blocks {
    width: 100%;
    grid-column: 2/24;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media only screen and (max-width:950px) {
    .block-mixed-module__blocks {
        grid-column: 2/10
    }
}

.block-mixed-module__block {
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 0
}

.block-mixed-module__block-container {
    width: 90%;
    margin: 0 auto
}

.block-mixed-module__block-container[data-state=open] .blocks-text-module__block-title .arrow {
    transform: rotate(180deg)
}

.block-mixed-module__block-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px;
    cursor: pointer
}

.block-mixed-module__block-title span.arrow {
    display: inline-block;
    width: 15px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.block-mixed-module__block-content {
    width: 100%;
    display: none;
    margin: 30px 0 0
}

@media only screen and (max-width:950px) {
    .block-mixed-module__block-content {
        margin: 20px 0 0
    }
}

.block-mixed-module__block-content .button-container {
    margin: 30px 0 0
}

@media only screen and (max-width:950px) {
    .block-mixed-module__block {
        border-radius: 15px
    }
}

.block-mixed-module__block-file {
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 0
}

.block-mixed-module__block-file-container {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px
}

@media only screen and (max-width:650px) {
    .block-mixed-module__block-file-container {
        flex-direction: column;
        align-items: flex-start
    }
}

.image-text__module {
    width: 100%;
    padding: 55px 0
}

.image-text__module-img {
    width: 100%;
    grid-row: 1
}

.image-text__module-img .image-container {
    border-radius: 24px;
    box-sizing: border-box;
    padding-top: 80%;
    min-height: 100%
}

@media only screen and (max-width:950px) {
    .image-text__module-img .image-container {
        border-radius: 15px
    }
}

.image-text__module-img.derecha {
    grid-column: 13/25
}

@media only screen and (max-width:950px) {
    .image-text__module-img.derecha {
        grid-column: 1/11;
        grid-row: 2
    }
}

.image-text__module-img.izquierda {
    grid-column: 1/13
}

@media only screen and (max-width:950px) {
    .image-text__module-img.izquierda {
        grid-column: 1/11;
        grid-row: 1
    }
}

.image-text__module-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-row: 1
}

.image-text__module-content.izquierda {
    grid-column: 14/25
}

@media only screen and (max-width:950px) {
    .image-text__module-content.izquierda {
        grid-column: 1/11;
        grid-row: 2;
        margin: 40px 0 0
    }
}

.image-text__module-content.derecha {
    grid-column: 1/12
}

@media only screen and (max-width:950px) {
    .image-text__module-content.derecha {
        grid-column: 1/11;
        grid-row: 1;
        margin: 0 0 40px
    }
}

.image-text__module-content .content,
.image-text__module-content .subtitle {
    margin: 30px 0 0
}

.image-text__module-content .button-container {
    margin: 40px 0 0
}

.atomos footer.footer,
.atomos header#header {
    display: none !important
}

.atomos a,
.atomos div,
.atomos form,
.atomos h1,
.atomos h2,
.atomos h3,
.atomos h4,
.atomos h5,
.atomos h6,
.atomos p,
.atomos span,
.atomos ul {
    margin: 40px
}

.title_mundo,
.title_mundo-2 {
    font-size: 40px
}

.title_mundo-3 {
    font-family: OpenSans, sans;
    font-size: 40px
}

.title_mundo-4,
.title_mundo-5 {
    font-size: 40px
}

.lista-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

.citas__contenedor {
    text-align: center;
    padding: 45px 0 60px
}

.footer__contenedor {
    border-top: .25px solid;
    padding-top: 10px
}

.footer__contenedor .footer__lista,
.footer__contenedor .legales__lista {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

.credito__contenedor {
    width: 70%;
    height: 25px;
    justify-content: center
}

.credito__contenedor,
.splash {
    display: flex;
    align-items: center
}

.splash {
    background-color: #12232e;
    background: linear-gradient(0deg, #12232e, #215056);
    color: #e8ebe9;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    min-height: 100vh
}

.splash img {
    max-width: 500px;
    padding: 0 20px
}

.splash img.logo {
    width: 200px;
    filter: brightness(0) invert(100%)
}

.home-template {
    padding: 85px 0 0
}

.home-template__hero {
    width: 100%
}

.home-template__hero .container {
    position: relative
}

.home-template__hero-slider {
    width: 100%;
    position: relative;
    z-index: 1
}

.home-template__hero-slider>div:not(:first-child) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.home-template__hero-slider.slick-initialized>div:not(:first-child) {
    visibility: visible;
    opacity: 1
}

.home-template__hero-slide {
    width: 100%;
    min-height: calc(100vh - 110px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 40px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .home-template__hero-slide {
        padding: 60px 0;
        border-radius: 15px
    }
}

.home-template__hero-slide .image {
    z-index: 2
}

.home-template__hero-slide-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: calc(100vh - 190px);
    display: flex;
    align-items: center;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .home-template__hero-slide-inner {
        min-height: 1px;
        align-items: flex-start
    }
}

.home-template__hero-slide-graph {
    grid-column: 2/11;
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center
}

@media only screen and (max-width:950px) {
    .home-template__hero-slide-graph {
        grid-column: 2/10;
        grid-row: 2;
        width: 100%;
        margin: 45px 0 0
    }
}

.home-template__hero-slide-content {
    grid-column: 13/23;
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:1340px) {
    .home-template__hero-slide-content {
        grid-column: 12/24
    }
}

@media only screen and (max-width:950px) {
    .home-template__hero-slide-content {
        grid-column: 2/10;
        grid-row: 1
    }
}

.home-template__hero-slide-content .title {
    margin: 0 0 35px
}

@media only screen and (max-width:650px) {
    .home-template__hero-slide-content .title {
        margin: 0 0 10px
    }
}

.home-template__hero-slide-content .subtitle {
    margin: 0 0 45px
}

@media only screen and (max-width:650px) {
    .home-template__hero-slide-content .subtitle {
        margin: 0 0 40px
    }
}

.home-template__hero-slide-content .button-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px
}

.home-template__hero-slide-content .button-container .btn-block {
    width: -moz-max-content;
    width: max-content
}

@media only screen and (max-width:650px) {
    .home-template__hero-slide-content .button-container {
        gap: 20px
    }
}

.home-template__banner-intro {
    margin: 87.5px 0 0;
    padding: 0 0 87.5px
}

@media only screen and (max-width:650px) {
    .home-template__banner-intro {
        margin: 45px 0 0;
        padding: 0 0 45px
    }
}

.home-template__banner-middle {
    margin: 87.5px 0 0;
    padding: 0 0 87.5px
}

@media only screen and (max-width:650px) {
    .home-template__banner-middle {
        margin: 45px 0 0;
        padding: 0 0 45px
    }
}

.home-template__solutions {
    margin: 87.5px 0 0;
    padding: 0 0 87.5px
}

@media only screen and (max-width:650px) {
    .home-template__solutions {
        margin: 45px 0 0;
        padding: 0 0 45px
    }
}

.home-template__solutions-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

.home-template__solutions-title .title {
    width: 100%
}

@media only screen and (max-width:950px) {
    .home-template__solutions-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .home-template__solutions-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.home-template__solutions-description {
    grid-column: 13/25;
    grid-row: 1
}

.home-template__solutions-description .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .home-template__solutions-description .button-container--mobile {
        display: block
    }
}

@media only screen and (max-width:950px) {
    .home-template__solutions-description {
        grid-column: 1/11;
        grid-row: 2
    }
}

.home-template__solutions-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .home-template__solutions-blocks {
        width: auto
    }
}

.home-template__solutions-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.home-template__solutions-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.home-template__solutions-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.home-template__solutions-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.home-template__solutions-blocks.active {
    cursor: grabbing
}

.home-template__solutions-blocks-aux {
    grid-column: 1/25;
    margin: 100px 0 0;
    width: 100%
}

@media only screen and (max-width:950px) {
    .home-template__solutions-blocks-aux {
        grid-row: 3;
        grid-column: 1/11;
        margin: 50px 0 0
    }
}

.home-template__solutions-blocks .home-template__solutions-block:last-child {
    margin-right: 0
}

.home-template__solutions-block {
    width: 298px;
    min-width: 298px;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    flex-grow: 1
}

@media only screen and (min-width:1441px) {
    .home-template__solutions-block {
        width: calc(25% - 18px)
    }
}

@media only screen and (max-width:950px) {
    .home-template__solutions-block {
        max-width: 100%;
        width: 242px;
        min-width: 242px
    }
}

@media only screen and (max-width:650px) {
    .home-template__solutions-block {
        border-radius: 15px
    }
}

.home-template__solutions-block--btn {
    width: -moz-max-content;
    width: max-content;
    justify-content: flex-start;
    align-items: center;
    min-width: -moz-max-content;
    min-width: max-content
}

.home-template__solutions-block--btn .btn,
.home-template__solutions-block--btn .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .home-template__solutions-block--btn input.button-primary {
    height: -moz-max-content;
    height: max-content
}

.home-template__solutions-block.active .hover-container,
.home-template__solutions-block:hover .hover-container {
    opacity: 1;
    z-index: 4
}

.home-template__solutions-block .image-container {
    width: 100%;
    padding-top: 126.6666666667%
}

.home-template__solutions-block .image-container .image {
    z-index: 1
}

.home-template__solutions-block .image-container .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .012) 8.1%, rgb(0 0 0 / .046) 15.8%, rgb(0 0 0 / .098) 23%, rgb(0 0 0 / .166) 29.8%, rgb(0 0 0 / .246) 36.4%, rgb(0 0 0 / .335) 42.7%, rgb(0 0 0 / .429) 48.8%, rgb(0 0 0 / .526) 54.9%, rgb(0 0 0 / .622) 60.9%, rgb(0 0 0 / .714) 67%, rgb(0 0 0 / .799) 73.1%, rgb(0 0 0 / .873) 79.4%, rgb(0 0 0 / .933) 86%, rgb(0 0 0 / .977) 92.8%, #000)
}

.home-template__solutions-block .image-container .title-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 35px;
    display: flex;
    white-space: normal
}

.home-template__solutions-block .hover-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-height: calc(100% - 25px);
    overflow-y: auto;
    background-color: #1d1d20;
    color: #fff;
    transition: opacity .15s ease-in-out;
    white-space: normal
}

.home-template__solutions-block .hover-container::-webkit-scrollbar {
    width: 1px
}

.home-template__solutions-block .hover-container::-webkit-scrollbar-track {
    background: #fff0
}

.home-template__solutions-block .hover-container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
    width: 1px;
    height: 5%
}

.home-template__solutions-block .hover-container::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.home-template__solutions-block .hover-container .subtitle {
    margin: 0 0 15px
}

.home-template__solutions-block .hover-container .button-container {
    margin: 15px 0
}

.home-template__trading {
    margin: 87.5px 0 0;
    padding: 0 0 87.5px
}

@media only screen and (max-width:650px) {
    .home-template__trading {
        margin: 45px 0 0;
        padding: 0 0 45px
    }
}

.home-template__trading-content {
    grid-column: 1/12;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

@media only screen and (max-width:950px) {
    .home-template__trading-content {
        grid-column: 1/11;
        align-content: flex-start
    }
}

.home-template__trading-content-description {
    width: 100%
}

.home-template__trading-content-description .title {
    margin: 0 0 30px
}

@media only screen and (max-width:650px) {
    .home-template__trading-content-description .title {
        margin: 0 0 20px
    }
}

.home-template__trading-content-description .content {
    margin: 0 0 40px
}

@media only screen and (max-width:650px) {
    .home-template__trading-content-description .content {
        margin: 0 0 20px
    }
}

.home-template__trading-content-image {
    width: 100%;
    margin: 60px 0 0
}

@media only screen and (max-width:950px) {
    .home-template__trading-content-image {
        margin: 60px 0
    }
}

.home-template__trading-content-image .image-container {
    border-radius: 24px
}

@media only screen and (max-width:650px) {
    .home-template__trading-content-image .image-container {
        border-radius: 15px
    }
}

.home-template__trading-blocks {
    grid-column: 13/25;
    display: flex;
    flex-direction: column;
    row-gap: 15px
}

@media only screen and (max-width:950px) {
    .home-template__trading-blocks {
        grid-column: 1/11;
        row-gap: 10px
    }
}

.home-template__trading-block {
    width: 100%;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 40px 30px;
    overflow: hidden;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .home-template__trading-block {
        border-radius: 15px
    }
}

.home-template__trading-block .title {
    display: flex;
    align-items: flex-end;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin: 0 0 10px
}

.home-template__trading-block .title .image {
    width: 40px
}

@media only screen and (max-width:650px) {
    .home-template__trading-block .title .image {
        width: 30px
    }
}

.home-template__video {
    margin: 87.5px 0 0;
    background-color: #000;
    box-sizing: border-box;
    padding: 110px 0
}

@media only screen and (max-width:650px) {
    .home-template__video {
        margin: 45px 0
    }
}

.home-template__video-src {
    grid-column: 1/20;
    width: 100%
}

.home-template__video-src .video-container {
    border-radius: 24px;
    overflow: hidden;
    min-height: 100%;
    height: 80vh
}

@media only screen and (max-width:950px) {
    .home-template__video-src .video-container {
        height: 0;
        min-height: 0;
        padding-top: 56.4%
    }
}

@media only screen and (max-width:950px) {
    .home-template__video-src {
        grid-column: 1/11
    }
}

.home-template__video-blocks {
    grid-column: 20/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px
}

@media only screen and (max-width:950px) {
    .home-template__video-blocks {
        grid-column: 1/11;
        margin: 15px 0 0
    }
}

@media only screen and (max-width:650px) {
    .home-template__video-blocks {
        row-gap: 10px;
        margin: 10px 0 0
    }
}

.home-template__video-block {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background-color: #1d1d20;
    color: #fff;
    box-sizing: border-box;
    padding: 40px 20px;
    text-align: center;
    min-height: 228px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .home-template__video-block {
        min-height: 67px;
        padding: 10px 20px;
        gap: 0
    }
}

@media only screen and (max-width:650px) {
    .home-template__video-block {
        border-radius: 15px
    }
}

.home-template__video-block .title {
    margin: 0 0 5px
}

@media only screen and (max-width:650px) {
    .home-template__video-block .title {
        margin: 0
    }
}

.home-template__video-hero {
    width: 100%;
    margin: 87.5px 0 0;
    padding: 87.5px 0
}

@media only screen and (max-width:650px) {
    .home-template__video-hero {
        margin: 45px 0 0;
        padding: 45px 0
    }
}

.home-template__video-hero-src {
    width: 100%
}

.home-template__video-hero-src .video-container {
    border-radius: 24px;
    overflow: hidden;
    height: 0;
    min-height: 0;
    padding-top: 56.4%
}

.home-template__video-hero-src .button-container {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 7;
    bottom: 50px;
    right: 50px
}

@media only screen and (max-width:950px) {
    .home-template__video-hero-src .button-container {
        right: 30px;
        bottom: 30px
    }
}

@media only screen and (max-width:650px) {
    .home-template__video-hero-src .button-container--desktop {
        display: none
    }
}

.home-template__video-hero-src .button-container--mobile {
    display: none;
    position: static;
    width: 100%;
    margin: 30px 0 0
}

@media only screen and (max-width:650px) {
    .home-template__video-hero-src .button-container--mobile {
        display: block
    }
}

.home-template__services {
    margin: 0 0 87.5px;
    background-color: #f4f5f8;
    box-sizing: border-box;
    padding: 110px 0
}

@media only screen and (max-width:650px) {
    .home-template__services {
        margin: 45px 0;
        padding: 60px 0
    }
}

.home-template__services-title {
    grid-column: 4/22;
    text-align: center;
    margin: 0 0 40px
}

.home-template__services-title .title {
    margin: 0 0 10px
}

@media only screen and (max-width:950px) {
    .home-template__services-title .title {
        margin: 0 0 20px
    }
}

@media only screen and (max-width:950px) {
    .home-template__services-title {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.home-template__services-levels {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .home-template__services-levels {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-bottom .btn,
.home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-upper:before,
.login-container #loginform-custom .login-submit .home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-bottom input.button-primary {
    background-color: #dedddf
}

.home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-bottom .btn:hover,
.home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.login-container #loginform-custom .login-submit .home-template__services-levels .home-template__services-levels-block:first-child .home-template__services-levels-block-bottom input.button-primary:hover {
    background-color: #8c8c8c
}

.home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-bottom .btn,
.home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-upper:before,
.login-container #loginform-custom .login-submit .home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-bottom input.button-primary {
    background-color: #b5b5b5
}

.home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-bottom .btn:hover,
.home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-bottom .btn,
.home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-upper:before,
.login-container #loginform-custom .login-submit .home-template__services-levels .home-template__services-levels-block:nth-child(2) .home-template__services-levels-block-bottom input.button-primary:hover,
.login-container #loginform-custom .login-submit .home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-bottom input.button-primary {
    background-color: #8c8c8c
}

.home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-bottom .btn:hover,
.home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.login-container #loginform-custom .login-submit .home-template__services-levels .home-template__services-levels-block:nth-child(3) .home-template__services-levels-block-bottom input.button-primary:hover {
    background-color: #727272
}

.home-template__services-levels-block {
    width: calc(33.33333% - 13.33333px);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    background-color: #fff;
    padding: 0 0 45px
}

@media only screen and (max-width:1100px) {
    .home-template__services-levels-block {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:950px) {
    .home-template__services-levels-block {
        width: 100%
    }
}

@media only screen and (max-width:650px) {
    .home-template__services-levels-block {
        border-radius: 15px;
        padding: 0 0 40px
    }
}

.home-template__services-levels-block-upper {
    width: 100%;
    position: relative;
    padding: 75px 30px 0;
    box-sizing: border-box
}

.home-template__services-levels-block-upper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px
}

@media only screen and (max-width:650px) {
    .home-template__services-levels-block-upper:before {
        height: 20px
    }
}

@media only screen and (max-width:650px) {
    .home-template__services-levels-block-upper {
        padding: 40px 20px 0
    }
}

.home-template__services-levels-block-upper .home-template__services-levels-block-upper-blocks:not(:last-child) {
    margin: 0 0 30px
}

@media only screen and (max-width:650px) {
    .home-template__services-levels-block-upper .home-template__services-levels-block-upper-blocks:not(:last-child) {
        margin: 0 0 20px
    }
}

.home-template__services-levels-block-upper-heading {
    width: 100%;
    margin: 0 0 20px
}

.home-template__services-levels-block-upper-heading .price {
    margin: 0 0 20px;
    color: #8c8c8c
}

@media only screen and (max-width:950px) {
    .home-template__services-levels-block-upper-heading .price {
        margin: 0
    }
}

@media only screen and (max-width:950px) {
    .home-template__services-levels-block-upper-heading {
        margin: 0 0 30px
    }
    .home-template__services-levels-block-upper-heading .mobile-aux {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.home-template__services-levels-block-upper-blocks {
    width: 100%;
    display: flex;
    flex-direction: column
}

.home-template__services-levels-block-upper-blocks .title {
    width: 100%;
    padding: 0 0 .3em;
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .home-template__services-levels-block-upper-blocks .title {
        font-size: 18px;
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        padding: 0 0 .15em
    }
    .home-template__services-levels-block-upper-blocks .title .dropdown {
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease-in-out;
        transform: rotate(0)
    }
}

.home-template__services-levels-block-upper-blocks .title.active .dropdown {
    transform: rotate(180deg)
}

.home-template__services-levels-block-upper-blocks .content ul li:before {
    background-color: #000
}

@media only screen and (max-width:950px) {
    .home-template__services-levels-block-upper-blocks .content {
        display: none;
        font-size: 18px
    }
}

.home-template__services-levels-block-bottom {
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box;
    padding: 0 30px
}

.home-template__services-levels-block-bottom .btn,
.home-template__services-levels-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .home-template__services-levels-block-bottom input.button-primary {
    width: 100%
}

.home-template__services-featured {
    grid-column: 1/25;
    margin: 20px 0 0;
    background-color: #1d1d20;
    color: #fff;
    border-radius: 24px;
    padding: 50px 30px;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .home-template__services-featured {
        grid-column: 1/11;
        margin: 0
    }
}

@media only screen and (max-width:650px) {
    .home-template__services-featured {
        border-radius: 15px
    }
}

.home-template__services-featured-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch
}

.home-template__services-featured-title-bottom {
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box
}

.home-template__services-featured-title-bottom .btn,
.home-template__services-featured-title-bottom .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .home-template__services-featured-title-bottom input.button-primary {
    width: 100%
}

@media only screen and (max-width:950px) {
    .home-template__services-featured-title-bottom--desktop {
        display: none
    }
}

.home-template__services-featured-title-bottom--mobile {
    display: none
}

@media only screen and (max-width:950px) {
    .home-template__services-featured-title-bottom--mobile {
        display: block
    }
}

.home-template__services-featured-blocks {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 70px;
    column-gap: 70px;
    row-gap: 30px
}

@media only screen and (max-width:950px) {
    .home-template__services-featured-blocks {
        grid-template-columns: 1fr
    }
}

.home-template__services-featured-blocks-info {
    width: 100%;
    display: flex;
    flex-direction: column
}

.home-template__services-featured-blocks-info .title {
    width: 100%;
    padding: 0 0 .3em;
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .home-template__services-featured-blocks-info .title {
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        padding: 0 0 .15em;
        font-size: 18px
    }
    .home-template__services-featured-blocks-info .title .dropdown {
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease-in-out;
        transform: rotate(0)
    }
}

.home-template__services-featured-blocks-info .title.active .dropdown {
    transform: rotate(180deg)
}

.home-template__services-featured-blocks-info .content ul li:before {
    background-color: #fff
}

@media only screen and (max-width:950px) {
    .home-template__services-featured-blocks-info .content {
        display: none;
        font-size: 18px
    }
}

.home-template__media {
    margin: 87.5px 0 0;
    padding: 87.5px 0
}

@media only screen and (max-width:650px) {
    .home-template__media {
        margin: 45px 0 0;
        padding: 45px 0
    }
}

.home-template__media-title {
    grid-column: 1/8;
    grid-row: 1
}

.home-template__media-title .title {
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .home-template__media-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .home-template__media-title {
        grid-column: 1/11
    }
}

.home-template__media-description {
    grid-column: 15/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .home-template__media-description {
        grid-column: 1/11;
        grid-row: 2
    }
}

.home-template__media-description .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .home-template__media-description .button-container--mobile {
        display: block
    }
}

.home-template__media-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:650px) {
    .home-template__media-blocks {
        width: auto
    }
}

.home-template__media-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.home-template__media-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.home-template__media-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.home-template__media-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.home-template__media-blocks.active {
    cursor: grabbing
}

.home-template__media-blocks-aux {
    grid-column: 1/25;
    margin: 100px 0 0;
    width: 100%
}

@media only screen and (max-width:950px) {
    .home-template__media-blocks-aux {
        grid-row: 5;
        grid-column: 1/11;
        margin: 60px 0 0
    }
}

.home-template__media-blocks .home-template__media-block:last-child {
    margin-right: 0
}

.home-template__media-block {
    width: 298px;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px
}

@media only screen and (min-width:1441px) {
    .home-template__media-block {
        width: calc(25% - 18px)
    }
}

@media only screen and (max-width:950px) {
    .home-template__media-block {
        max-width: 100%;
        width: 242px
    }
}

@media only screen and (max-width:650px) {
    .home-template__media-block {
        border-radius: 15px
    }
}

.home-template__media-block .image-container {
    width: 100%;
    padding-top: 126.6666666667%
}

.home-template__media-block .image-container .image {
    z-index: 1
}

.home-template__media-block .image-container .mask {
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000 0, rgb(0 0 0 / .993) 8.3%, rgb(0 0 0 / .971) 16.4%, rgb(0 0 0 / .937) 24.3%, rgb(0 0 0 / .892) 32%, rgb(0 0 0 / .836) 39.5%, rgb(0 0 0 / .772) 46.7%, rgb(0 0 0 / .7) 53.7%, rgb(0 0 0 / .621) 60.5%, rgb(0 0 0 / .538) 67%, rgb(0 0 0 / .45) 73.2%, rgb(0 0 0 / .36) 79.1%, rgb(0 0 0 / .269) 84.8%, rgb(0 0 0 / .178) 90.2%, rgb(0 0 0 / .088) 95.2%, transparent)
}

.home-template__media-block .image-container .title-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 35px;
    white-space: normal
}

.home-template__media-block .image-container .title-container .cat {
    padding: 0 0 .3em;
    border-bottom: 1px solid #fff;
    margin: 0 0 20px
}

.home-template__partners {
    margin: 87.5px 0 0;
    padding: 0 0 110px
}

@media only screen and (max-width:650px) {
    .home-template__partners {
        margin: 45px 0 0;
        padding: 0 0 90px
    }
}

.home-template__partners-container {
    width: 100%;
    box-sizing: border-box;
    padding: 70px 0;
    background-color: #1d1d20;
    color: #fff;
    border-radius: 24px
}

@media only screen and (max-width:650px) {
    .home-template__partners-container {
        padding: 60px 0 40px;
        border-radius: 15px
    }
}

.home-template__partners-title {
    grid-column: 5/21;
    width: 100%;
    text-align: center;
    margin: 0 0 50px
}

@media only screen and (max-width:1340px) {
    .home-template__partners-title {
        grid-column: 4/22
    }
}

@media only screen and (max-width:1100px) {
    .home-template__partners-title {
        grid-column: 3/23
    }
}

@media only screen and (max-width:950px) {
    .home-template__partners-title {
        grid-column: 2/10
    }
}

@media only screen and (max-width:650px) {
    .home-template__partners-title {
        margin: 0 0 40px
    }
}

.home-template__partners-logos {
    grid-column: 2/24;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 30px
}

.home-template__partners-logos .logo {
    height: 55px;
    max-width: 100%
}

@media only screen and (max-width:650px) {
    .home-template__partners-logos .logo {
        height: 60px
    }
}

@media only screen and (max-width:1100px) {
    .home-template__partners-logos {
        grid-column: 1/25
    }
}

@media only screen and (max-width:950px) {
    .home-template__partners-logos {
        grid-column: 2/10;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 20px
    }
}

@media only screen and (max-width:650px) {
    .home-template__partners-logos {
        flex-direction: column
    }
}

.calc {
    width: 100%;
    max-width: 1310px;
    margin: 0 auto;
    padding: 100px 20px
}

.calc__meta {
    width: 100%;
    text-align: center;
    margin-bottom: 70px
}

.calc__meta--ttl {
    line-height: 1;
    margin-bottom: 18px
}

.calc__meta--btn {
    margin: 18px 0 0;
    display: flex;
    justify-content: center
}

.calc--body {
    width: 100%;
    flex-wrap: wrap
}

.calc--body,
.calc__controls {
    display: flex;
    justify-content: space-between
}

.calc__controls {
    width: 270px;
    flex-direction: column
}

@media only screen and (min-width:950px) {
    .calc__controls {
        display: flex !important
    }
}

@media only screen and (max-width:950px) {
    .calc__controls {
        width: 100%
    }
}

.calc__controls--field {
    width: 100%;
    position: relative
}

@media only screen and (max-width:950px) {
    .calc__controls--field {
        margin-bottom: 30px
    }
}

.calc__controls--label {
    color: #54565a;
    font-size: 19.5px;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: 10px
}

.calc__controls--input {
    position: relative
}

.calc__controls--input.mxn.active input {
    padding: 9px 55px 11px 30px;
    font-size: 17px
}

.calc__controls--input.mxn.active:after {
    content: "MXN";
    color: #54565a;
    right: 15px;
    bottom: 9px;
    position: absolute;
    font-size: 17px;
    transition: all .3s ease
}

.calc__controls--input.mxn.active:before {
    content: "$";
    color: #54565a;
    left: 15px;
    bottom: 10px;
    position: absolute;
    font-size: 17px;
    transition: all .3s ease
}

.calc__controls--input.percent.active input {
    padding: 9px 15px 11px;
    font-size: 17px
}

.calc__controls--input.percent.active:after {
    content: "%";
    width: 20px;
    color: #54565a;
    right: 15px;
    bottom: 9px;
    position: absolute;
    font-size: 17px;
    transition: all .3s ease;
    background-color: #fff
}

.calc__controls--input input {
    width: 100%;
    color: #54565a;
    height: 45px;
    border: 1px solid #727272;
    display: block;
    padding: 9px 5px 11px 15px;
    font-size: 15px;
    border-radius: 25px
}

.calc__controls--input input::-moz-placeholder {
    color: #54565a;
    font-size: 13.5px
}

.calc__controls--input input::placeholder {
    color: #54565a;
    font-size: 13.5px
}

.calc__controls--tags {
    margin: 12px 0 10px;
    font-size: 0
}

.calc__controls--tags span {
    color: #8c8c8c;
    cursor: pointer;
    border: 1px solid #8c8c8c;
    padding: 5px 10px;
    display: inline-block;
    font-size: 15px;
    transition: all .15s;
    line-height: 1;
    margin-right: 9px;
    border-radius: 15px
}

.calc__controls--tags span.active {
    color: #fff;
    border: 1px solid #424ee0;
    background-color: #424ee0
}

.calc__controls--select {
    position: relative
}

.calc__controls--select:after {
    content: "";
    top: 50%;
    right: 15px;
    width: 20px;
    height: 10px;
    display: block;
    z-index: 1;
    position: absolute;
    transform: translateY(-50%);
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.calc__controls--select select {
    width: 100%;
    color: #54565a;
    border: 1px solid #727272;
    z-index: 2;
    display: block;
    padding: 9px 30px 11px 20px;
    position: relative;
    font-size: 17px;
    border-radius: 25px;
    background-color: #fff0
}

.calc__controls--btn {
    width: 100%;
    line-height: 1
}

@media only screen and (max-width:950px) {
    .calc__controls--btn {
        margin-top: 30px
    }
}

.calc__controls--btn span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.calc__controls--slider {
    width: calc(100% - 10px);
    height: 1px !important;
    border: 0 !important;
    margin-top: 25px;
    background-color: #adadad !important
}

.calc__controls--slider:before {
    left: 0
}

.calc__controls--slider:after,
.calc__controls--slider:before {
    content: "";
    top: 0;
    width: 11px;
    height: 11px;
    position: absolute;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #dedede
}

.calc__controls--slider:after {
    left: 100%
}

.calc__controls--slider .ui-slider-handle {
    top: 0 !important;
    width: 21px !important;
    height: 21px !important;
    border: 0 !important;
    outline: none !important;
    transform: translate(5px, -50%);
    border-radius: 50%;
    background-color: #424ee0 !important
}

.calc__controls--slider .ui-slider-handle span {
    top: calc(100% + 1px);
    left: 50%;
    color: #000;
    padding: 2px;
    position: absolute;
    font-size: 20px;
    transform: translateX(-50%);
    background-color: #fff
}

.calc__controls--range {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between
}

.calc__controls--range span {
    color: #54565a;
    font-size: 13px;
    line-height: 1
}

.calc__graph {
    width: calc(100% - 315px);
    padding: 25px 25px 40px;
    border-radius: 24px;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .calc__graph {
        width: 100%;
        padding: 0;
        background-color: #fff
    }
}

@media only screen and (min-width:950px) {
    .calc__graph {
        display: block !important
    }
}

.calc__graph--header {
    width: 100%;
    max-width: 780px;
    margin: 0 auto 35px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:950px) {
    .calc__graph--header {
        max-width: 100%
    }
}

@media only screen and (max-width:480px) {
    .calc__graph--header {
        flex-wrap: wrap
    }
}

.calc__graph--txt {
    color: #54565a;
    margin: auto auto auto 0;
    font-size: 19.5px;
    line-height: 1;
    align-items: flex-start
}

@media only screen and (max-width:1100px) {
    .calc__graph--txt {
        padding-right: 30px
    }
}

@media only screen and (max-width:480px) {
    .calc__graph--txt {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px
    }
}

.calc__graph--result {
    color: #424ee0;
    border: 1px solid #424ee0;
    padding: 15px 30px;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap;
    border-radius: 30px
}

@media only screen and (max-width:1100px) {
    .calc__graph--result {
        font-size: 24px;
        padding: 12px 25px
    }
}

.calc__graph--display {
    width: 100%;
    display: flex;
    font-size: 0;
    flex-wrap: wrap
}

@media only screen and (max-width:950px) {
    .calc__graph--display {
        padding: 30px 25px 25px 15px;
        border-radius: 15px 15px 0 0;
        background-color: #f4f5f8
    }
}

@media only screen and (max-width:650px) {
    .calc__graph--display {
        padding: 30px 15px 25px
    }
}

.calc__graph--y {
    width: 40px;
    height: 370px;
    display: flex;
    margin-right: 10px;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (max-width:950px) {
    .calc__graph--y {
        height: 250px
    }
}

.calc__graph--y span {
    color: #434343;
    position: relative;
    font-size: 15px;
    text-align: right;
    line-height: 1
}

.calc__graph--y span:first-child {
    top: -5px
}

.calc__graph--columns {
    width: calc(100% - 50px);
    height: 370px;
    display: flex;
    padding: 0 30px;
    justify-content: space-around;
    background-image: url(../../themes/gbm-theme/images/svg/graph_background.svg);
    background-repeat: repeat-x;
    background-position: 0 100%
}

@media only screen and (max-width:1100px) {
    .calc__graph--columns {
        padding: 0 15px
    }
}

@media only screen and (max-width:950px) {
    .calc__graph--columns {
        height: 250px;
        background-size: contain
    }
}

@media only screen and (max-width:480px) {
    .calc__graph--columns {
        padding-right: 5px
    }
}

.calc__graph--col {
    width: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media only screen and (max-width:1100px) {
    .calc__graph--col {
        width: 10px
    }
}

@media only screen and (max-width:480px) {
    .calc__graph--col {
        width: 8px
    }
}

.calc__graph--col.thin {
    width: 12px
}

@media only screen and (max-width:1100px) {
    .calc__graph--col.thin {
        width: 8px
    }
}

@media only screen and (max-width:1100px) {
    .calc__graph--col.thin:nth-child(2n):not(:last-child) {
        display: none
    }
}

.calc__graph--col.active span {
    max-height: 320px
}

.calc__graph--col span {
    width: 100%;
    max-height: 0;
    transition: all 1s ease
}

.calc__graph--col span:first-child {
    background-color: #424ee0
}

.calc__graph--col span:nth-child(2) {
    background-color: #8f95f0
}

.calc__graph--col span:nth-child(3) {
    background-color: #ced0f8
}

.calc__graph--x {
    width: 100%;
    display: flex;
    padding: 0 30px 0 80px;
    margin-top: 20px;
    justify-content: space-around
}

@media only screen and (max-width:1100px) {
    .calc__graph--x {
        padding: 0 15px 0 65px
    }
}

@media only screen and (max-width:950px) {
    .calc__graph--x {
        margin-top: 5px
    }
}

@media only screen and (max-width:480px) {
    .calc__graph--x {
        padding-right: 5px
    }
}

.calc__graph--x span {
    width: 20px;
    color: #434343;
    opacity: 0;
    font-size: 15px;
    text-align: center;
    transition: all .3s ease
}

@media only screen and (max-width:1100px) {
    .calc__graph--x span {
        width: 10px
    }
}

@media only screen and (max-width:480px) {
    .calc__graph--x span {
        width: 8px;
        font-size: 12px
    }
}

.calc__graph--x span.active {
    opacity: 1
}

.calc__graph--x span.thin {
    width: 12px
}

@media only screen and (max-width:1100px) {
    .calc__graph--x span.thin {
        width: 8px
    }
}

@media only screen and (max-width:1100px) {
    .calc__graph--x span.thin:nth-child(2n):not(:last-child) {
        display: none
    }
}

.calc__graph--footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
    padding-right: 35px;
    justify-content: space-between
}

@media only screen and (max-width:950px) {
    .calc__graph--footer {
        padding: 0 20px 20px;
        margin-top: 0;
        border-radius: 0 0 15px 15px;
        background-color: #f4f5f8
    }
}

.calc__graph--sub {
    color: #54565a;
    font-size: 15px;
    line-height: 1
}

@media only screen and (max-width:1100px) {
    .calc__graph--sub {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .calc__graph--sub {
        display: block
    }
}

@media only screen and (max-width:650px) {
    .calc__graph--sub {
        display: none
    }
}

.calc__graph--label {
    color: #54565a;
    font-size: 15px;
    line-height: 1
}

@media only screen and (max-width:650px) {
    .calc__graph--label {
        width: 80px;
        position: relative;
        padding-left: 18px
    }
}

.calc__graph--label:before {
    content: "";
    top: 2px;
    width: 20px;
    height: 15px;
    display: inline-block;
    position: relative;
    margin-right: 14px;
    border-radius: 20px
}

@media only screen and (max-width:650px) {
    .calc__graph--label:before {
        top: 2px;
        left: 0;
        width: 11px;
        height: 11px;
        position: absolute
    }
}

.calc__graph--label:nth-child(2):before {
    background-color: #ced0f8
}

.calc__graph--label:nth-child(3):before {
    background-color: #8f95f0
}

.calc__graph--label:nth-child(4):before {
    background-color: #424ee0
}

.calc__graph--btn {
    width: 100%;
    line-height: 1;
    margin-top: 30px
}

@media only screen and (min-width:950px) {
    .calc__graph--btn {
        display: none
    }
}

.calc__graph--btn span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.calc .hide-mobile {
    transition: all .3s ease
}

@media only screen and (max-width:950px) {
    .calc .hide-mobile {
        display: none;
        max-height: 0
    }
}

.calc .show-mobile {
    transition: all .3s ease
}

@media only screen and (max-width:950px) {
    .calc .show-mobile {
        max-height: 500px
    }
}

.home-template__inversions {
    margin: 87.5px 0 0;
    padding: 0 0 87.5px
}

@media only screen and (max-width:650px) {
    .home-template__inversions {
        margin: 45px 0 0;
        padding: 0 0 45px
    }
}

.home-template__inversions-wrapper {
    padding: 100px 0;
    box-sizing: border-box;
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .home-template__inversions-wrapper {
        padding: 60px 0
    }
}

.home-template__inversions-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

.home-template__inversions-title .title {
    width: 100%
}

@media only screen and (max-width:950px) {
    .home-template__inversions-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.home-template__inversions-description {
    grid-column: 13/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .home-template__inversions-description {
        grid-column: 1/11;
        grid-row: 2
    }
}

.home-template__inversions-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:650px) {
    .home-template__inversions-blocks {
        width: auto
    }
}

.home-template__inversions-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.home-template__inversions-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.home-template__inversions-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.home-template__inversions-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.home-template__inversions-blocks.active {
    cursor: grabbing
}

.home-template__inversions-blocks-aux {
    grid-column: 1/25;
    margin: 40px 0 0;
    width: 100%
}

@media only screen and (max-width:950px) {
    .home-template__inversions-blocks-aux {
        grid-row: 3;
        grid-column: 1/11
    }
}

.home-template__inversions-blocks .home-template__solutions-block:last-child {
    margin-right: 0
}

.home-template__inversions-block {
    width: 568px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (max-width:1200px) {
    .home-template__inversions-block {
        max-width: 100%;
        min-width: 568px
    }
}

@media only screen and (max-width:650px) {
    .home-template__inversions-block {
        border-radius: 15px;
        min-width: 100%
    }
}

.home-template__inversions-block .image-container {
    width: 100%;
    padding-top: 63.1578947368%;
    max-height: 360px
}

.home-template__inversions-block .image-container .image {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

@media only screen and (max-width:650px) {
    .home-template__inversions-block .image-container {
        padding-top: 56.25%
    }
}

.home-template__inversions-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 30px;
    flex-grow: 1;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.home-template__inversions-block .data-container .title {
    width: 100%;
    margin: 0 0 10px;
    white-space: normal
}

.home-template__inversions-block .data-container .content {
    white-space: normal;
    width: 100%
}

@media only screen and (max-width:650px) {
    .home-template__inversions-block .data-container {
        padding: 20px 30px
    }
}

.advisory-template {
    padding: 85px 0 0
}

.advisory-template__hero {
    margin: 0 0 55px
}

.advisory-template__banner {
    padding: 55px 0 0;
    margin: 0 0 55px
}

.advisory-template__banner .banner-module {
    min-height: 500px
}

.advisory-template__steps {
    width: 100%;
    padding: 55px 0 0;
    margin: 0 0 55px
}

.advisory-template__blog {
    width: 100%;
    padding: 110px 0 0;
    margin: 0 0 55px
}

.advisory-template__types {
    width: 100%;
    padding: 110px 0;
    margin: 110px 0 55px;
    background-color: #f4f5f8
}

.advisory-template__types--final {
    margin: 110px 0 0
}

@media only screen and (max-width:950px) {
    .advisory-template__types {
        padding: 60px 0
    }
}

.advisory-template__types-title {
    grid-column: 4/22;
    text-align: center;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .advisory-template__types-title {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.advisory-template__types-title .content {
    margin: 20px 0 0;
    text-align: center
}

.advisory-template__types-wrapper {
    width: calc(100% - 40px);
    max-width: 1360px;
    margin: 40px auto 0;
    background-color: #e8e7e9;
    border-radius: 24px;
    padding: 40px;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .advisory-template__types-wrapper {
        padding: 30px 10px 10px;
        border-radius: 17px
    }
}

.advisory-template__types-service {
    grid-column: 1/25;
    padding: 0 30px;
    margin: 0 0 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

@media only screen and (max-width:950px) {
    .advisory-template__types-service {
        grid-column: 1/11;
        padding: 0 20px;
        margin: 0 0 30px;
        border-radius: 17px;
        display: flex;
        flex-direction: column;
        gap: 0
    }
}

.advisory-template__types-service-title {
    width: 100%
}

.advisory-template__types-service-title .price {
    margin: 5px 0 0;
    color: #8c8c8c
}

.advisory-template__types-service-content {
    width: 100%
}

@media only screen and (max-width:950px) {
    .advisory-template__types-service-content {
        margin: 30px 0 0
    }
    .advisory-template__types-service-content .content {
        font-size: 18px
    }
}

.advisory-template__types-service-button {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.advisory-template__types-service-button .btn,
.advisory-template__types-service-button .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .advisory-template__types-service-button input.button-primary {
    width: 92%;
    height: -moz-max-content;
    height: max-content
}

@media only screen and (max-width:950px) {
    .advisory-template__types-service-button .btn,
    .advisory-template__types-service-button .login-container #loginform-custom .login-submit input.button-primary,
    .login-container #loginform-custom .login-submit .advisory-template__types-service-button input.button-primary {
        width: 100%
    }
}

@media only screen and (max-width:950px) {
    .advisory-template__types-service-button {
        margin: 30px 0 0
    }
}

.advisory-template__types-blocks {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .advisory-template__types-blocks {
        grid-column: 1/11;
        margin: 0
    }
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-bottom .btn,
.advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-upper:before,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-bottom input.button-primary {
    background-color: #d0cfcf
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-bottom .btn:hover,
.advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-bottom .btn,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-upper:before,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:first-child .advisory-template__types-blocks-block-bottom input.button-primary:hover,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-bottom input.button-primary {
    background-color: #8c8c8c
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-bottom .btn:hover,
.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(2) .advisory-template__types-blocks-block-bottom input.button-primary:hover {
    background-color: #727272
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) {
    background-color: #1d1d20
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-upper-heading {
    border-bottom: 1px solid #727272
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-upper-heading .title {
    color: #fff
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-upper-list .title {
    border-bottom: 1px solid #727272;
    color: #fff
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-upper-list .content {
    color: #fff
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-upper-list .content ul li:before {
    background-color: #fff
}

.advisory-template__types-blocks .advisory-template__types-blocks-block:nth-child(3) .advisory-template__types-blocks-block-upper:before {
    background-color: #000
}

.advisory-template__types-blocks-block {
    width: calc(33.33333% - 13.33333px);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    background-color: #fff;
    padding: 0 0 45px
}

@media only screen and (max-width:1100px) {
    .advisory-template__types-blocks-block {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:950px) {
    .advisory-template__types-blocks-block {
        width: 100%
    }
}

@media only screen and (max-width:650px) {
    .advisory-template__types-blocks-block {
        border-radius: 15px;
        padding: 0 0 40px
    }
}

.advisory-template__types-blocks-block-upper {
    width: 100%;
    position: relative;
    padding: 75px 30px 0;
    box-sizing: border-box
}

.advisory-template__types-blocks-block-upper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px
}

@media only screen and (max-width:650px) {
    .advisory-template__types-blocks-block-upper:before {
        height: 20px
    }
}

@media only screen and (max-width:650px) {
    .advisory-template__types-blocks-block-upper {
        padding: 40px 20px 0
    }
}

.advisory-template__types-blocks-block-upper-heading {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #8c8c8c
}

.advisory-template__types-blocks-block-upper-heading .price {
    color: #8c8c8c;
    margin: 5px 0 0
}

@media only screen and (max-width:950px) {
    .advisory-template__types-blocks-block-upper-heading {
        margin: 0 0 30px;
        padding: 0;
        border-bottom: none
    }
}

.advisory-template__types-blocks-block-upper-list {
    width: 100%;
    display: flex;
    flex-direction: column
}

.advisory-template__types-blocks-block-upper-list .title {
    display: none;
    width: 100%;
    padding: 0 0 .3em;
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .advisory-template__types-blocks-block-upper-list .title {
        font-size: 18px;
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 .15em
    }
    .advisory-template__types-blocks-block-upper-list .title .dropdown {
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease-in-out;
        transform: rotate(0);
        background-position: 50%
    }
}

.advisory-template__types-blocks-block-upper-list .title.active .dropdown {
    transform: rotate(180deg)
}

.advisory-template__types-blocks-block-upper-list .content ul li:before {
    background-color: #000
}

.advisory-template__types-blocks-block-upper-list .content li:not(:last-child) {
    margin: 0 0 1em
}

@media only screen and (max-width:950px) {
    .advisory-template__types-blocks-block-upper-list .content {
        display: none;
        font-size: 18px
    }
}

.advisory-template__types-blocks-block-bottom {
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box;
    padding: 0 30px
}

.advisory-template__types-blocks-block-bottom .btn,
.advisory-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .advisory-template__types-blocks-block-bottom input.button-primary {
    width: 100%
}

.advisory-template__types-featured {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 20px;
    margin: 25px 0 0
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.advisory-template__types-featured-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch
}

.advisory-template__types-featured-title-bottom {
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box
}

.advisory-template__types-featured-title-bottom .btn,
.advisory-template__types-featured-title-bottom .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .advisory-template__types-featured-title-bottom input.button-primary {
    width: 100%
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-title-bottom--desktop {
        display: none
    }
}

.advisory-template__types-featured-title-bottom--mobile {
    display: none
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-title-bottom--mobile {
        display: block
    }
}

.advisory-template__types-featured-block {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background-color: #1d1d20;
    color: #fff;
    padding: 75px 30px 40px;
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 70px;
    column-gap: 70px
}

.advisory-template__types-featured-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #000
}

@media only screen and (max-width:650px) {
    .advisory-template__types-featured-block:before {
        height: 20px
    }
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block {
        width: 100%;
        display: flex;
        flex-direction: column
    }
}

@media only screen and (max-width:650px) {
    .advisory-template__types-featured-block {
        border-radius: 15px;
        padding: 40px 20px 30px
    }
}

.advisory-template__types-featured-block-upper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block-upper {
        display: block
    }
}

.advisory-template__types-featured-block-upper-heading {
    width: 100%;
    margin: 0 0 20px
}

.advisory-template__types-featured-block-upper-heading .price {
    color: #8c8c8c
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block-upper-heading {
        margin: 0 0 30px;
        padding: 0;
        border-bottom: none
    }
}

.advisory-template__types-featured-block-upper-list {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block-upper-list--desktop {
        display: none
    }
}

.advisory-template__types-featured-block-upper-list .title {
    display: none;
    width: 100%;
    padding: 0 0 .3em;
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block-upper-list .title {
        font-size: 18px;
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        padding: 0 0 .15em
    }
    .advisory-template__types-featured-block-upper-list .title .dropdown {
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease-in-out;
        transform: rotate(0)
    }
}

.advisory-template__types-featured-block-upper-list .title.active .dropdown {
    transform: rotate(180deg)
}

.advisory-template__types-featured-block-upper-list .content ul li:before {
    background-color: #fff
}

.advisory-template__types-featured-block-upper-list .content li:not(:last-child) {
    margin: 0 0 1em
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block-upper-list .content {
        display: none;
        font-size: 18px
    }
}

.advisory-template__types-featured-block-upper-list .content .mobile {
    display: none
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-block-upper-list .content .mobile {
        display: block;
        margin: 1em 0 0
    }
}

.advisory-template__types-featured-image {
    width: calc(33.33333% - 13.33333px)
}

@media only screen and (max-width:950px) {
    .advisory-template__types-featured-image {
        display: none
    }
}

.advisory-template__types-featured-image .image-container {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden
}

.advisory-blog-archive__featured-article {
    grid-column: 1/25
}

@media only screen and (max-width:950px) {
    .advisory-blog-archive__featured-article {
        grid-column: 1/13
    }
}

.advisory-blog-archive__featured-card {
    width: 100%;
    border-radius: 24px;
    background-color: #f4f5f8;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:950px) {
    .advisory-blog-archive__featured-card {
        border-radius: 15px;
        display: flex;
        flex-direction: column
    }
}

.advisory-blog-archive__featured-card .image-container {
    padding-top: 95.2380952381%
}

@media only screen and (max-width:950px) {
    .advisory-blog-archive__featured-card .image-container {
        padding-top: 60.7142857143%
    }
}

.advisory-blog-archive__featured-card .data-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 60px;
    box-sizing: border-box
}

@media only screen and (max-width:650px) {
    .advisory-blog-archive__featured-card .data-container {
        padding: 30px 20px
    }
}

.advisory-blog-archive__featured-card .data-container .title {
    margin: 0 0 20px
}

@media only screen and (max-width:650px) {
    .advisory-blog-archive__featured-card .data-container .title {
        margin: 0 0 10px
    }
}

.advisory-blog-archive__featured-card .data-container .metadata {
    margin: 0 0 20px;
    color: #8c8c8c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    white-space: normal
}

.advisory-blog-archive__featured-card .data-container .metadata p {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.advisory-blog-archive__featured-card .data-container .metadata p:not(:last-child):after {
    content: "-";
    padding: 0 .5em
}

@media only screen and (max-width:650px) {
    .advisory-blog-archive__featured-card .data-container .metadata {
        margin: 0 0 10p
    }
}

.advisory-form.wrapper {
    width: 100%;
    max-width: 1440px;
    padding: 85px 25px 0;
    margin: 0 auto
}

@media only screen and (max-width:650px) {
    .advisory-form.wrapper {
        max-width: 450px
    }
}

.advisory-form--meta {
    width: 66%;
    height: calc(100vh - 136px);
    display: flex;
    border-radius: 25px;
    flex-direction: column;
    justify-content: center;
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .advisory-form--meta {
        width: 100%;
        height: auto;
        padding-top: 60px;
        border-radius: 17px;
        padding-bottom: 60px
    }
}

.advisory-form--img {
    width: 32%;
    border-radius: 25px
}

@media only screen and (max-width:650px) {
    .advisory-form--img {
        width: 100%;
        margin-top: 20px;
        border-radius: 17px
    }
}

.advisory-form--img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.advisory-form--img img.desktop {
    height: calc(100vh - 136px);
    display: block;
    border-radius: 25px
}

@media only screen and (max-width:650px) {
    .advisory-form--img img.desktop {
        display: none
    }
}

.advisory-form--img img.mobile {
    width: 100%;
    height: auto;
    display: none;
    border-radius: 17px
}

@media only screen and (max-width:650px) {
    .advisory-form--img img.mobile {
        display: block
    }
}

.advisory-form__hero {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between
}

.advisory-form__hero--wrap {
    width: 80%;
    max-width: 510px;
    margin: 0 auto
}

@media only screen and (max-width:650px) {
    .advisory-form__hero--wrap {
        max-width: 250px
    }
}

.advisory-form__hero--ttl {
    margin-bottom: 40px
}

@media only screen and (max-width:650px) {
    .advisory-form__hero--ttl {
        margin-bottom: 25px
    }
}

.advisory-form__hero--sub {
    margin-bottom: 30px
}

@media only screen and (max-width:650px) {
    .advisory-form__hero--sub {
        margin-bottom: 20px
    }
}

.advisory-form__hero--txt {
    margin-bottom: 30px
}

@media only screen and (max-width:650px) {
    .advisory-form__hero--txt {
        margin-bottom: 20px
    }
}

.advisory-form__hero--btn {
    line-height: 1
}

.advisory-form__hero--btn span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.advisory-form__question {
    width: 100%;
    height: calc(100vh - 136px);
    display: flex;
    margin-bottom: 50px;
    border-radius: 25px;
    flex-direction: column;
    justify-content: center;
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .advisory-form__question {
        height: auto;
        padding-top: 60px;
        border-radius: 17px;
        padding-bottom: 60px
    }
}

.advisory-form__question--wrap {
    width: 80%;
    max-width: 800px;
    margin: 0 auto
}

.advisory-form__question--ttl {
    text-align: center;
    margin-bottom: 40px
}

@media only screen and (max-width:650px) {
    .advisory-form__question--ttl {
        text-align: left
    }
}

.advisory-form__option {
    width: 100%;
    cursor: pointer;
    border: 1px solid #fff;
    display: flex;
    padding: 10px 35px 12px;
    flex-wrap: wrap;
    transition: all .3s ease;
    margin-bottom: 16px;
    border-radius: 25px;
    background-color: #fff
}

@media only screen and (max-width:650px) {
    .advisory-form__option {
        padding: 10px 20px 12px
    }
}

.advisory-form__option:hover {
    border: 1px solid #8c8c8c
}

.advisory-form__option--input {
    top: 4px;
    width: 17px !important;
    height: 17px !important;
    border: 1px solid #54565a;
    margin: 0 30px 0 0;
    display: inline-block;
    outline: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: content-box;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #fff !important
}

@media only screen and (max-width:650px) {
    .advisory-form__option--input {
        top: 0;
        margin: auto 15px auto 0
    }
}

.advisory-form__option--input:checked {
    border: 1px solid #fff;
    background-size: 17px 17px;
    background-image: url(../../themes/gbm-theme/images/svg/input_check.svg)
}

.advisory-form__option--txt {
    width: calc(100% - 117px);
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:650px) {
    .advisory-form__option--txt {
        width: calc(100% - 72px)
    }
}

.advisory-form__controls {
    display: flex;
    margin-top: 50px;
    justify-content: center
}

.advisory-form__controls--btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    opacity: .2;
    display: inline-block;
    border-radius: 50%;
    -webkit-filter: grayscale(99%);
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden
}

.advisory-form__controls--btn.prev {
    transform: rotate(180deg)
}

.advisory-form__controls--btn.next,
.advisory-form__controls--btn.prev {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_next.svg)
}

.advisory-form__controls--btn.active.next {
    filter: none;
    opacity: 1
}

.advisory-form__controls--btn.inactive {
    filter: none;
    opacity: 0
}

.advisory-form__controls--num {
    margin: 0 45px
}

.advisory-form__result {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between
}

.advisory-form__result--wrap {
    width: 80%;
    max-width: 520px;
    margin: 0 auto
}

.advisory-form__result--sub {
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
    padding-bottom: 40px
}

.advisory-form__result--ttl {
    margin-bottom: 40px
}

@media only screen and (max-width:650px) {
    .advisory-form__result--ttl {
        margin-bottom: 25px
    }
}

.advisory-form__result--txt {
    margin-bottom: 30px
}

.advisory-form__result--btn {
    cursor: pointer;
    line-height: 1
}

.advisory-form__result--btn span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.advisory-form__form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between
}

.advisory-form__form--wrap {
    width: 80%;
    max-width: 680px;
    margin: 0 auto
}

.advisory-form__form--ttl {
    width: 100%;
    max-width: 340px;
    margin-bottom: 40px
}

@media only screen and (max-width:650px) {
    .advisory-form__form--ttl {
        margin-bottom: 30px
    }
}

.advisory-form__form--label {
    width: 100%
}

.advisory-form__form--btn {
    width: 190px;
    font-size: 15px;
    line-height: 1
}

.advisory-form__form--btn span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.advisory-form__form--copy {
    width: 100%;
    max-width: 340px;
    margin: 30px 0 40px
}

.advisory-form__form--body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.advisory-form__form--input {
    width: calc(50% - 7.5px);
    height: 37px;
    color: #000;
    padding: 0 27px;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 13px;
    border-radius: 20px;
    background-color: #fff
}

@media only screen and (max-width:650px) {
    .advisory-form__form--input {
        width: 100%
    }
}

.advisory-form__form--input::-moz-placeholder {
    color: #8c8c8c
}

.advisory-form__form--input::placeholder {
    color: #8c8c8c
}

.advisory-form__thank {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between
}

.advisory-form__thank--meta {
    width: 66%;
    height: calc(100vh - 136px);
    display: flex;
    border-radius: 25px;
    flex-direction: column;
    justify-content: center;
    background-color: #f4f5f8
}

.advisory-form__thank--wrap {
    width: 80%;
    max-width: 510px;
    margin: 0 auto
}

.advisory-form__thank--ttl {
    margin-bottom: 40px
}

@media only screen and (max-width:650px) {
    .advisory-form__thank--ttl {
        margin-bottom: 25px
    }
}

.advisory-form__thank--txt {
    margin-bottom: 50px
}

@media only screen and (max-width:650px) {
    .advisory-form__thank--txt {
        margin-bottom: 35px
    }
}

.advisory-form__thank--btn {
    line-height: 1;
    display: inline-block
}

.advisory-form__thank--btn:last-child {
    margin-left: 12px
}

@media only screen and (max-width:650px) {
    .advisory-form__thank--btn:last-child {
        margin: 12px 0 0
    }
}

.advisory-form__thank--btn span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_transparent.svg)
}

.advisory-template__slider {
    width: 100%;
    padding: 85px 0;
    background-color: #000;
    border-bottom: 1px solid #fff
}

.advisory-template__slider>.container {
    position: relative
}

.solutions-template {
    padding: 85px 0 0
}

.solutions-template__hero {
    margin: 0 0 55px
}

.solutions-template__hero-end {
    margin: 55px 0 110px
}

.solutions-template__banner {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.solutions-template__banner .banner-module {
    min-height: 512px
}

.solutions-template__banner .banner-module__content {
    grid-column: 3/13
}

@media only screen and (max-width:950px) {
    .solutions-template__banner .banner-module__content {
        grid-column: 2/10
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__banner .banner-module {
        min-height: calc(80vh - 85px)
    }
}

@media only screen and (max-width:650px) {
    .solutions-template__banner .banner-module {
        min-height: 512px
    }
}

.solutions-template__newsletter,
.solutions-template__steps {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.solutions-template__investments {
    width: 100%;
    padding: 55px 0
}

.solutions-template__investments-title {
    grid-column: 1/25;
    margin: 0 0 30px
}

@media only screen and (max-width:950px) {
    .solutions-template__investments-title {
        grid-column: 1/11
    }
}

.solutions-template__investments-cards {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .solutions-template__investments-cards {
        grid-column: 1/11
    }
}

.solutions-template__investments-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:650px) {
    .solutions-template__investments-cards-container {
        width: auto
    }
}

.solutions-template__investments-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.solutions-template__investments-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.solutions-template__investments-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.solutions-template__investments-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.solutions-template__investments-cards-container.active {
    cursor: grabbing
}

.solutions-template__investments-cards-container .solutions-template__investments-cards-block:last-child {
    margin-right: 0
}

.solutions-template__investments-cards-block {
    width: 296px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #f4f5f8
}

@media only screen and (min-width:1441px) {
    .solutions-template__investments-cards-block {
        width: calc(25% - 18.75px)
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__investments-cards-block {
        max-width: 100%;
        width: 403px
    }
}

@media only screen and (max-width:650px) {
    .solutions-template__investments-cards-block {
        border-radius: 15px;
        width: 80%
    }
}

.solutions-template__investments-cards-block .image-container {
    width: 100%;
    padding-top: 141.9141914191%
}

.solutions-template__investments-cards-block .image-container .image {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.solutions-template__investments-cards-block .image-container .title-container {
    box-sizing: border-box;
    width: 100%;
    white-space: normal;
    padding: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.solutions-template__investments-cards-block .image-container .title-container .title {
    max-width: 165px
}

@media only screen and (max-width:650px) {
    .solutions-template__investments-cards-block .image-container .title-container {
        padding: 30px
    }
}

.solutions-template__investments-cards-block .image-container .button-container {
    box-sizing: border-box;
    width: 100%;
    white-space: normal;
    padding: 30px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

@media only screen and (max-width:650px) {
    .solutions-template__investments-cards-block .image-container .button-container {
        padding: 30px
    }
}

@media only screen and (max-width:650px) {
    .solutions-template__investments-cards-block .image-container {
        padding-top: 126.6666666667%
    }
}

.solutions-template__funds {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.solutions-template__funds-wrapper {
    padding: 110px 0;
    background-color: #f4f5f8;
    overflow: hidden
}

.solutions-template__funds-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .solutions-template__funds-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__funds-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.solutions-template__funds-content {
    grid-column: 13/25;
    grid-row: 1
}

.solutions-template__funds-content .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .solutions-template__funds-content .button-container--mobile {
        display: block
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__funds-content {
        grid-column: 1/11;
        grid-row: 2
    }
}

.solutions-template__funds-cards {
    grid-column: 1/25;
    grid-row: 2;
    margin: 100px 0 0;
    width: 100%;
    overflow-x: visible
}

@media only screen and (max-width:950px) {
    .solutions-template__funds-cards {
        grid-column: 1/11;
        grid-row: 3
    }
}

.solutions-template__funds-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .solutions-template__funds-cards-container {
        width: auto
    }
}

.solutions-template__funds-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.solutions-template__funds-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.solutions-template__funds-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.solutions-template__funds-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.solutions-template__funds-cards-container.active {
    cursor: grabbing
}

.solutions-template__funds-cards-container .home-template__solutions-block:last-child {
    margin-right: 0
}

.solutions-template__funds-cards-block {
    width: 360px;
    min-width: 360px;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-content: flex-start;
    box-sizing: border-box;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff;
    flex-grow: 1
}

@media only screen and (max-width:950px) {
    .solutions-template__funds-cards-block {
        max-width: 100%;
        width: 360px
    }
}

@media only screen and (max-width:650px) {
    .solutions-template__funds-cards-block {
        border-radius: 15px;
        min-width: calc(80vw - 40px)
    }
}

.solutions-template__funds-cards-block--btn {
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    background: #fff0
}

.login-container #loginform-custom .login-submit .solutions-template__funds-cards-block--btn input.button-primary,
.solutions-template__funds-cards-block--btn .btn,
.solutions-template__funds-cards-block--btn .login-container #loginform-custom .login-submit input.button-primary {
    height: -moz-max-content;
    height: max-content
}

.solutions-template__funds-cards-block .image-container {
    width: 100%;
    padding-top: 43.3333333333%;
    background-color: #e0e1e4
}

.solutions-template__funds-cards-block .image-container .image {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

@media only screen and (max-width:650px) {
    .solutions-template__funds-cards-block .image-container {
        padding-top: 66.6666666667%
    }
}

.solutions-template__funds-cards-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.solutions-template__funds-cards-block .data-container .data-container-aux .title {
    margin: 0 0 10px
}

.solutions-template__funds-cards-block .data-container .data-container-aux .subtitle {
    margin: 0 0 10px;
    white-space: normal
}

.solutions-template__funds-cards-block .data-container .data-container-aux .content {
    white-space: normal;
    width: 100%
}

.solutions-template__funds-cards-block .data-container .data-container-aux .content strong {
    display: none
}

.solutions-template__funds-cards-block .data-container .button-container {
    white-space: normal;
    margin: 20px 0 0
}

@media only screen and (max-width:650px) {
    .solutions-template__funds-cards-block .data-container {
        padding: 20px 30px
    }
}

.solutions-template__accounts {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.solutions-template__accounts-wrapper {
    padding: 110px 0;
    background-color: #f4f5f8;
    overflow: hidden
}

.solutions-template__accounts-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

.solutions-template__accounts-title .button-container--desktop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-content: flex-start
}

@media only screen and (max-width:950px) {
    .solutions-template__accounts-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__accounts-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.solutions-template__accounts-content {
    grid-column: 13/25;
    grid-row: 1
}

.solutions-template__accounts-content .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .solutions-template__accounts-content .button-container--mobile {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-content: flex-start
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__accounts-content {
        grid-column: 1/11;
        grid-row: 2
    }
}

.solutions-template__accounts-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .solutions-template__accounts-blocks {
        width: auto
    }
}

.solutions-template__accounts-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.solutions-template__accounts-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.solutions-template__accounts-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.solutions-template__accounts-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.solutions-template__accounts-blocks.active {
    cursor: grabbing
}

.solutions-template__accounts-blocks-aux {
    grid-column: 1/25;
    margin: 100px 0 0;
    width: 100%
}

@media only screen and (max-width:950px) {
    .solutions-template__accounts-blocks-aux {
        grid-row: 3;
        grid-column: 1/11;
        margin: 50px 0 0
    }
}

.solutions-template__accounts-blocks .solutions-template__accounts-block:last-child {
    margin-right: 0
}

.solutions-template__accounts-block {
    min-width: 298px;
    position: relative;
    display: inline-flex;
    flex-grow: 1;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px
}

@media only screen and (min-width:1441px) {
    .solutions-template__accounts-block {
        width: calc(25% - 18px)
    }
}

@media only screen and (max-width:950px) {
    .solutions-template__accounts-block {
        max-width: 100%;
        min-width: 242px
    }
}

@media only screen and (max-width:650px) {
    .solutions-template__accounts-block {
        border-radius: 15px
    }
}

.solutions-template__accounts-block--btn {
    width: -moz-max-content;
    width: max-content;
    justify-content: flex-start;
    align-items: center
}

.login-container #loginform-custom .login-submit .solutions-template__accounts-block--btn input.button-primary,
.solutions-template__accounts-block--btn .btn,
.solutions-template__accounts-block--btn .login-container #loginform-custom .login-submit input.button-primary {
    height: -moz-max-content;
    height: max-content
}

.solutions-template__accounts-block.active .hover-container,
.solutions-template__accounts-block:hover .hover-container {
    opacity: 1;
    z-index: 4
}

.solutions-template__accounts-block .image-container {
    width: 100%;
    padding-top: 126.6666666667%
}

.solutions-template__accounts-block .image-container .image {
    z-index: 1
}

.solutions-template__accounts-block .image-container .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .012) 8.1%, rgb(0 0 0 / .046) 15.8%, rgb(0 0 0 / .098) 23%, rgb(0 0 0 / .166) 29.8%, rgb(0 0 0 / .246) 36.4%, rgb(0 0 0 / .335) 42.7%, rgb(0 0 0 / .429) 48.8%, rgb(0 0 0 / .526) 54.9%, rgb(0 0 0 / .622) 60.9%, rgb(0 0 0 / .714) 67%, rgb(0 0 0 / .799) 73.1%, rgb(0 0 0 / .873) 79.4%, rgb(0 0 0 / .933) 86%, rgb(0 0 0 / .977) 92.8%, #000)
}

.solutions-template__accounts-block .image-container .title-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 35px;
    display: flex;
    white-space: normal
}

.solutions-template__accounts-block .hover-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-height: calc(100% - 25px);
    overflow-y: auto;
    background-color: #1d1d20;
    color: #fff;
    transition: opacity .15s ease-in-out;
    white-space: normal
}

.solutions-template__accounts-block .hover-container::-webkit-scrollbar {
    width: 1px
}

.solutions-template__accounts-block .hover-container::-webkit-scrollbar-track {
    background: #fff0
}

.solutions-template__accounts-block .hover-container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
    width: 1px;
    height: 5%
}

.solutions-template__accounts-block .hover-container::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.solutions-template__accounts-block .hover-container .subtitle {
    margin: 0 0 15px
}

.solutions-template__accounts-block .hover-container .button-container {
    margin: 15px 0
}

.solutions-template__architecture {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.solutions-template__architecture-wrapper {
    width: 100%;
    border-radius: 24px;
    background-color: #1d1d20;
    box-sizing: border-box;
    padding: 80px 0
}

@media only screen and (max-width:950px) {
    .solutions-template__architecture-wrapper {
        border-radius: 15px;
        padding: 60px 0
    }
}

.solutions-template__architecture-content {
    grid-column: 2/10;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    color: #fff
}

@media only screen and (max-width:950px) {
    .solutions-template__architecture-content {
        padding: 0 0 50px
    }
}

.solutions-template__architecture-logos {
    grid-column: 11/25;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 50px
}

@media only screen and (max-width:950px) {
    .solutions-template__architecture-logos {
        grid-column: 2/10;
        padding: 50px 0 0
    }
}

.solutions-template__architecture-logos:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width:950px) {
    .solutions-template__architecture-logos:before {
        width: 100%;
        height: 1px
    }
}

.solutions-template__architecture-logos .image {
    width: 169px
}

.institutional-template {
    padding: 85px 0 55px
}

.institutional-template__hero {
    margin: 0 0 110px
}

.institutional-template__banner {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-blog-archive__featured-opinions-pagination-pages .institutional-template__banner .banner-module .page-numbers,
.afas-blog-archive__grid-pagination-pages .institutional-template__banner .banner-module .page-numbers,
.documents-research__pagination .institutional-template__banner .banner-module .pagination-list,
.institutional-template__banner .banner-module .afas-blog-archive__featured-opinions-pagination-pages .page-numbers,
.institutional-template__banner .banner-module .afas-blog-archive__grid-pagination-pages .page-numbers,
.institutional-template__banner .banner-module .documents-research__pagination .pagination-list,
.institutional-template__banner .banner-module .txt-21 {
    font-size: 17px !important
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination-pages .institutional-template__banner .banner-module .page-numbers,
    .afas-blog-archive__grid-pagination-pages .institutional-template__banner .banner-module .page-numbers,
    .documents-research__pagination .institutional-template__banner .banner-module .pagination-list,
    .institutional-template__banner .banner-module .afas-blog-archive__featured-opinions-pagination-pages .page-numbers,
    .institutional-template__banner .banner-module .afas-blog-archive__grid-pagination-pages .page-numbers,
    .institutional-template__banner .banner-module .documents-research__pagination .pagination-list,
    .institutional-template__banner .banner-module .txt-21 {
        font-size: 15px !important
    }
}

.institutional-template__block {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.institutional-template__partners-title {
    grid-column: 1/12;
    width: 100%
}

@media only screen and (max-width:950px) {
    .institutional-template__partners-title {
        grid-column: 1/11
    }
}

.institutional-template__partners-content {
    grid-column: 14/25;
    width: calc(100% - 40px);
    margin-left: 40px
}

@media only screen and (max-width:950px) {
    .institutional-template__partners-content {
        grid-row: 2;
        grid-column: 1/11;
        width: 100%;
        margin: 30px 0 0
    }
}

.institutional-template__partners-blocks {
    grid-column: 1/25;
    margin: 90px 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .institutional-template__partners-blocks {
        grid-row: 3;
        grid-column: 1/11;
        margin: 50px 0 0
    }
}

.institutional-template__partners-block {
    width: calc(33.33333% - 13.33333px);
    border-radius: 24px;
    padding: 50px;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .institutional-template__partners-block {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:650px) {
    .institutional-template__partners-block {
        border-radius: 15px;
        width: 100%;
        display: grid;
        grid-template-columns: 50px calc(100% - 60px);
        -moz-column-gap: 10px;
        column-gap: 10px;
        padding: 30px 20px
    }
}

.institutional-template__partners-block .image-container {
    width: 100%
}

.institutional-template__partners-block .image-container .image {
    height: 45px
}

@media only screen and (max-width:650px) {
    .institutional-template__partners-block .image-container {
        display: flex;
        align-items: center
    }
}

.institutional-template__partners-block .content {
    width: 100%;
    margin: 10px 0 0
}

@media only screen and (max-width:650px) {
    .institutional-template__partners-block .content {
        margin: 0
    }
}

.institutional-template__needs {
    width: 100%;
    padding: 100px 0;
    box-sizing: border-box;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .institutional-template__needs {
        padding: 60px 0
    }
}

.institutional-template__needs-image {
    grid-column: 1/11;
    width: 100%;
    min-height: 100%;
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-image {
        grid-column: 1/11;
        grid-row: 2;
        min-height: 1px;
        padding-top: 87.5%;
        margin: 30px 0 0
    }
}

.institutional-template__needs-content {
    grid-column: 12/25
}

.institutional-template__needs-content .title {
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-content .title {
        margin: 0 0 30px
    }
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-content {
        grid-column: 1/11;
        grid-row: 1
    }
}

.institutional-template__needs-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.institutional-template__needs-block {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 30px;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-block {
        padding: 20px
    }
}

.institutional-template__needs-block-title {
    width: 100%
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-block-title--desktop {
        display: none
    }
}

.institutional-template__needs-block-title--mobile {
    display: none;
    flex-wrap: wrap;
    -moz-column-gap: 10px;
    column-gap: 10px
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-block-title--mobile {
        display: flex
    }
}

.institutional-template__needs-block-title--mobile .title-block {
    width: calc(100% - 26px)
}

.institutional-template__needs-block-title.active .btn,
.institutional-template__needs-block-title.active .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .institutional-template__needs-block-title.active input.button-primary {
    transform: rotate(180deg)
}

.institutional-template__needs-block-content {
    width: 100%;
    padding: 15px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-block-content {
        display: none;
        grid-template-columns: 1fr
    }
}

.institutional-template__needs-block-button {
    width: 100%;
    margin: 50px 0 0
}

@media only screen and (max-width:950px) {
    .institutional-template__needs-block-button {
        margin: 30px 0 0
    }
}

.institutional-template__services-title {
    grid-column: 2/24;
    text-align: center;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .institutional-template__services-title {
        grid-column: 1/11;
        text-align: left
    }
}

.institutional-template__services-blocks {
    width: 100%;
    display: flex;
    align-items: stretch
}

.institutional-template__services-blocks-aux {
    width: 100%;
    grid-column: 1/25
}

@media only screen and (max-width:950px) {
    .institutional-template__services-blocks-aux {
        grid-column: 1/11
    }
}

@media only screen and (min-width:951px) {
    .institutional-template__services-blocks {
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 50px
    }
}

@media only screen and (max-width:950px) {
    .institutional-template__services-blocks {
        width: auto;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    .institutional-template__services-blocks::-webkit-scrollbar {
        width: 1px;
        background: #fff0;
        border-radius: 0
    }
    .institutional-template__services-blocks::-webkit-scrollbar-thumb {
        border: none;
        background: #fff0;
        border-radius: 0
    }
    .institutional-template__services-blocks::-webkit-scrollbar-thumb:hover {
        background: #fff0
    }
    .institutional-template__services-blocks::-webkit-scrollbar-button {
        width: 1px;
        height: 1px
    }
    .institutional-template__services-blocks.active {
        cursor: grabbing
    }
    .institutional-template__services-blocks .institutional-template__services-block:last-child {
        margin-right: 0
    }
}

.institutional-template__services-block {
    border-radius: 24px;
    background-color: #f4f5f8;
    box-sizing: border-box;
    padding: 50px 30px 60px;
    min-height: 285px
}

@media only screen and (min-width:951px) {
    .institutional-template__services-block {
        width: calc(33.33333% - 13.33333px);
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
        justify-content: center;
        align-content: center
    }
    .institutional-template__services-block .title-block {
        width: 100%;
        margin: 0 0 30px
    }
    .institutional-template__services-block .content-block {
        width: 100%
    }
}

@media only screen and (max-width:950px) {
    .institutional-template__services-block {
        min-width: 410px;
        min-height: 1px;
        position: relative;
        display: inline-flex;
        flex-wrap: wrap;
        flex-grow: 1;
        cursor: pointer;
        overflow: hidden;
        margin-right: 20px;
        padding: 30px 20px;
        justify-content: center;
        align-content: center
    }
    .institutional-template__services-block .title-block {
        width: 100%;
        margin: 0 0 15px;
        white-space: normal
    }
    .institutional-template__services-block .content-block {
        width: 100%;
        white-space: normal
    }
}

@media only screen and (max-width:650px) {
    .institutional-template__services-block {
        border-radius: 15px;
        min-width: 80%
    }
}

.institutional-template__impact {
    width: 100%;
    box-sizing: border-box;
    padding: 100px 0;
    background-color: #f4f5f8
}

.institutional-template__impact-title {
    grid-column: 1/25;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .institutional-template__impact-title {
        grid-column: 1/11
    }
}

.institutional-template__impact-blocks {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .institutional-template__impact-blocks {
        grid-column: 1/11
    }
}

.institutional-template__impact-block {
    width: calc(50% - 10px);
    border-radius: 24px;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.institutional-template__impact-block .image-container {
    width: 100%;
    padding-top: 51.6129032258%
}

.institutional-template__impact-block .data-container {
    padding: 50px
}

.institutional-template__impact-block .data-container .title {
    margin: 0 0 10px
}

@media only screen and (max-width:950px) {
    .institutional-template__impact-block .data-container {
        padding: 30px 20px
    }
}

@media only screen and (max-width:950px) {
    .institutional-template__impact-block {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .institutional-template__impact-block {
        width: 100%
    }
}

.institutional-template__research {
    width: 100%;
    box-sizing: border-box;
    padding: 60px 0;
    min-height: 550px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .institutional-template__research {
        border-radius: 15px;
        min-height: calc(80vh - 85px);
        align-items: flex-start
    }
}

@media only screen and (max-width:650px) {
    .institutional-template__research {
        min-height: 535px
    }
}

.institutional-template__research .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .institutional-template__research .image {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.institutional-template__research .grid {
    position: relative;
    z-index: 2
}

.institutional-template__research-content {
    grid-column: 3/14;
    color: #fff
}

.institutional-template__research-content .subtitle {
    margin: 10px 0 0;
    padding: 0 0 40px;
    border-bottom: 1px solid #fff
}

@media only screen and (max-width:650px) {
    .institutional-template__research-content .subtitle {
        margin: 10px 0 0;
        padding: 0 0 30px
    }
}

.institutional-template__research-content .content {
    margin: 40px 0 0
}

@media only screen and (max-width:650px) {
    .institutional-template__research-content .content {
        margin: 30px 0 0
    }
}

.institutional-template__research-content .content ul {
    font-size: 17px
}

.institutional-template__research-content .content ul li:before {
    background-color: #fff
}

.institutional-template__research-content .button-container {
    margin: 40px 0 0
}

@media only screen and (max-width:650px) {
    .institutional-template__research-content .button-container {
        margin: 30px 0 0
    }
}

@media only screen and (max-width:950px) {
    .institutional-template__research-content {
        grid-column: 2/10
    }
}

.policy-template {
    padding: 230px 0 0
}

@media only screen and (max-width:950px) {
    .policy-template {
        padding: 120px 0 0
    }
}

.policy-template__title {
    grid-column: 1/25;
    padding: 0 0 35px
}

@media only screen and (max-width:950px) {
    .policy-template__title {
        grid-column: 1/10;
        padding: 0 0 50px
    }
}

.policy-template__block {
    margin: 25px 0 50px
}

@media only screen and (max-width:950px) {
    .policy-template__block {
        margin: 30px 0 60px
    }
}

.policy-template__block--buro .block-content-module {
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .policy-template__block--buro .block-content-module {
        margin: 0 0 60px
    }
}

.policy-template__footer {
    margin: 110px 0
}

@media only screen and (max-width:950px) {
    .policy-template__footer {
        margin: 60px 0 110px
    }
}

.policy-template__footer-title {
    grid-column: 1/25;
    box-sizing: border-box;
    padding: 40px 0 0;
    border-top: 1px solid #000;
    margin: 0 0 10px
}

@media only screen and (max-width:950px) {
    .policy-template__footer-title {
        grid-column: 1/11;
        padding: 30px 0 0
    }
}

.policy-template__footer-content {
    grid-column: 1/25
}

@media only screen and (max-width:950px) {
    .policy-template__footer-content {
        grid-column: 1/11
    }
}

.information-template {
    padding: 230px 0 0
}

@media only screen and (max-width:950px) {
    .information-template {
        padding: 120px 0 0
    }
}

.information-template__title {
    grid-column: 1/25;
    padding: 0 0 60px
}

@media only screen and (max-width:950px) {
    .information-template__title {
        grid-column: 1/10;
        padding: 0 0 50px
    }
}

.information-template__blocks {
    margin: 0 0 110px
}

.people-template {
    padding: 230px 0 0
}

@media only screen and (max-width:950px) {
    .people-template {
        padding: 120px 0 0
    }
}

.people-template__columns {
    width: 100%;
    margin: 0 0 110px
}

.people-template__columns>.container>.grid {
    padding: 0 0 60px;
    border-bottom: 1px solid #000
}

.people-template__columns-block {
    width: 100%
}

.people-template__columns-block-title {
    margin: 0 0 30px
}

.people-template__columns-block-content {
    width: 100%;
    background-color: #ededef;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 60px 0
}

.people-template__columns-block-content-container {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:950px) {
    .people-template__columns-block-content-container {
        width: 90%
    }
}

.people-template__columns-block-content-container .subtitle {
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .people-template__columns-block-content {
        border-radius: 15px
    }
}

.people-template__columns-block-lists {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.people-template__columns-block-list {
    width: 100%;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #fff;
    padding: 25px 0
}

.people-template__columns-block-list[data-state=open] .people-template__columns-block-list-title .arrow {
    transform: rotate(180deg)
}

@media only screen and (max-width:950px) {
    .people-template__columns-block-list {
        border-radius: 15px
    }
}

.people-template__columns-block-list-title {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 10px;
    cursor: pointer
}

.people-template__columns-block-list-title span.arrow {
    display: inline-block;
    width: 15px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

@media only screen and (max-width:950px) {
    .people-template__columns-block-list-title {
        width: 90%
    }
}

.people-template__columns-block-list-content {
    width: 80%;
    margin: 20px auto 0;
    display: none
}

@media only screen and (max-width:950px) {
    .people-template__columns-block-list-content {
        width: 90%
    }
}

.people-template__columns-footer {
    width: 100%;
    margin: 10px 0 0
}

.investor {
    padding: 85px 20px 0
}

@media only screen and (max-width:650px) {
    .investor {
        padding: 85px 20px 0
    }
}

.investor__hero {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 24px
}

@media only screen and (max-width:650px) {
    .investor__hero {
        margin: 0 auto;
        max-width: 420px;
        border-radius: 15px
    }
}

.investor__hero--img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background-size: cover
}

.investor__hero--img.desktop {
    display: block;
    background-position: 50%
}

@media only screen and (max-width:650px) {
    .investor__hero--img.desktop {
        display: none
    }
}

.investor__hero--img.mobile {
    display: none;
    background-position: top
}

@media only screen and (max-width:650px) {
    .investor__hero--img.mobile {
        display: block
    }
}

.investor__hero--meta {
    width: 50%;
    height: calc(100vh - 95px);
    color: #fff;
    z-index: 2;
    display: flex;
    position: relative;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 30px;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .investor__hero--meta {
        width: 60%
    }
}

@media only screen and (max-width:650px) {
    .investor__hero--meta {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        height: auto;
        padding: 60px 30px 70%;
        justify-content: flex-start
    }
}

.investor__hero--ttl {
    width: 100%;
    max-width: 512px;
    margin-bottom: 50px
}

@media only screen and (max-width:650px) {
    .investor__hero--ttl {
        margin-bottom: 25px
    }
}

.investor__hero--txt {
    width: 100%;
    max-width: 512px
}

.investor--wrap {
    width: 100%;
    max-width: 1272px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 70px auto 110px
}

.investor__tabs {
    top: 84px;
    width: 250px;
    z-index: 2;
    display: flex;
    position: sticky;
    flex-wrap: wrap
}

@media only screen and (max-width:950px) {
    .investor__tabs {
        width: 100%;
        height: 34px;
        display: block;
        font-size: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        border-top: 1px solid #f4f5f8;
        border-bottom: 2px solid #000;
        background-color: #f4f5f8
    }
}

.investor__tabs--item {
    width: 100%;
    height: 73px;
    display: flex;
    padding: 0 34px;
    transition: all .3s ease;
    margin-bottom: 20px;
    border-radius: 15px 0 0 15px;
    background-color: #e0e1e4
}

@media only screen and (max-width:950px) {
    .investor__tabs--item {
        width: auto;
        min-width: 120px;
        height: auto;
        display: inline-block;
        padding: 0 15px;
        font-size: 15px;
        text-align: center;
        line-height: 34px;
        border-radius: 10px 10px 0 0
    }
}

@media only screen and (max-width:950px) {
    .investor__tabs--item:not(:last-child) {
        margin-right: 10px
    }
}

.investor__tabs--item.active {
    color: #fff;
    background-color: #1d1d20
}

.investor__tabs--item span {
    width: 100%;
    margin: auto 0;
    text-align: right
}

.investor__content {
    width: calc(100% - 250px);
    padding: 8.5% 10%;
    border-left: 2px solid #000;
    border-radius: 0 24px 24px 0;
    background-color: #fff
}

@media only screen and (max-width:950px) {
    .investor__content {
        width: 100%;
        border: 0;
        border-radius: 0 0 15px 15px
    }
}

.investor__block:not(:last-child) {
    margin-bottom: 100px
}

.investor__block--txt:not(:last-child) {
    margin-bottom: 44px
}

.investor__block--columns {
    -moz-columns: 3;
    column-count: 3;
    -moz-column-gap: 50px;
    column-gap: 50px
}

@media only screen and (max-width:650px) {
    .investor__block--columns {
        -moz-columns: 2;
        column-count: 2
    }
}

.investor__block--columns:not(:last-child) {
    margin-bottom: 44px
}

.investor__block h2,
.investor__block h3 {
    margin-bottom: 1em
}

.accounts {
    padding: 85px 0 0
}

@media only screen and (max-width:650px) {
    .accounts {
        padding: 85px 0 0
    }
}

.accounts__hero {
    width: calc(100% - 40px);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 24px
}

@media only screen and (max-width:650px) {
    .accounts__hero {
        margin: 0 auto;
        max-width: 420px;
        border-radius: 15px
    }
}

.accounts__hero--wrap {
    padding: 0 20px
}

.accounts__hero--img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background-size: cover
}

.accounts__hero--img.desktop {
    display: block;
    background-position: 50%
}

@media only screen and (max-width:650px) {
    .accounts__hero--img.desktop {
        display: none
    }
}

.accounts__hero--img.mobile {
    display: none;
    background-position: top
}

@media only screen and (max-width:650px) {
    .accounts__hero--img.mobile {
        display: block
    }
}

.accounts__hero--meta {
    width: 50%;
    height: calc(100vh - 95px);
    color: #fff;
    z-index: 2;
    display: flex;
    position: relative;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 30px;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .accounts__hero--meta {
        width: 60%
    }
}

@media only screen and (max-width:650px) {
    .accounts__hero--meta {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        height: auto;
        padding: 60px 30px 70%;
        justify-content: flex-start
    }
}

.accounts__hero--ttl {
    width: 100%;
    max-width: 512px;
    margin-bottom: 50px
}

@media only screen and (max-width:650px) {
    .accounts__hero--ttl {
        margin-bottom: 25px
    }
}

.accounts__hero--btn,
.accounts__hero--txt {
    width: 100%;
    max-width: 512px
}

.accounts__hero--btn {
    margin: 35px 0 0
}

@media only screen and (max-width:650px) {
    .accounts__hero--btn {
        margin: 25px 0 0
    }
}

.accounts__cards {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 100px 40px;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .accounts__cards {
        padding: 70px 30px;
        max-width: 480px
    }
}

.accounts__cards--ttl {
    margin-bottom: 40px
}

.accounts__cards--grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.accounts__card {
    width: calc(50% - 10px);
    display: flex;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 20px;
    background-color: #f4f5f8
}

@media only screen and (max-width:1100px) {
    .accounts__card {
        width: 100%;
        margin: 0 auto 20px;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:480px) {
    .accounts__card {
        margin: 0 auto 30px;
        flex-wrap: wrap
    }
}

.accounts__card--img {
    width: 225px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:1100px) {
    .accounts__card--img {
        width: 300px;
        height: 220px
    }
}

@media only screen and (max-width:650px) {
    .accounts__card--img {
        width: 100%;
        height: 160px
    }
}

.accounts__card--meta {
    width: calc(100% - 225px);
    padding: 44px
}

@media only screen and (max-width:1100px) {
    .accounts__card--meta {
        width: calc(100% - 300px);
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media only screen and (max-width:650px) {
    .accounts__card--meta {
        width: 100%
    }
}

.accounts__card--ttl {
    font-size: 22px;
    margin-bottom: 15px
}

.accounts__card--txt {
    font-size: 17px
}

.accounts__numbers {
    width: 100%;
    padding: 110px 0;
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .accounts__numbers {
        padding: 80px 0
    }
}

.accounts__numbers--grid {
    width: 100%;
    max-width: 1312px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .accounts__numbers--grid {
        padding: 0 30px
    }
}

.accounts__numbers--ttl {
    width: 100%;
    text-align: center;
    margin-bottom: 40px
}

.accounts__number {
    width: calc(33.33333% - 13.3px);
    padding: 50px 4.4%;
    border-radius: 24px;
    background-color: #fff
}

@media only screen and (max-width:950px) {
    .accounts__number {
        width: 100%;
        margin: 0 auto 30px;
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:480px) {
    .accounts__number {
        padding: 40px 30px
    }
}

.accounts__number--num {
    width: 100%;
    color: #424ee0;
    margin-bottom: 40px
}

@media only screen and (max-width:950px) {
    .accounts__number--num {
        width: 100%;
        margin-bottom: 20px
    }
}

.accounts__number--ttl {
    width: 100%;
    position: relative;
    line-height: 1;
    margin-bottom: 15px
}

@media only screen and (max-width:950px) {
    .accounts__number--ttl {
        top: auto;
        margin-top: auto;
        margin-left: auto
    }
}

.accounts__number--txt {
    font-size: 17px
}

@media only screen and (max-width:950px) {
    .accounts__number--txt {
        width: 100%;
        margin-left: auto
    }
}

.accounts__bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.accounts__bottom--txt {
    width: 100%;
    max-width: 720px;
    margin-top: 25px;
    padding-right: 40px
}

@media only screen and (max-width:950px) {
    .accounts__bottom--txt {
        max-width: 100%;
        padding-right: 0
    }
}

.table {
    width: 100%;
    border: 25px solid #f4f5f8;
    overflow: hidden;
    font-size: 17px;
    border-radius: 24px;
    background-color: #f4f5f8
}

@media only screen and (max-width:1100px) {
    .table {
        min-width: 1080px;
        border: 15px solid #f4f5f8
    }
}

.table--wrap {
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
    padding: 100px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .table--wrap {
        padding: 70px 20px
    }
}

.table--anchor {
    top: -100px;
    width: 100%;
    display: block;
    position: relative
}

.table--ttl {
    margin-bottom: 45px
}

@media only screen and (max-width:1100px) {
    .table--ttl {
        width: 100%;
        margin-bottom: 15px
    }
}

.table--sub {
    margin-top: auto;
    margin-bottom: 45px
}

@media only screen and (max-width:1100px) {
    .table--sub {
        width: 100%;
        margin-bottom: 35px
    }
}

.table__controls {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between
}

@media only screen and (max-width:950px) {
    .table__controls {
        margin-bottom: 35px
    }
}

.table__controls--field:first-child {
    width: 24%
}

.table__controls--field:nth-child(2) {
    width: 19%
}

.table__controls--field:nth-child(3) {
    width: 16%
}

.table__controls--field:nth-child(4) {
    width: 19%
}

.table__controls--field:nth-child(5) {
    width: 16%
}

@media only screen and (max-width:950px) {
    .table__controls--field {
        width: calc(50% - 15px) !important;
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
        justify-content: space-between
    }
}

@media only screen and (max-width:650px) {
    .table__controls--field {
        width: 100% !important;
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
        justify-content: space-between
    }
}

.table__controls--label {
    line-height: 1;
    margin-bottom: 10px
}

@media only screen and (max-width:950px) {
    .table__controls--label {
        width: 100px;
        margin: auto 0
    }
}

.table__controls--input {
    position: relative
}

@media only screen and (max-width:950px) {
    .table__controls--input {
        width: calc(100% - 120px);
        margin-bottom: auto
    }
}

.table__controls--input input {
    width: 100%;
    height: 45px;
    color: #54565a;
    border: 1px solid #727272;
    display: block;
    padding: 0 65px 0 30px;
    font-size: 17px;
    border-radius: 25px
}

@media only screen and (max-width:950px) {
    .table__controls--input input {
        height: 40px;
        padding: 0 40px 0 13px;
        font-size: 15px
    }
}

.table__controls--input input::-moz-placeholder {
    color: #dedee0
}

.table__controls--input input::placeholder {
    color: #dedee0
}

.table__controls--input input.search {
    background-image: url(../../themes/gbm-theme/images/svg/input_search.svg);
    background-repeat: no-repeat;
    background-position: 94%
}

.table__controls--select {
    position: relative
}

@media only screen and (max-width:950px) {
    .table__controls--select {
        width: calc(100% - 120px);
        margin-bottom: auto
    }
}

.table__controls--select:after {
    content: "";
    top: 50%;
    right: 20px;
    width: 20px;
    height: 10px;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (max-width:950px) {
    .table__controls--select:after {
        right: 13px
    }
}

.table__controls--select select {
    width: 100%;
    height: 45px;
    color: #54565a;
    border: 1px solid #727272;
    display: block;
    padding: 0 30px 0 25px;
    font-size: 17px;
    border-radius: 25px
}

@media only screen and (max-width:950px) {
    .table__controls--select select {
        height: 40px;
        padding: 0 40px 0 13px;
        font-size: 15px
    }
}

.table--scroll {
    width: 100%
}

@media only screen and (max-width:1100px) {
    .table--scroll {
        overflow-x: auto
    }
}

.table--border {
    width: 100%;
    height: 20px;
    display: block;
    overflow: hidden;
    background-color: #fff
}

.table--border.top {
    border-radius: 20px 20px 0 0
}

.table--border.bottom {
    border-radius: 0 0 20px 20px
}

.table.active .table__row.hide {
    display: none
}

.table thead th {
    padding: 0 30px 25px 0;
    text-align: left;
    line-height: 1.1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media only screen and (max-width:1100px) {
    .table thead th {
        padding: 0 30px 10px 0
    }
}

.table thead th:first-child {
    padding-left: 20px
}

.table thead th.sort {
    cursor: pointer;
    white-space: nowrap
}

@media only screen and (max-width:1100px) {
    .table thead th.sort {
        white-space: normal
    }
}

.table thead th.sort.active span:after {
    opacity: 1
}

.table thead th.sort.active.asc span:after {
    transform: rotate(180deg)
}

.table thead th.sort span:after {
    content: "";
    width: 18px;
    height: 18px;
    opacity: .15;
    display: inline-block;
    transition: all .3s ease;
    margin-left: 7px;
    border-radius: 50%;
    vertical-align: top;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_sort.svg);
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (max-width:1100px) {
    .table thead th.sort span:after {
        display: block;
        margin-top: 2px;
        margin-left: 0
    }
}

.table thead tr:nth-child(2) td {
    border: 0;
    padding: 0 !important;
    background-color: #fff0
}

.table.table-cuentas tbody tr td:first-child {
    width: 12.5%
}

.table.table-cuentas tbody tr td:nth-child(2) {
    width: 8.5%
}

.table.table-cuentas tbody tr td:nth-child(3) {
    width: 9%
}

.table.table-cuentas tbody tr td:nth-child(4) {
    width: 13%
}

.table.table-cuentas tbody tr td:nth-child(5) {
    width: 19%
}

.table.table-cuentas tbody tr td:nth-child(6) {
    width: 8.5%
}

.table.table-cuentas tbody tr td:nth-child(7) {
    width: 7%
}

.table.table-cuentas tbody tr td:nth-child(8) {
    width: 11.5%
}

.table.table-fondos tbody tr td:first-child {
    width: 12.5%
}

.table.table-fondos tbody tr td:nth-child(2) {
    width: 9%
}

.table.table-fondos tbody tr td:nth-child(3) {
    width: 13%
}

.table.table-fondos tbody tr td:nth-child(4) {
    width: 19%
}

.table.table-fondos tbody tr td:nth-child(5),
.table.table-fondos tbody tr td:nth-child(6) {
    width: 8.5%
}

.table.table-fondos tbody tr td:nth-child(7) {
    width: 7%
}

.table.table-fondos tbody tr td:nth-child(8) {
    width: 11.5%
}

.table tbody tr:first-child td {
    padding-top: 0
}

.table tbody tr:last-child td {
    border: 0;
    padding-bottom: 0
}

.table tbody tr td {
    padding: 25px 30px 25px 0;
    line-height: 1.3;
    border-bottom: 1px solid #f4f5f8;
    vertical-align: middle;
    background-color: #fff
}

@media only screen and (max-width:1100px) {
    .table tbody tr td {
        padding: 10px 30px 10px 0;
        min-width: 90px
    }
}

.table tbody tr td:first-child {
    padding-left: 20px
}

@media only screen and (max-width:1100px) {
    .table tbody tr td:first-child {
        width: auto
    }
}

@media only screen and (max-width:1100px) {
    .table tbody tr td:not(:first-child) {
        width: auto;
        min-width: 105px
    }
}

.table tbody tr td:last-child {
    padding-right: 20px
}

@media only screen and (max-width:1100px) {
    .table tbody tr td.wide {
        min-width: 250px
    }
}

.table tbody tr td p {
    line-height: 1.3
}

.table tbody tr td strong {
    display: block;
    font-size: 15px;
    margin-top: 5px
}

.table tbody tr td .files-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    margin: 0 0 20px
}

.table tfoot tr:last-child td {
    padding: 0 !important;
    background-color: #fff0
}

.table__years {
    margin-bottom: 45px
}

.table__years--meter {
    width: 100%;
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.table__years--meter span {
    width: calc(33.33333% - 2px);
    height: 4px;
    opacity: .3;
    background-color: #424ee0
}

.table__years--meter span:first-child {
    border-radius: 2px 0 0 2px
}

.table__years--meter span:last-child {
    border-radius: 0 2px 2px 0
}

.table__years--meter.hi span:first-child,
.table__years--meter.hi span:nth-child(2),
.table__years--meter.hi span:nth-child(3),
.table__years--meter.low span:first-child,
.table__years--meter.mid span:first-child,
.table__years--meter.mid span:nth-child(2) {
    opacity: 1
}

.table__level {
    margin-bottom: 45px
}

.table__level--meter {
    width: 100%;
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.table__level--meter span {
    width: 100%;
    height: 4px;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    background-size: cover;
    background-color: #424ee0;
    background-image: url(../../themes/gbm-theme/images/svg/risk_background.png)
}

.table__level--meter span:after {
    content: "";
    top: -1px;
    right: 0;
    height: 6px;
    position: absolute;
    background-color: #ccc
}

.table__level--meter.low span:after {
    width: 83.5%
}

.table__level--meter.lowmid span:after {
    width: 66.7%
}

.table__level--meter.mod span:after {
    width: 50%
}

.table__level--meter.modhi span:after {
    width: 33.3%
}

.table__level--meter.hi span:after {
    width: 16.7%
}

.table__level--meter.veryhi span:after {
    width: 0
}

.table--rate {
    white-space: nowrap
}

.table--rate:before {
    content: "";
    top: 2px;
    width: 15px;
    height: 12px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat
}

.table--rate.up:before {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_up.svg)
}

.table--rate.down:before {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_down.svg)
}

.table--btn {
    font-size: 15px;
    line-height: 1;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.table--btn.more {
    width: 34px;
    min-width: 0;
    height: 34px;
    cursor: pointer;
    padding: 0;
    position: relative;
    font-size: 0
}

.table--btn.more:after {
    transform: translate(-50%, -50%)
}

.table--btn.more:after,
.table--btn.more:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    background-color: #fff
}

.table--btn.more:before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.top-picks__heading {
    width: 100%;
    max-width: 1332px;
    margin: 0 auto;
    padding: 85px 30px 20px
}

@media only screen and (max-width:1100px) {
    .top-picks__heading {
        padding: 65px 30px 20px
    }
}

@media only screen and (max-width:650px) {
    .top-picks__heading {
        padding: 65px 20px 20px
    }
}

.top-picks--ttl {
    margin-bottom: 50px
}

@media only screen and (max-width:650px) {
    .top-picks--ttl {
        font-size: 34px;
        margin-bottom: 30px
    }
}

.top-picks--txt {
    width: 100%;
    max-width: 626px
}

.top-picks__controls {
    gap: 8px;
    width: 100%;
    display: flex;
    margin-top: 50px
}

@media only screen and (min-width:650px) {
    .top-picks__controls {
        display: none
    }
}

.top-picks__controls--ttl {
    line-height: 28px;
    margin-right: 4px
}

.top-picks__controls--item {
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #f4f5f8;
    background-repeat: no-repeat;
    background-position: 50%
}

.top-picks__controls--item.list {
    background-image: url(../../themes/gbm-theme/images/svg/icon-list.svg)
}

.top-picks__controls--item.block {
    background-image: url(../../themes/gbm-theme/images/svg/icon-block.svg)
}

.top-picks__controls--item.active {
    filter: invert(1) contrast(.6) brightness(2)
}

.top-picks__grid {
    width: 100%;
    max-width: 1332px;
    margin: 0 auto;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 28px 30px 90px
}

@media only screen and (max-width:1200px) {
    .top-picks__grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media only screen and (max-width:1100px) {
    .top-picks__grid {
        padding: 28px 30px 70px;
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid {
        padding: 28px 20px 50px;
        grid-gap: 10px;
        background-color: #f4f5f8
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block {
        grid-gap: 0;
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item {
        padding: 30px 15px;
        min-height: 0;
        align-items: flex-start;
        border-radius: 0;
        border-bottom: 1px solid #dedee0;
        flex-direction: row
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item:first-child {
        border-radius: 13px 13px 0 0
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item:nth-last-child(2) {
        border-bottom: 0;
        border-radius: 0 0 13px 13px
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item:last-child {
        height: 100px;
        margin-top: 24px;
        border-radius: 13px
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--overlay {
        padding: 0 25px;
        text-align: left;
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--overlay img {
        margin: auto 0
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--img {
        display: none
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--name {
        width: 40%;
        display: flex
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--ttl {
        display: none
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--num {
        width: 30%;
        color: #000;
        font-size: 15px
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--price {
        width: 30%;
        margin: 0
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--price span:not(:last-child) {
        display: none
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--buy {
        top: -9px;
        margin: 0
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--buy:before {
        width: 55px
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--buy a {
        margin: 0;
        font-size: 14px
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--heading {
        width: 72%;
        display: flex;
        padding: 0
    }
}

@media only screen and (max-width:650px) {
    .top-picks__grid.block .top-picks__item--footing {
        width: 28%;
        padding: 0
    }
}

.top-picks__item {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
    min-height: 280px;
    border-radius: 15px;
    flex-direction: column;
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .top-picks__item {
        background-color: #fff
    }
}

.top-picks__item--heading {
    padding: 32px 32px 0
}

@media only screen and (max-width:650px) {
    .top-picks__item--heading {
        padding: 22px 22px 0
    }
}

.top-picks__item--img {
    height: 88px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e1e4
}

@media only screen and (max-width:650px) {
    .top-picks__item--img {
        height: 45px;
        margin-bottom: 20px
    }
}

.top-picks__item--img img {
    width: 100%;
    max-width: 110px;
    height: auto;
    max-height: 45px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top left;
    object-position: top left
}

@media only screen and (max-width:650px) {
    .top-picks__item--img img {
        max-width: 80px;
        max-height: 22px
    }
}

.top-picks__item--name {
    display: none;
    flex-direction: column
}

@media only screen and (min-width:650px) {
    .top-picks__item--name {
        display: none
    }
}

.top-picks__item--name span:first-child {
    line-height: 1;
    margin-bottom: 8px
}

.top-picks__item--name span:nth-child(2) {
    color: #929395;
    font-size: 13px;
    line-height: 1;
    text-decoration: underline
}

.top-picks__item--ttl {
    line-height: 1;
    margin-bottom: 10px
}

@media only screen and (max-width:650px) {
    .top-picks__item--ttl {
        font-size: 12px
    }
}

.top-picks__item--num {
    color: #424ee0;
    line-height: 1
}

@media only screen and (max-width:650px) {
    .top-picks__item--num {
        font-size: 27px
    }
}

.top-picks__item--price {
    width: 100%;
    display: flex;
    margin-top: 30px;
    margin-bottom: 32px;
    align-items: flex-start;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .top-picks__item--price {
        gap: 2px;
        margin-top: 22px;
        margin-bottom: 22px;
        flex-direction: column
    }
}

.top-picks__item--price span {
    font-size: 15px;
    line-height: 1
}

@media only screen and (max-width:650px) {
    .top-picks__item--price span:first-child {
        font-size: 12.5px
    }
}

.top-picks__item--price span:nth-child(2) {
    content: "";
    height: 1px;
    flex-grow: 1;
    margin: auto 6px 0;
    border-bottom: 1px solid #e0e1e4
}

.top-picks__item--footing {
    padding: 0 32px 32px
}

@media only screen and (max-width:650px) {
    .top-picks__item--footing {
        padding: 0 22px 22px
    }
}

.top-picks__item--buy {
    color: #424ee0;
    position: relative
}

.top-picks__item--buy:after {
    content: "";
    top: 5px;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-left: 4px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_next.svg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width:650px) {
    .top-picks__item--buy:after {
        width: 14px;
        height: 14px
    }
}

.top-picks__item--buy:before {
    content: "";
    top: 92%;
    left: 0;
    width: 67px;
    height: 2px;
    position: absolute;
    background-color: #424ee0
}

@media only screen and (max-width:650px) {
    .top-picks__item--buy:before {
        width: 60px
    }
}

.top-picks__item--overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    position: absolute;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: #929395
}

.top-picks__item--overlay img {
    width: 30px;
    height: 30px;
    filter: brightness(0) invert(1);
    display: block;
    margin-top: 20px
}

.top-pick {
    width: 100%;
    margin: 68.5px auto 0;
    padding: 25px 25px 0
}

@media only screen and (max-width:950px) {
    .top-pick {
        padding: 25px 20px 0
    }
}

.top-pick__header {
    padding: 75px 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-radius: 24px;
    margin-bottom: 20px;
    justify-content: space-between;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .top-pick__header {
        padding: 50px 30px;
        border-radius: 13px
    }
}

.top-pick__meta {
    width: 50%;
    max-width: 600px;
    display: grid;
    grid-gap: 50px;
    padding-right: 30px;
    grid-auto-flow: row;
    grid-template-columns: 1fr
}

@media only screen and (max-width:650px) {
    .top-pick__meta {
        width: 100%;
        grid-gap: 35px;
        padding-right: 0;
        border-bottom: 1px solid #e0e1e4;
        margin-bottom: 50px;
        padding-bottom: 50px
    }
}

.top-pick__meta--top {
    width: 100%
}

.top-pick__meta--top span {
    color: #424ee0;
    display: block;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media only screen and (max-width:650px) {
    .top-pick__meta--top span {
        font-size: 15px
    }
}

.top-pick__meta--top h1 {
    line-height: 1
}

@media only screen and (max-width:650px) {
    .top-pick__meta--top h1 {
        font-size: 34px
    }
}

.top-pick__meta--txt {
    width: 100%;
    line-height: 1.5
}

.top-pick__meta--bottom {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr
}

.top-pick__meta--bottom span {
    display: block
}

@media only screen and (min-width:650px) {
    .top-pick__meta--bottom span br {
        display: none
    }
}

.top-pick__meta--bottom span:first-child {
    line-height: 1.15;
    margin-bottom: 14px
}

.top-pick__meta--bottom span:nth-child(2) {
    color: #424ee0
}

@media only screen and (max-width:650px) {
    .top-pick__meta--bottom span:nth-child(2) {
        font-size: 34px
    }
}

.top-pick__info {
    width: 50%;
    max-width: 518px
}

@media only screen and (max-width:650px) {
    .top-pick__info {
        width: 100%
    }
}

.top-pick__info--ttl {
    line-height: 1;
    margin-bottom: 20px
}

.top-pick__info--item {
    display: flex;
    padding: 15px 30px;
    line-height: 1.1;
    border-radius: 7px;
    justify-content: space-between;
    background-color: #fff
}

@media only screen and (max-width:950px) {
    .top-pick__info--item {
        padding: 15px 20px
    }
}

@media only screen and (max-width:650px) {
    .top-pick__info--item {
        border-radius: 5px
    }
}

.top-pick__info--item:not(:last-child) {
    margin-bottom: 10px
}

.top-pick__info--item span:first-child {
    font-size: 15px;
    padding-right: 15px
}

@media only screen and (max-width:650px) {
    .top-pick__info--item span:first-child {
        font-size: 14px
    }
}

.top-pick__info--item span:nth-child(2) {
    color: #424ee0
}

.top-pick__content {
    width: 100%;
    max-width: 1270px;
    margin: 0 auto 110px;
    display: grid;
    grid-template-columns: 250px calc(100% - 270px);
    -moz-column-gap: 20px;
    column-gap: 20px;
    overflow: visible;
    height: auto;
    position: relative
}

@media only screen and (max-width:1100px) {
    .top-pick__content {
        display: block
    }
}

@media only screen and (max-width:950px) {
    .top-pick__content {
        margin-bottom: 90px;
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:650px) {
    .top-pick__content {
        margin-bottom: 70px
    }
}

.top-pick__side {
    width: 250px;
    position: sticky;
    height: -moz-max-content;
    height: max-content;
    top: 88.5px
}

@media only screen and (max-width:1100px) {
    .top-pick__side {
        display: none
    }
}

.top-pick__side-wrapper {
    width: 100%
}

.top-pick__side--back {
    width: 100%;
    margin-bottom: 20px
}

.top-pick__side--back img {
    transform: rotate(180deg)
}

.top-pick__side--list {
    padding: 34px;
    border-radius: 24px;
    background-color: #f4f5f8
}

.top-pick__side--ttl {
    line-height: 1;
    margin-bottom: 18px
}

.top-pick__side--item {
    width: 100%;
    display: block;
    padding: 15px;
    text-align: center;
    line-height: 1;
    margin-bottom: 5px
}

.top-pick__main {
    gap: 110px;
    width: 100%;
    padding: 110px;
    display: flex;
    border-radius: 24px;
    flex-direction: column;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .top-pick__main {
        gap: 60px;
        padding: 90px 60px;
        border-radius: 13px
    }
}

@media only screen and (max-width:650px) {
    .top-pick__main {
        display: block;
        padding: 60px 30px
    }
}

.top-pick__main--wrapper {
    width: 100%
}

@media only screen and (max-width:1100px) {
    .top-pick__main--wrapper {
        width: 100%
    }
}

.top-pick__main--ttl {
    line-height: 1;
    margin-bottom: 45px;
    border-bottom: 1px solid #dfdfe1;
    padding-bottom: 16px
}

.top-pick__main--copy {
    width: 100%;
    max-width: 650px;
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.3
}

.top-pick__fin {
    width: 100%
}

@media only screen and (max-width:650px) {
    .top-pick__fin {
        margin-bottom: 60px
    }
}

.top-pick__fin--ttl {
    margin-bottom: 0
}

@media only screen and (max-width:950px) {
    .top-pick__fin--wrap {
        width: calc(100% + 30px);
        overflow: auto;
        padding-right: 30px
    }
}

.top-pick__fin--table {
    width: 100%
}

@media only screen and (max-width:650px) {
    .top-pick__fin--table {
        min-width: 450px
    }
}

.top-pick__fin--table tr td,
.top-pick__fin--table tr th {
    padding: 12px 0;
    text-align: left;
    line-height: 1;
    border-bottom: 1px solid #dfdfe1
}

@media only screen and (max-width:650px) {
    .top-pick__fin--table tr td,
    .top-pick__fin--table tr th {
        padding-right: 20px
    }
}

.top-pick__fin--table tr td:not(:first-child) {
    color: #424ee0
}

@media only screen and (max-width:650px) {
    .top-pick__thesis {
        margin-bottom: 60px
    }
}

.top-pick__thesis--ttl {
    border-bottom: 2px solid #65c560
}

.top-pick__thesis--txt {
    font-size: 15px
}

@media only screen and (max-width:650px) {
    .top-pick__thesis--txt {
        border-bottom: 1px solid #e0e1e4;
        padding-bottom: 20px
    }
}

.top-pick__thesis--txt:not(:last-child) {
    margin-bottom: 1em
}

.top-pick__thesis--txt p {
    line-height: 1.4
}

.top-pick__thesis--txt p:not(:last-child) {
    margin-bottom: 1em
}

@media only screen and (max-width:650px) {
    .top-pick__risk {
        margin-bottom: 60px
    }
}

.top-pick__risk--ttl {
    border-bottom: 2px solid red
}

.top-pick__risk--txt {
    font-size: 15px
}

.top-pick__risk--txt p {
    line-height: 1.4
}

.top-pick__risk--txt p:not(:last-child) {
    margin-bottom: 1em
}

.top-pick__graph {
    width: 100%;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 10px;
    background-color: #fff
}

.top-pick__graph .c3-tooltip {
    opacity: 1
}

.top-pick__graph--txt {
    width: 100%;
    line-height: 1;
    margin-bottom: 5px
}

.top-pick__graph--txt:last-child {
    margin-bottom: 30px
}

.top-pick__graph--txt i {
    color: #74b870
}

.top-pick__graph--txt span {
    line-height: 1
}

.top-pick__graph--txt span:not(:last-child) {
    margin-right: 22px
}

.top-pick__graph--txt span:before {
    content: "";
    top: -2px;
    width: 16px;
    height: 4px;
    display: inline-block;
    position: relative;
    margin-right: 4px;
    vertical-align: middle
}

.top-pick__graph--txt span:first-child:before {
    background-color: #424ee0
}

.top-pick__graph--txt span:nth-child(2):before {
    background-color: #a1a5f1
}

.top-pick__graph--plot {
    width: 100%;
    height: 200px;
    margin: 35px 0 8px;
    display: flex;
    padding: 0 10px 0 50px;
    position: relative;
    border-bottom: 1px solid #e0e1e4;
    background-size: auto 100%;
    justify-content: space-between;
    background-image: url(../../themes/gbm-theme/images/svg/graph_grid.svg);
    background-repeat: repeat-x;
    background-position: 0 100%
}

.top-pick__graph--plot.pr {
    padding-right: 30px
}

.top-pick__graph--plot>span {
    width: 28px;
    height: 70%;
    position: relative;
    margin-top: auto;
    background-color: #424ee0
}

.top-pick__graph--plot>span i {
    top: -13px;
    left: 50%;
    color: #424ee0;
    position: absolute;
    font-size: 10px;
    transform: translateX(-50%);
    text-align: center;
    line-height: 1
}

.top-pick__graph--ebitda {
    width: 100%;
    height: 225px;
    margin-top: 35px
}

.top-pick__graph--ebitda svg {
    overflow: visible !important
}

.top-pick__graph--ebitda .c3-line {
    stroke-width: 2px
}

.top-pick__graph--ebitda .c3-grid line {
    stroke: #f4f5f8;
    stroke-dasharray: 0
}

.top-pick__graph--ebitda .c3-axis-y2 g.tick line,
.top-pick__graph--ebitda .c3-axis-y2 path {
    stroke: #a1a5f1
}

.top-pick__graph--ebitda .c3-axis-y2 g.tick tspan {
    fill: #a1a5f1
}

.top-pick__graph--left {
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    position: absolute;
    flex-direction: column
}

.top-pick__graph--left span {
    height: 25%;
    font-size: 10px;
    text-align: left;
    line-height: 1;
    padding-top: 4px
}

.top-pick__graph--right {
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    position: absolute;
    flex-direction: column
}

.top-pick__graph--right span {
    height: 25%;
    font-size: 10px;
    text-align: right;
    line-height: 1;
    padding-top: 4px
}

.top-pick__graph--arrow {
    top: 0;
    left: 52%;
    width: 70%;
    display: none;
    position: absolute
}

.top-pick__graph--arrow.positive {
    transform: translate(-50%, -50%) rotate(-10deg)
}

.top-pick__graph--arrow.negative {
    transform: translate(-50%, -50%) rotate(10deg)
}

.top-pick__graph--labels {
    display: flex;
    padding: 0 10px 0 50px;
    justify-content: space-between
}

.top-pick__graph--labels.pr {
    padding-right: 30px
}

.top-pick__graph--labels span {
    font-size: 12px;
    line-height: 1
}

.top-pick__graphs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.top-pick__graphs--item:not(:last-child) {
    margin-bottom: 90px
}

@media only screen and (max-width:650px) {
    .top-pick__graphs--item:not(:last-child) {
        margin-bottom: 60px
    }
}

.top-pick__graphs--item.full {
    width: 100%
}

.top-pick__graphs--item.half {
    width: calc(50% - 36px)
}

@media only screen and (max-width:650px) {
    .top-pick__graphs--item.half {
        width: 100%
    }
}

.top-pick__graphs--ttl {
    margin-bottom: 20px
}

@media only screen and (max-width:650px) {
    .top-pick__graphs--wrap {
        width: calc(100% + 30px);
        overflow: auto;
        padding-right: 30px
    }
}

.top-pick__graphs--img {
    width: 100%;
    height: auto;
    padding: 25px;
    display: block;
    background-color: #fff;
    border-radius: 15px
}

@media only screen and (max-width:650px) {
    .top-pick__graphs--img {
        border-radius: 10px
    }
}

@media only screen and (max-width:650px) {
    .top-pick__graphs--img.full {
        width: auto;
        max-width: none;
        height: 260px
    }
}

.top-pick__stock {
    display: flex;
    padding: 40px 25px 25px;
    flex-wrap: wrap;
    border-radius: 15px;
    background-color: #fff;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .top-pick__stock {
        padding: 25px
    }
}

@media only screen and (max-width:650px) {
    .top-pick__stock--ttl {
        font-size: 17px;
        margin-bottom: 15px
    }
}

.top-pick__stock--meta {
    gap: 35px;
    display: flex
}

@media only screen and (max-width:650px) {
    .top-pick__stock--meta {
        gap: 20px
    }
}

.top-pick__stock--meta span {
    color: #8c8c8c;
    position: relative;
    line-height: 1.35;
    padding-left: 12px
}

@media only screen and (max-width:650px) {
    .top-pick__stock--meta span {
        font-size: 13px
    }
}

.top-pick__stock--meta span:before {
    content: "";
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    margin-right: 3px;
    border-radius: 50%
}

.top-pick__stock--meta span:first-child:before {
    background-color: #424ee0
}

.top-pick__stock--meta span:nth-child(2):before {
    background-color: #a1a5f1
}

.top-pick__stock--meta span i {
    color: #000
}

.top-pick__stock--wrap {
    width: 100%;
    margin-top: 30px
}

@media only screen and (max-width:950px) {
    .top-pick__stock--wrap {
        overflow-y: none;
        overflow-x: scroll
    }
}

.top-pick__stock--wrap .c3 {
    height: 150px;
    min-width: 720px
}

.top-pick__stock--wrap .c3 .c3-line {
    stroke-width: 2px
}

.top-pick__stock--wrap .c3 .c3-lines-Precio-Objetivo,
.top-pick__stock--wrap .c3 .c3-shapes-Precio-de-Acción {
    position: relative
}

.top-pick__stock--wrap .c3 .c3-grid line {
    stroke: #f4f5f8;
    stroke-dasharray: 0
}

.top-pick__related {
    background-color: #f4f5f8
}

.top-pick__related--wrap {
    width: 100%;
    max-width: 1332px;
    margin: 0 auto;
    padding: 110px 30px
}

@media only screen and (max-width:1100px) {
    .top-pick__related--wrap {
        padding: 90px 30px
    }
}

@media only screen and (max-width:650px) {
    .top-pick__related--wrap {
        padding: 60px 20px
    }
}

.top-pick__related .top-pick__related--item {
    background-color: #fff
}

.fondos {
    padding: 85px 20px 0
}

@media only screen and (max-width:650px) {
    .fondos {
        padding: 85px 20px 0
    }
}

.fondos__hero {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 24px
}

@media only screen and (max-width:650px) {
    .fondos__hero {
        margin: 0 auto;
        max-width: 420px;
        border-radius: 15px
    }
}

.fondos__hero--img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background-size: cover
}

.fondos__hero--img.desktop {
    display: block;
    background-position: 50%
}

@media only screen and (max-width:650px) {
    .fondos__hero--img.desktop {
        display: none
    }
}

.fondos__hero--img.mobile {
    display: none;
    background-position: top
}

@media only screen and (max-width:650px) {
    .fondos__hero--img.mobile {
        display: block
    }
}

.fondos__hero--meta {
    width: 50%;
    height: calc(100vh - 95px);
    color: #fff;
    z-index: 2;
    display: flex;
    position: relative;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 30px;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .fondos__hero--meta {
        width: 60%
    }
}

@media only screen and (max-width:650px) {
    .fondos__hero--meta {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        height: auto;
        padding: 60px 30px 70%;
        justify-content: flex-start
    }
}

.fondos__hero--ttl {
    width: 100%;
    max-width: 512px;
    margin-bottom: 50px
}

@media only screen and (max-width:650px) {
    .fondos__hero--ttl {
        margin-bottom: 25px
    }
}

.fondos__hero--txt {
    width: 100%;
    max-width: 512px
}

.fondos__blocks {
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
    padding: 100px 20px 50px 0
}

.fondos__block,
.fondos__blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.fondos__block {
    width: calc(50% - 11px);
    padding: 3.8%;
    margin-bottom: 23px;
    border-radius: 24px;
    background-color: #f4f5f8
}

@media only screen and (max-width:1100px) {
    .fondos__block {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .fondos__block {
        width: 100%;
        padding: 5% 3.8%
    }
}

.fondos__block--ttl {
    width: 100%;
    line-height: 1;
    margin-bottom: 15px
}

.fondos__block--sub {
    width: 100%;
    min-height: 65px;
    margin-bottom: 50px
}

@media only screen and (max-width:650px) {
    .fondos__block--sub {
        margin-bottom: 30px
    }
}

.fondos__block--col {
    margin-bottom: 55px
}

@media only screen and (max-width:950px) {
    .fondos__block--col {
        margin-bottom: 30px
    }
}

.fondos__block--col.full {
    width: 100%
}

.fondos__block--col.half {
    width: calc(50% - 10px)
}

@media only screen and (max-width:950px) {
    .fondos__block--col.half {
        width: 100%
    }
}

.fondos__block--label {
    width: 100%;
    display: flex;
    line-height: 1;
    border-bottom: 1px solid #e0e1e4;
    margin-bottom: 12px;
    padding-bottom: 12px;
    justify-content: space-between
}

.fondos__block--label span {
    line-height: 1
}

.fondos__block--term {
    width: calc(100% - 230px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (max-width:1340px) {
    .fondos__block--term {
        width: 100%;
        margin-bottom: 30px
    }
}

.fondos__block--term .fondos__block--label {
    border: 0;
    padding: 0
}

.fondos__block--dots {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.fondos__block--dots span {
    width: calc(33.33333% - 4px);
    height: 8px;
    opacity: .3;
    background-color: #424ee0
}

.fondos__block--dots span:first-child {
    border-radius: 4px 0 0 4px
}

.fondos__block--dots span:last-child {
    border-radius: 0 4px 4px 0
}

.fondos__block--dots.long span:nth-child(3),
.fondos__block--dots.med-long span:nth-child(2),
.fondos__block--dots.med-long span:nth-child(3),
.fondos__block--dots.short-med span:first-child,
.fondos__block--dots.short-med span:nth-child(2),
.fondos__block--dots.short span:first-child {
    opacity: 1
}

.fondos__block--btn {
    width: 180px;
    height: 48px;
    line-height: 1
}

.fondos__bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.fondos__bottom--txt {
    width: 100%;
    max-width: 720px;
    margin-top: 25px;
    padding-right: 40px
}

@media only screen and (max-width:950px) {
    .fondos__bottom--txt {
        max-width: 100%;
        padding-right: 0
    }
}

.fondos__bottom--btn {
    display: inline-block;
    margin-top: 25px;
    margin-left: auto
}

@media only screen and (max-width:950px) {
    .fondos__bottom--btn {
        margin-left: 0
    }
}

.fondo {
    width: 100%;
    max-width: 1312px;
    margin: 0 auto;
    padding: 100px 20px 0
}

@media only screen and (max-width:950px) {
    .fondo {
        padding: 90px 20px 0
    }
}

.fondo--single {
    padding: 68.5px 20px 0
}

@media only screen and (max-width:950px) {
    .fondo--single {
        padding: 68.5px 20px 0
    }
}

.fondo__header {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between
}

@media only screen and (max-width:950px) {
    .fondo__header {
        margin-bottom: 35px
    }
}

.fondo__header--single {
    margin-bottom: 20px
}

@media only screen and (max-width:950px) {
    .fondo__header--single {
        margin-bottom: 20px
    }
}

.fondo__header--img {
    width: 28%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
    background-color: #e0e1e4
}

@media only screen and (max-width:1100px) {
    .fondo__header--img {
        display: none
    }
}

.fondo__header--meta {
    width: 70%;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
    justify-content: space-between;
    background-color: #fff
}

@media only screen and (max-width:1100px) {
    .fondo__header--meta {
        width: 100%
    }
}

@media only screen and (max-width:950px) {
    .fondo__header--meta {
        padding: 0;
        border-radius: 0;
        background-color: #fff0
    }
}

.fondo__header--main {
    width: calc(100% - 230px);
    display: flex;
    padding-right: 20px;
    flex-direction: column
}

@media only screen and (max-width:950px) {
    .fondo__header--main {
        order: 1;
        width: 100%;
        padding: 20px 20px 30px;
        border-radius: 13px;
        background-color: #fff
    }
}

.fondo__header--nav {
    width: 100%;
    max-width: 350px;
    border: 0;
    cursor: pointer;
    display: block;
    padding: 15px 58px 15px 18px;
    position: relative;
    font-size: 33px;
    line-height: 1;
    border-radius: 7px;
    margin-bottom: 15px;
    background-color: #f4f5f8;
    background-size: 20px auto;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%
}

@media only screen and (max-width:950px) {
    .fondo__header--nav {
        max-width: 100%
    }
}

.fondo__header--nav.sm {
    max-width: 100%;
    font-size: 24px
}

@media only screen and (max-width:950px) {
    .fondo__header--nav.sm {
        max-width: 100%;
        font-size: 17px
    }
}

.fondo__header--nav.active .fondo__header--scroll {
    padding: 10px 0;
    max-height: 240px
}

.fondo__header--scroll {
    top: calc(100% + 3px);
    left: 0;
    width: 100%;
    padding: 0;
    overflow: auto;
    position: absolute;
    z-index: 5;
    max-height: 0;
    transition: all .3s ease;
    border-radius: 7px;
    background-color: #f4f5f8
}

.fondo__header--link {
    padding: 6px 17px;
    display: block;
    font-size: 17px
}

.fondo__header--link:hover {
    background-color: rgb(0 0 0 / .065)
}

.fondo__header--link span:first-child {
    display: inline-block;
    min-width: 85px
}

.fondo__header--sub {
    margin-bottom: 50px
}

@media only screen and (max-width:950px) {
    .fondo__header--sub {
        margin-bottom: 30px
    }
}

.fondo__header--txt {
    line-height: 1.5
}

@media only screen and (max-width:950px) {
    .fondo__header--txt {
        border-top: 1px solid #8c8c8c;
        border-bottom: 1px solid #8c8c8c;
        padding: 30px 0
    }
}

.fondo__header--txt strong {
    width: 40px;
    display: inline-block
}

.fondo__header--files {
    width: 195px;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:950px) {
    .fondo__header--files {
        order: 3;
        width: 100%;
        padding: 10px 20px 20px;
        margin-top: 20px;
        border-radius: 13px;
        background-color: #fff
    }
}

.fondo__header--files>a {
    cursor: pointer;
    display: block;
    padding: 20px 0 20px 24px;
    position: relative;
    border-top: 1px solid #8c8c8c;
    line-height: 1
}

@media only screen and (max-width:950px) {
    .fondo__header--files>a {
        border: 0;
        margin: 15px 0;
        padding: 0 0 0 24px
    }
}

.fondo__header--files>a:after {
    content: "";
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    position: absolute;
    transform: translateY(-50%);
    background-size: cover;
    background-image: url(../../themes/gbm-theme/images/svg/icon-download.svg)
}

.fondo__header--files>a:nth-last-child(2) {
    border-bottom: 1px solid #8c8c8c
}

@media only screen and (max-width:950px) {
    .fondo__header--files>a:nth-last-child(2) {
        border-bottom: 0
    }
}

.fondo__header--bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: auto
}

@media only screen and (max-width:950px) {
    .fondo__header--bottom {
        width: 100%;
        margin-top: 10px;
        justify-content: space-between
    }
}

.fondo__header--bottom--single .btn,
.fondo__header--bottom--single .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .fondo__header--bottom--single input.button-primary {
    display: none
}

.fondo__header--bullets {
    gap: 8px;
    display: flex;
    margin-top: auto
}

@media only screen and (max-width:650px) {
    .fondo__header--bullets {
        flex-direction: column
    }
}

.fondo__header--bullet {
    padding: 15px;
    flex-grow: 1;
    flex-basis: 0%;
    border-radius: 7px;
    background-color: #f4f5f8
}

.fondo__header--bullet span {
    display: block
}

.fondo__header--bullet span.num {
    color: #424ee0;
    line-height: 1;
    margin-bottom: 18px
}

@media only screen and (max-width:650px) {
    .fondo__header--bullet span.num {
        margin-bottom: 12px
    }
}

.fondo__header--bullet span.txt {
    min-height: 38px
}

.fondo__header--bullet span.figure {
    color: #424ee0;
    margin-top: 18px;
    line-height: 1
}

@media only screen and (max-width:650px) {
    .fondo__header--bullet span.figure {
        margin-top: 12px
    }
}

.fondo__header--col {
    width: 216px
}

@media only screen and (max-width:950px) {
    .fondo__header--col {
        width: 100%
    }
}

@media only screen and (max-width:950px) {
    .fondo__header--col:first-child {
        margin-bottom: 30px
    }
}

.fondo__header--col span:first-child {
    display: block;
    line-height: 1;
    margin-bottom: 12px
}

@media only screen and (max-width:950px) {
    .fondo__header--col span:first-child {
        margin-bottom: 8px
    }
}

.fondo__header--col span:nth-child(2) {
    color: #424ee0;
    display: block;
    line-height: 1;
    margin-bottom: 10px
}

@media only screen and (max-width:950px) {
    .fondo__header--col span:nth-child(2) {
        margin-bottom: 6px
    }
}

.fondo__header--col span:nth-child(3) {
    color: #8c8c8c;
    display: block;
    font-size: 12px;
    line-height: 1
}

.fondo__header--btn {
    width: 100%;
    max-width: 195px;
    margin-left: auto
}

@media only screen and (max-width:950px) {
    .fondo__header--btn {
        max-width: 100%
    }
}

.fondo__header--btn i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    background-size: cover;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_black.svg)
}

.fondo__content--tabs {
    top: 84px;
    width: 100%;
    z-index: 2;
    display: flex;
    position: sticky;
    border-top: 1px solid #f4f5f8;
    border-bottom: 2px solid #000;
    background-color: #f4f5f8;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.fondo__content--tabs--single {
    top: 68px
}

@media only screen and (max-width:950px) {
    .fondo__content--tabs {
        width: 100%;
        height: 34px;
        display: block;
        font-size: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }
}

.fondo__content--tabs::-webkit-scrollbar {
    display: none
}

.fondo__content--tab {
    min-width: 15%;
    padding: 0 15px;
    cursor: pointer;
    text-align: center;
    transition: all .3s ease;
    line-height: 50px;
    white-space: nowrap;
    margin-right: 15px;
    border-radius: 15px 15px 0 0;
    background-color: #e0e1e4
}

@media only screen and (max-width:950px) {
    .fondo__content--tab {
        width: auto;
        min-width: 120px;
        display: inline-block;
        font-size: 15px;
        line-height: 34px;
        border-radius: 10px 10px 0 0
    }
}

@media only screen and (max-width:950px) {
    .fondo__content--tab:not(:last-child) {
        margin-right: 10px
    }
}

.fondo__content--tab.active {
    color: #fff;
    background-color: #1d1d20
}

.fondo__content--body {
    padding: 100px 100px 30px;
    border-radius: 0 0 24px 24px;
    background-color: #fff;
    margin-bottom: 110px
}

@media only screen and (max-width:950px) {
    .fondo__content--body {
        padding: 40px 30px 20px
    }
}

.fondo__content--body--single {
    margin-bottom: 50px
}

.fondo__content--anchor {
    top: -50px;
    left: 0;
    position: absolute
}

.fondo__content--block {
    z-index: 1;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 90px;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .fondo__content--block {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:650px) {
    .fondo__content--block:last-child {
        margin-bottom: 0
    }
}

.fondo__content--block.goal {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 50px
}

.fondo__content--ttl {
    margin-bottom: 20px
}

.fondo__content--subttl,
.fondo__content--ttl {
    width: 100%;
    line-height: 1;
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 20px
}

.fondo__content--subttl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: space-between
}

.fondo__content--btn {
    width: 33.3333333333%
}

@media only screen and (max-width:950px) {
    .fondo__content--btn {
        width: 100%
    }
}

@media only screen and (max-width:950px) {
    .fondo__content--btn:not(:last-child) {
        margin-bottom: 15px
    }
}

.fondo__content--btn a {
    position: relative;
    padding-left: 25px
}

.fondo__content--btn a:before {
    content: "";
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    position: absolute;
    transform: translateY(-50%);
    background-size: cover;
    background-image: url(../../themes/gbm-theme/images/svg/icon-download.svg)
}

@media only screen and (max-width:950px) {
    .fondo__content--col {
        width: 100%;
        margin: 10px 0 20px
    }
}

.fondo__content--col.wide {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #8c8c8c;
    margin-bottom: 50px;
    padding-bottom: 50px;
    justify-content: space-between
}

@media only screen and (max-width:650px) {
    .fondo__content--col.wide {
        display: block;
        margin-bottom: 30px;
        padding-bottom: 30px
    }
}

.fondo__content--col.wide p:first-child {
    width: calc(35.7% - 73px)
}

@media only screen and (max-width:650px) {
    .fondo__content--col.wide p:first-child {
        width: 100%
    }
}

.fondo__content--col.wide p:not(:first-child) {
    width: 64.3%
}

@media only screen and (max-width:650px) {
    .fondo__content--col.wide p:not(:first-child) {
        width: 100%
    }
}

.fondo__content--col:not(.wide) {
    width: calc(33.33333% - 48px)
}

@media only screen and (max-width:650px) {
    .fondo__content--col:not(.wide) {
        width: 100%
    }
}

.fondo__content--col strong {
    display: block;
    font-size: 21px;
    line-height: 1.25em;
    margin-bottom: 20px
}

@media only screen and (max-width:950px) {
    .fondo__content--col strong {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:650px) {
    .fondo__content--col strong {
        font-size: 18px
    }
}

.fondo__grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 30px;
    justify-content: space-between
}

.fondo__grid img {
    width: auto;
    height: 68px;
    margin-bottom: 20px
}

@media only screen and (max-width:950px) {
    .fondo__grid img {
        height: 32px
    }
}

.fondo__positions {
    width: calc(50% - 10px);
    min-width: 510px;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-bottom: 50px
}

@media only screen and (max-width:950px) {
    .fondo__positions {
        width: 100%;
        min-width: 0;
        margin-bottom: 30px
    }
}

.fondo__positions--ttl {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #8c8c8c
}

.fondo__positions--table {
    width: 100%;
    -moz-columns: 2;
    column-count: 2;
    -moz-column-gap: 22px;
    column-gap: 22px
}

@media only screen and (max-width:480px) {
    .fondo__positions--table {
        -moz-columns: 1;
        column-count: 1
    }
}

.fondo__positions--item {
    display: flex;
    text-align: left;
    border-bottom: 1px solid #8c8c8c;
    justify-content: space-between
}

.fondo__positions--item span {
    display: inline-block;
    line-height: 52px
}

.fondo__series {
    width: calc(50% - 10px);
    min-width: 510px;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-bottom: 50px
}

@media only screen and (max-width:950px) {
    .fondo__series {
        width: 100%;
        min-width: 0;
        margin-bottom: 30px
    }
}

.fondo__series--table {
    width: 100%;
    -moz-columns: 2;
    column-count: 2;
    -moz-column-gap: 22px;
    column-gap: 22px
}

@media only screen and (max-width:480px) {
    .fondo__series--table {
        -moz-columns: 1;
        column-count: 1
    }
}

.fondo__series--item {
    display: flex;
    text-align: left;
    border-bottom: 1px solid #8c8c8c;
    justify-content: space-between
}

.fondo__series--item span {
    display: inline-block;
    line-height: 52px
}

.fondo__card {
    display: flex;
    grid-column: span 1;
    margin-bottom: 20px;
    justify-content: space-between
}

@media only screen and (max-width:550px) {
    .fondo__card {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .fondo__card {
        flex-wrap: wrap
    }
}

.fondo__card--wrap {
    gap: 22px;
    width: 100%;
    display: grid;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid #8c8c8c;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:950px) {
    .fondo__card--wrap {
        grid-template-columns: 1fr
    }
}

.fondo__card--img {
    width: 27%;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px
}

@media only screen and (max-width:480px) {
    .fondo__card--img {
        width: 40%;
        height: 140px;
        margin-bottom: 20px
    }
}

.fondo__card--meta {
    width: 69%;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:480px) {
    .fondo__card--meta {
        width: 100%
    }
}

.fondo__card--ttl {
    display: block;
    margin-bottom: 20px
}

.fondo__card--txt {
    min-height: 110px;
    margin-top: auto
}

@media only screen and (max-width:480px) {
    .fondo__card--txt {
        min-height: 0
    }
}

.fondo__card--txt p:not(:last-child) {
    margin-bottom: .8em
}

.fondo__table {
    width: calc(50% - 10px);
    min-width: 510px;
    margin-left: auto;
    margin-bottom: 50px
}

@media only screen and (max-width:950px) {
    .fondo__table {
        width: 100%;
        min-width: 0;
        margin-bottom: 30px
    }
}

.fondo__table th td,
.fondo__table th th,
.fondo__table tr td,
.fondo__table tr th {
    padding: 20px 0;
    text-align: left;
    line-height: 1;
    border-bottom: 1px solid #8c8c8c
}

.fondo__table th td.half,
.fondo__table th th.half,
.fondo__table tr td.half,
.fondo__table tr th.half {
    width: 50%;
    padding: 20px 20px 20px 0
}

.fondo__table.yield .c3 .c3-grid line {
    stroke: #f4f5f8;
    stroke-dasharray: 0
}

.fondo__table.yield .c3 .c3-line {
    stroke-width: 2px
}

.fondo__table.yield .c3 .c3-axis .tick line,
.fondo__table.yield .c3 .c3-axis path.domain {
    stroke: #e0e1e4
}

.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr:first-child th {
    border-bottom: 1px solid #e0e1e4
}

.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr:nth-child(2) td:first-child {
    font-size: 0;
    padding-right: 0
}

.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr:nth-child(2) td:nth-child(2) {
    padding-left: 0
}

.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr:nth-child(2) td:nth-child(2) span:after {
    content: "USD";
    display: inline-block;
    font-size: 10px
}

.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr td,
.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr th {
    color: #111;
    border: 0;
    padding: 8px 10px;
    font-size: 13px;
    white-space: nowrap;
    background-color: #fff
}

.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr td span,
.fondo__table.yield .c3 .c3-tooltip-container .c3-tooltip tr th span {
    margin-right: 5px;
    border-radius: 50%
}

.fondo__table.yield tr td,
.fondo__table.yield tr th {
    padding-bottom: 10px
}

.fondo__table.yield tr td .txt-10,
.fondo__table.yield tr th .txt-10 {
    width: 100%;
    font-size: 10px;
    margin-bottom: 5px
}

.fondo__table--yield-heading {
    display: flex;
    justify-content: space-between
}

.fondo__table--yield-chart {
    position: relative
}

.fondo__table--yield-chart:after {
    content: "";
    top: 0;
    right: 5px;
    width: 0;
    height: calc(100% - 30px);
    opacity: .25;
    position: absolute;
    border-right: 1px dotted #8c8c8c
}

.fondo__table.perf tr:first-child th:not(:first-child) {
    border-bottom: 1px solid #d8d8d8
}

.fondo__table.perf tr:nth-child(2) td.bars:first-child,
.fondo__table.perf tr:nth-child(3) td.bars:first-child {
    padding: 0;
    border-bottom: 1px solid #fff
}

.fondo__table.perf tr th {
    padding-bottom: 7px !important
}

.fondo__table.perf tr td:not(:first-child).bars {
    background-size: auto 100%;
    background-image: url(../../themes/gbm-theme/images/svg/perf-bg-01.svg);
    background-repeat: repeat-x;
    background-position: 100% 0
}

.fondo__table.perf tr td,
.fondo__table.perf tr th {
    padding: 20px 0;
    line-height: 1;
    border-bottom: 1px solid #c8c8c8
}

.fondo__table.perf tr td.txt-10,
.fondo__table.perf tr th.txt-10 {
    font-size: 10px;
    text-align: center
}

.fondo__table.perf tr td.txt-10 p:not(:last-child),
.fondo__table.perf tr th.txt-10 p:not(:last-child) {
    margin-bottom: 10px
}

.fondo__table.perf tr td.btn--download-cuenta,
.fondo__table.perf tr td.txt-15,
.fondo__table.perf tr th.btn--download-cuenta,
.fondo__table.perf tr th.txt-15 {
    font-size: 15px
}

@media only screen and (max-width:650px) {
    .fondo__table.perf tr td.btn--download-cuenta,
    .fondo__table.perf tr td.txt-15,
    .fondo__table.perf tr th.btn--download-cuenta,
    .fondo__table.perf tr th.txt-15 {
        font-size: 12px
    }
}

.fondo__table.perf tr td.no-border,
.fondo__table.perf tr th.no-border {
    border-bottom: 0;
    padding-bottom: 0
}

.fondo__table.perf tr td.bars,
.fondo__table.perf tr th.bars {
    height: 90px;
    padding: 0 20px;
    font-size: 0;
    border-right: 1px solid #e0e1e4;
    vertical-align: top
}

@media only screen and (max-width:650px) {
    .fondo__table.perf tr td.bars,
    .fondo__table.perf tr th.bars {
        padding: 0 6px
    }
}

.fondo__table.perf tr td.blank,
.fondo__table.perf tr th.blank {
    padding: 12px 0 0
}

.fondo__table.perf tr td:first-child,
.fondo__table.perf tr th:first-child {
    text-align: left
}

.fondo__table.perf tr td:not(:first-child),
.fondo__table.perf tr th:not(:first-child) {
    text-align: center
}

.fondo__table.perf tr td span.dot:before,
.fondo__table.perf tr th span.dot:before {
    content: "";
    top: 1px;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    border-radius: 50%
}

@media only screen and (max-width:650px) {
    .fondo__table.perf tr td span.dot:before,
    .fondo__table.perf tr th span.dot:before {
        width: 10px;
        height: 10px;
        margin-right: 4px
    }
}

.fondo__table.perf tr td span.dot.gray:before,
.fondo__table.perf tr th span.dot.gray:before {
    background-color: #d9d9d9
}

.fondo__table.perf tr td span.dot.blue:before,
.fondo__table.perf tr th span.dot.blue:before {
    background-color: #424ee0
}

.fondo__table.sec .c3 .c3-chart-arc path {
    stroke-width: 0
}

.fondo__table.sec .c3 .c3-chart-arc text {
    display: none
}

.fondo__table.sec .c3 .c3-tooltip-container .c3-tooltip tr td:first-child {
    white-space: nowrap;
    padding-right: 0
}

.fondo__table.sec .c3 .c3-tooltip-container .c3-tooltip tr td:nth-child(2) {
    border-left: 0
}

.fondo__table.sec .c3 .c3-tooltip-container .c3-tooltip tr td,
.fondo__table.sec .c3 .c3-tooltip-container .c3-tooltip tr th {
    color: #111;
    border: 0;
    padding: 8px 10px;
    font-size: 13px;
    white-space: nowrap;
    background-color: #fff
}

.fondo__table.sec .c3 .c3-tooltip-container .c3-tooltip tr td span,
.fondo__table.sec .c3 .c3-tooltip-container .c3-tooltip tr th span {
    margin-right: 5px;
    border-radius: 50%
}

.fondo__table--bars {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around
}

.fondo__table--bars.short {
    height: 90px
}

.fondo__table--bars.negative {
    padding-top: 0
}

.fondo__table--bars.negative span {
    margin-top: 0;
    margin-bottom: auto
}

.fondo__table--bars span {
    width: 18px;
    display: block;
    min-height: 0;
    margin-top: auto
}

@media only screen and (max-width:650px) {
    .fondo__table--bars span {
        width: 10px
    }
}

.fondo__table--bars span:first-child {
    background-color: #d9d9d9
}

.fondo__table--bars span:nth-child(2) {
    background-color: #424ee0
}

.fondo__table--nums {
    height: 180px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between
}

.fondo__table--nums.short {
    height: 90px
}

.fondo__table--nums span {
    top: -4px;
    width: 100%;
    height: 25%;
    position: relative;
    font-size: 10px;
    text-align: right;
    padding-right: 5px
}

.fondo__table--nums span.neg {
    top: 14px
}

.fondo__table--nums span:nth-child(5) {
    top: calc(100% - 4px);
    right: 0;
    position: absolute
}

.fondo__table--chart {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.fondo__table--labels {
    width: calc(100% - 280px);
    margin: auto 0;
    padding-right: 20px
}

@media only screen and (max-width:650px) {
    .fondo__table--labels {
        width: 100%;
        padding-right: 0
    }
}

.fondo__table--item {
    width: 100%;
    display: flex;
    font-size: 13px;
    line-height: 1;
    align-items: flex-start;
    margin-bottom: 9px
}

.fondo__table--item.active span:first-child:before {
    transform: scale(1.35);
    transform-origin: center center
}

.fondo__table--item span {
    display: inline-block;
    margin-bottom: auto
}

.fondo__table--item span:first-child {
    width: 30%
}

.fondo__table--item span:last-child {
    width: 70%
}

.fondo__table--item span:first-child:before {
    content: "";
    width: 9px;
    height: 9px;
    display: inline-block;
    position: relative;
    transition: all .2s ease;
    margin-right: 5px;
    border-radius: 50%
}

.fondo__table--item:first-child span:first-child:before {
    background-color: #424ee0
}

.fondo__table--item:nth-child(2) span:first-child:before {
    background-color: #868dea
}

.fondo__table--item:nth-child(3) span:first-child:before {
    background-color: #c1c3f3
}

.fondo__table--item:nth-child(4) span:first-child:before {
    background-color: #e6e4f9
}

.fondo__table--item:nth-child(5) span:first-child:before {
    background-color: #cac9d8
}

.fondo__table--item:nth-child(6) span:first-child:before {
    background-color: #d4d1f2
}

.fondo__table--item:nth-child(7) span:first-child:before {
    background-color: #a09fa5
}

.fondo__table--item:nth-child(8) span:first-child:before {
    background-color: #8c8c8c
}

.fondo__table--item:nth-child(9) span:first-child:before {
    background-color: #68696b
}

.fondo__table--item:nth-child(10) span:first-child:before {
    background-color: #54565a
}

.fondo__table--donut {
    width: 280px;
    margin: auto 0
}

@media only screen and (max-width:650px) {
    .fondo__table--donut {
        width: 100%
    }
}

.fondo__scroll {
    width: 100%;
    margin-bottom: 110px
}

@media only screen and (max-width:950px) {
    .fondo__scroll {
        margin-bottom: 80px
    }
}

.fondo__scroll--single {
    margin-bottom: 50px
}

@media only screen and (max-width:950px) {
    .fondo__scroll--single {
        margin-bottom: 35px
    }
}

.fondo__scroll--ttl {
    margin-bottom: 40px
}

.fondo__scroll--container {
    width: 100%;
    margin: 100px 0 0;
    grid-column: 1/25
}

.fondo__scroll--wrap {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    user-select: none;
    align-items: stretch;
    -webkit-user-select: none;
    -moz-user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.fondo__scroll--wrap::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width:950px) {
    .fondo__scroll--wrap {
        width: calc(100% + 20px)
    }
}

.fondo__item {
    min-width: 360px;
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    margin-right: 20px;
    border-radius: 24px;
    flex-direction: column;
    background-color: #fff
}

@media only screen and (max-width:1100px) {
    .fondo__item {
        min-width: 300px
    }
}

@media only screen and (max-width:650px) {
    .fondo__item {
        min-width: 220px
    }
}

.fondo__item--img {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #e0e1e4
}

@media only screen and (max-width:1100px) {
    .fondo__item--img {
        height: 130px
    }
}

@media only screen and (max-width:650px) {
    .fondo__item--img {
        height: 100px
    }
}

.fondo__item--meta {
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
    align-items: flex-start
}

@media only screen and (max-width:1100px) {
    .fondo__item--meta {
        padding: 40px;
        min-height: 250px
    }
}

@media only screen and (max-width:650px) {
    .fondo__item--meta {
        padding: 30px;
        min-height: 200px
    }
}

.fondo__item--ttl {
    width: 100%;
    line-height: 1;
    margin-bottom: 20px
}

.fondo__item--txt {
    width: 100%;
    white-space: normal;
    margin-bottom: 50px
}

@media only screen and (max-width:1100px) {
    .fondo__item--txt {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:950px) {
    .fondo__item--txt {
        margin-bottom: 20px
    }
}

.fondo__item--btn {
    margin-top: auto
}

@media only screen and (max-width:950px) {
    .fondo__item--btn {
        width: 100%
    }
}

.fondo__banner {
    width: 100%;
    padding: 0 0 50px
}

@media only screen and (max-width:950px) {
    .fondo__banner {
        padding: 0 0 35px
    }
}

.fondo__banner--end {
    padding: 0 0 110px
}

@media only screen and (max-width:950px) {
    .fondo__banner--end {
        padding: 0 0 35px
    }
}

.fondo__banner-wrapper {
    width: 100%;
    background-color: #1d1d20;
    border-radius: 16.25px;
    box-sizing: border-box;
    padding: 40px 0
}

@media only screen and (max-width:950px) {
    .fondo__banner-wrapper {
        padding: 30px
    }
}

.fondo__banner-title {
    grid-column: 2/10;
    color: #fff
}

.fondo__banner-title .title {
    text-transform: uppercase
}

.fondo__banner-title .subtitle {
    color: #8c8c8c;
    margin: 10px 0 0
}

@media only screen and (max-width:1200px) {
    .fondo__banner-title {
        grid-column: 2/8
    }
}

@media only screen and (max-width:950px) {
    .fondo__banner-title {
        grid-column: 1/11
    }
}

.fondo__banner-content {
    grid-column: 10/19;
    color: #fff
}

.fondo__banner-content .content {
    width: 100%;
    max-width: 460px
}

@media only screen and (max-width:1200px) {
    .fondo__banner-content {
        grid-column: 9/18
    }
}

@media only screen and (max-width:950px) {
    .fondo__banner-content {
        grid-column: 1/11;
        margin: 20px 0 0
    }
}

.fondo__banner-button {
    grid-column: 20/24;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

@media only screen and (max-width:1200px) {
    .fondo__banner-button {
        grid-column: 19/24
    }
}

@media only screen and (max-width:950px) {
    .fondo__banner-button {
        justify-content: flex-start;
        grid-column: 1/11;
        margin: 30px 0 0
    }
}

.privacy-template {
    padding: 230px 0 110px
}

@media only screen and (max-width:950px) {
    .privacy-template {
        padding: 120px 0 110px
    }
}

.privacy-template__title {
    grid-column: 1/25;
    padding: 0 0 110px
}

.privacy-template__title--buro {
    padding: 0 0 90px
}

@media only screen and (max-width:950px) {
    .privacy-template__title,
    .privacy-template__title--buro {
        grid-column: 1/10;
        padding: 0 0 50px
    }
}

.privacy-template__block {
    margin: 0 0 20px
}

.contact-template {
    padding: 230px 0 0
}

@media only screen and (max-width:950px) {
    .contact-template {
        padding: 120px 0 0
    }
}

.contact-template__title {
    grid-column: 1/25;
    padding: 0 0 60px
}

@media only screen and (max-width:950px) {
    .contact-template__title {
        grid-column: 1/10;
        padding: 0 0 50px
    }
}

.contact-template__blocks {
    margin: 0 0 50px
}

.afas-template {
    padding: 85px 0 55px
}

.afas-template__hero {
    margin: 0 0 55px
}

.afas-template__image-text {
    padding: 55px 0
}

.afas-template__banner {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-template__banner .banner-module {
    min-height: 532px
}

.afas-template__banner .banner-module__content {
    grid-column: 3/13
}

@media only screen and (max-width:950px) {
    .afas-template__banner .banner-module__content {
        grid-column: 2/10
    }
}

@media only screen and (max-width:950px) {
    .afas-template__banner .banner-module {
        min-height: calc(80vh - 85px)
    }
}

@media only screen and (max-width:650px) {
    .afas-template__banner .banner-module {
        min-height: 512px
    }
}

.afas-template__practice {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-template__practice-wrapper {
    padding: 110px 0;
    background-color: #f4f5f8;
    overflow: hidden
}

.afas-template__practice-title {
    grid-column: 2/24;
    display: flex;
    justify-content: center;
    margin: 0 0 40px
}

.afas-template__practice-title .title {
    text-align: center
}

@media only screen and (max-width:950px) {
    .afas-template__practice-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.afas-template__practice-cards {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-template__practice-cards {
        grid-column: 1/11
    }
}

.afas-template__practice-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .afas-template__practice-cards-container {
        width: auto
    }
}

.afas-template__practice-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.afas-template__practice-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.afas-template__practice-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.afas-template__practice-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.afas-template__practice-cards-container.active {
    cursor: grabbing
}

.afas-template__practice-cards-container .afas-template__practice-cards-block:last-child {
    margin-right: 0
}

.afas-template__practice-cards-block {
    width: 404px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (min-width:1201px) {
    .afas-template__practice-cards-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .afas-template__practice-cards-block {
        max-width: 100%;
        min-width: 404px
    }
}

@media only screen and (max-width:650px) {
    .afas-template__practice-cards-block {
        border-radius: 15px;
        min-width: 80%
    }
}

.afas-template__practice-cards-block .image-container {
    width: 100%;
    padding-top: 58.5365853659%;
    max-height: 240px
}

.afas-template__practice-cards-block .image-container .image {
    z-index: 1
}

.afas-template__practice-cards-block .image-container .title-container {
    box-sizing: border-box;
    width: 100%;
    max-width: 250px;
    padding: 40px 30px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    white-space: normal
}

@media only screen and (max-width:650px) {
    .afas-template__practice-cards-block .image-container .title-container {
        padding: 30px
    }
}

@media only screen and (max-width:650px) {
    .afas-template__practice-cards-block .image-container {
        padding-top: 56.25%
    }
}

.afas-template__practice-cards-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 30px;
    flex-grow: 1;
    display: inline-flex
}

.afas-template__practice-cards-block .data-container .content {
    white-space: normal;
    width: 100%
}

.afas-template__practice-cards-block .data-container .button-container {
    white-space: normal;
    margin: 20px 0 0
}

@media only screen and (max-width:650px) {
    .afas-template__practice-cards-block .data-container {
        padding: 20px 30px
    }
}

.afas-template__data {
    width: 100%;
    padding: 55px 0
}

.afas-template__data-title {
    grid-column: 5/21;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    margin: 0 0 50px;
    text-align: center
}

@media only screen and (max-width:950px) {
    .afas-template__data-title {
        grid-column: 1/11;
        margin: 0 0 30px
    }
}

.afas-template__data-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 50px
}

@media only screen and (max-width:950px) {
    .afas-template__data-blocks {
        row-gap: 30px
    }
}

.afas-template__data-block {
    background-color: #f4f5f8;
    box-sizing: border-box;
    padding: 50px 0;
    border-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-template__data-block {
        border-radius: 15px;
        padding: 20px 20px 30px
    }
}

.afas-template__data-block-inner {
    grid-column: 2/24;
    display: grid;
    grid-template-columns: calc(50% - 35px) calc(50% - 35px);
    -moz-column-gap: 70px;
    column-gap: 70px
}

@media only screen and (max-width:950px) {
    .afas-template__data-block-inner {
        grid-column: 1/11;
        display: flex;
        flex-direction: column;
        row-gap: 25px
    }
}

.afas-template__data-block-image {
    width: 100%
}

.afas-template__data-block-image .image-container {
    min-height: 100%;
    padding-top: 72.1153846154%;
    border-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-template__data-block-image .image-container {
        min-height: 172px;
        padding-top: 71.6666666667%;
        border-radius: 15px
    }
}

.afas-template__data-block-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.afas-template__data-block-content .number {
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .afas-template__data-block-content .number {
        margin: 0 0 20px
    }
}

.afas-template__data-block-content .content {
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .afas-template__data-block-content .content {
        margin: 15px 0 0
    }
}

.afas-template__affiliates {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-template__affiliates-wrapper {
    padding: 110px 0;
    background-color: #1d1d20;
    overflow: hidden;
    border-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-template__affiliates-wrapper {
        border-radius: 15px;
        padding: 50px 0 30px
    }
}

.afas-template__affiliates-title {
    color: #fff;
    grid-column: 5/21;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 0 90px
}

@media only screen and (max-width:950px) {
    .afas-template__affiliates-title {
        grid-column: 2/10;
        margin: 0 0 20px
    }
}

.afas-template__affiliates-blocks {
    grid-column: 2/24;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 40px
}

@media only screen and (max-width:950px) {
    .afas-template__affiliates-blocks {
        grid-column: 2/10;
        -moz-column-gap: 5px;
        column-gap: 5px;
        row-gap: 35px
    }
}

.afas-template__affiliates-block {
    display: block;
    width: 195px;
    height: 65px;
    position: relative
}

@media only screen and (max-width:950px) {
    .afas-template__affiliates-block {
        width: 105px;
        height: 35px
    }
}

.afas-template__testimonials {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-template__testimonials-wrapper {
    padding: 110px 0;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .afas-template__testimonials-wrapper {
        padding: 50px 0
    }
}

.afas-template__testimonials-title {
    grid-column: 5/21;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    margin: 0 0 45px;
    text-align: center
}

@media only screen and (max-width:950px) {
    .afas-template__testimonials-title {
        grid-column: 1/11;
        margin: 0 0 30px
    }
}

.afas-template__testimonials-blocks {
    grid-column: 3/23;
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-template__testimonials-blocks {
        grid-column: 2/10
    }
}

.afas-template__testimonials-slider {
    position: relative;
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    z-index: 1
}

.afas-template__testimonials-slider>div:not(:first-child) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.afas-template__testimonials-slider.slick-initialized>div:not(:first-child) {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width:950px) {
    .afas-template__testimonials-slider {
        border-radius: 15px
    }
}

.afas-template__testimonials-slide {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 45px 90px 50px;
    border-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-template__testimonials-slide {
        border-radius: 15px;
        padding: 50px 20px
    }
}

.afas-template__testimonials-slide .content {
    text-align: center
}

.afas-template__testimonials-slide .author {
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    text-align: center;
    margin: 40px auto 0
}

.afas-template__testimonials-slide a.author {
    text-decoration: underline
}

.arrow-testimonials {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 15px);
    background-repeat: no-repeat;
    background-size: contain
}

.arrow-testimonials--left {
    background-image: url(../../themes/gbm-theme/images/svg/slider_before.svg);
    left: -100px
}

@media only screen and (max-width:950px) {
    .arrow-testimonials--left {
        left: -50px
    }
}

.arrow-testimonials--right {
    background-image: url(../../themes/gbm-theme/images/svg/slider_next.svg);
    right: -100px
}

@media only screen and (max-width:950px) {
    .arrow-testimonials--right {
        right: -50px
    }
}

.dots-testimonials {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 8px
}

.dots-testimonials__container {
    width: 100%;
    margin: 20px 0 0
}

.dots-testimonials li {
    width: 75px
}

.dots-testimonials li button {
    background: #fff0;
    border: none;
    opacity: 1;
    cursor: pointer;
    background-color: #e0e1e4;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    font-size: 0
}

.dots-testimonials li.slick-active button {
    background-color: #727272
}

@media only screen and (max-width:950px) {
    .dots-testimonials li {
        width: 60px
    }
}

.afas-template__banner-2 {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-template__banner-2-wrapper {
    padding: 110px 0;
    background-color: #000;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .afas-template__banner-2-wrapper {
        padding: 60px 0
    }
}

.afas-template__banner-2-wrapper .banner-module {
    min-height: 532px
}

@media only screen and (max-width:950px) {
    .afas-template__banner-2-wrapper .banner-module {
        display: flex;
        flex-direction: column;
        padding: 0
    }
    .afas-template__banner-2-wrapper .banner-module .image_desktop {
        display: none
    }
}

.afas-template__banner-2-wrapper .banner-module .grid>.image-container--mobile {
    grid-column: 1/11;
    width: 100%;
    display: none !important;
    padding-top: 77.7777777778%;
    min-height: 280px;
    margin: 0 0 20px;
    border-radius: 15px
}

.afas-template__banner-2-wrapper .banner-module .grid>.image-container--mobile .image {
    -o-object-position: top !important;
    object-position: top !important
}

@media only screen and (max-width:950px) {
    .afas-template__banner-2-wrapper .banner-module .grid>.image-container--mobile {
        display: block !important
    }
}

.afas-template__banner-2-wrapper .banner-module__content {
    grid-column: 3/13
}

@media only screen and (max-width:950px) {
    .afas-template__banner-2-wrapper .banner-module__content {
        grid-column: 1/11
    }
}

@media only screen and (max-width:950px) {
    .afas-template__banner-2-wrapper .banner-module {
        min-height: 1px
    }
}

.afas-template__team {
    margin: 55px 0 0;
    padding: 0 0 55px
}

.afas-template__team-wrapper {
    padding: 110px 0;
    background-color: #f4f5f8;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .afas-template__team-wrapper {
        padding: 60px 0
    }
}

.afas-template__team-title {
    grid-column: 1/25;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .afas-template__team-title {
        grid-column: 1/11
    }
}

.afas-template__team-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:650px) {
    .afas-template__team-blocks {
        width: auto
    }
}

.afas-template__team-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.afas-template__team-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.afas-template__team-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.afas-template__team-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.afas-template__team-blocks.active {
    cursor: grabbing
}

.afas-template__team-blocks-aux {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-template__team-blocks-aux {
        grid-row: 3;
        grid-column: 1/11
    }
}

.afas-template__team-blocks .afas-template__team-block:last-child {
    margin-right: 0
}

.afas-template__team-block {
    width: 518px;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px
}

@media only screen and (min-width:1441px) {
    .afas-template__team-block {
        width: calc(33.33333% - 24px);
        min-width: 518px
    }
}

@media only screen and (max-width:950px) {
    .afas-template__team-block {
        max-width: 100%;
        width: 250px
    }
}

@media only screen and (max-width:650px) {
    .afas-template__team-block {
        border-radius: 15px
    }
}

.afas-template__team-block.active .hover-container,
.afas-template__team-block:hover .hover-container {
    opacity: 1;
    z-index: 4
}

.afas-template__team-block .image-container {
    width: 100%;
    padding-top: 100%
}

.afas-template__team-block .image-container .image {
    z-index: 1
}

.afas-template__team-block .image-container .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: .8;
    background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .012) 8.1%, rgb(0 0 0 / .046) 15.8%, rgb(0 0 0 / .098) 23%, rgb(0 0 0 / .166) 29.8%, rgb(0 0 0 / .246) 36.4%, rgb(0 0 0 / .335) 42.7%, rgb(0 0 0 / .429) 48.8%, rgb(0 0 0 / .526) 54.9%, rgb(0 0 0 / .622) 60.9%, rgb(0 0 0 / .714) 67%, rgb(0 0 0 / .799) 73.1%, rgb(0 0 0 / .873) 79.4%, rgb(0 0 0 / .933) 86%, rgb(0 0 0 / .977) 92.8%, #000)
}

.afas-template__team-block .image-container .title-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    box-sizing: border-box;
    padding: 40px 35px;
    display: flex;
    flex-direction: column;
    white-space: normal
}

.afas-template__team-block .image-container .title-container .title {
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .afas-template__team-block .image-container .title-container .title {
        margin: 0 0 10px
    }
}

.afas-template__team-block .image-container .title-container .job {
    padding: 20px 0 0;
    border-top: .5px solid #fff
}

@media only screen and (max-width:950px) {
    .afas-template__team-block .image-container .title-container .job {
        padding: 10px 0 0
    }
}

@media only screen and (max-width:950px) {
    .afas-template__team-block .image-container .title-container {
        padding: 40px 20px
    }
}

@media only screen and (max-width:950px) {
    .afas-template__team-block .image-container {
        padding-top: 196%;
        min-height: 490px
    }
}

.afas-template__team-block .hover-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    background-color: #1d1d20;
    color: #fff;
    transition: opacity .15s ease-in-out;
    white-space: normal
}

.afas-template__team-block .hover-container::-webkit-scrollbar {
    width: 1px
}

.afas-template__team-block .hover-container::-webkit-scrollbar-track {
    background: #fff0
}

.afas-template__team-block .hover-container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
    width: 1px;
    height: 5%
}

.afas-template__team-block .hover-container::-webkit-scrollbar-thumb:hover {
    background: #fff
}

@media only screen and (max-width:650px) {
    .afas-template__team-block .hover-container .subtitle {
        display: none
    }
}

.afas-template__team-block .hover-container .job {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: .5px solid #fff
}

@media only screen and (max-width:950px) {
    .afas-template__team-block .hover-container .job {
        margin: 10px 0 0;
        padding: 10px 0 0
    }
}

@media only screen and (max-width:650px) {
    .afas-template__team-block .hover-container .job {
        display: none
    }
}

.afas-template__team-block .hover-container .content {
    margin: 40px 0 0
}

@media only screen and (max-width:950px) {
    .afas-template__team-block .hover-container {
        padding: 40px 20px
    }
}

.afas-template__calculator {
    width: 100%;
    padding: 55px 0
}

.afas-template__calculator-title {
    grid-column: 1/6;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 40px
}

.afas-template__calculator-title .content {
    width: 100%;
    margin: 40px 0 0
}

@media only screen and (max-width:950px) {
    .afas-template__calculator-title .content {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:1050px) {
    .afas-template__calculator-title {
        grid-column: 1/25;
        justify-content: center
    }
    .afas-template__calculator-title .title {
        text-align: center
    }
}

@media only screen and (max-width:950px) {
    .afas-template__calculator-title {
        grid-column: 1/11;
        margin: 0 0 30px
    }
}

.afas-template__calculator-content {
    grid-column: 7/25;
    background-color: #f4f5f8;
    border-radius: 24px;
    padding: 110px 0;
    box-sizing: border-box
}

.afas-template__calculator-content-inner {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:1100px) {
    .afas-template__calculator-content-inner {
        width: 90%
    }
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-content-inner {
        width: calc(100% - 50px)
    }
}

@media only screen and (max-width:1050px) {
    .afas-template__calculator-content {
        grid-column: 1/25
    }
}

@media only screen and (max-width:950px) {
    .afas-template__calculator-content {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-content {
        padding: 30px 0;
        border-radius: 15px
    }
}

.afas-template__calculator-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-heading {
        flex-direction: column;
        justify-content: center;
        row-gap: 20px
    }
}

.afas-template__calculator-heading-input {
    width: -moz-max-content;
    width: max-content;
    min-width: 360px;
    max-width: 100%;
    color: #727272
}

.afas-template__calculator-heading-input .input-container {
    margin: 10px 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    border-radius: 30px;
    border: 1px solid #e0e1e4
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-heading-input .input-container {
        padding: 0 0 0 10px;
        gap: 5px
    }
}

.afas-template__calculator-heading-input .title {
    display: flex
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-heading-input {
        min-width: 100%
    }
}

.afas-template__calculator-heading-commissions {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    min-width: 195px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 10px
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-heading-commissions {
        min-width: 100%
    }
}

.afas-template__calculator-heading-commissions .data-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #727272;
    position: relative;
    z-index: 1
}

.afas-template__calculator-heading-commissions .data-block:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dfdfe1;
    transform: translateY(-50%)
}

.afas-template__calculator-heading-commissions .data-block span.title-data {
    position: relative;
    z-index: 2;
    padding: 2px;
    background-color: #f4f5f8;
    display: inline-block
}

.afas-template__calculator-results {
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    margin: 50px 0 0;
    padding: 40px 50px;
    box-sizing: border-box
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-results {
        padding: 50px 25px;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        row-gap: 20px
    }
}

.afas-template__calculator-results-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #727272;
    position: relative
}

@media only screen and (max-width:650px) {
    .afas-template__calculator-results-box {
        flex-direction: column;
        align-items: flex-start
    }
}

.afas-template__calculator-results-box span {
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 2px
}

.afas-template__calculator-results-box #annually_fee,
.afas-template__calculator-results-box #monthly_fee {
    color: #424ee0
}

.tooltip-afas {
    color: #8c8c8c;
    background-color: #e0e1e4;
    display: inline-flex;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: none
}

.tooltip-afas-container {
    position: relative
}

.tooltip-afas-bubble {
    display: none !important;
    background-color: #e0e1e4;
    color: #8c8c8c;
    display: inline-flex;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 15px 20px;
    font-size: 13px;
    position: absolute;
    z-index: 3
}

.tooltip-afas-bubble:after {
    content: "";
    position: absolute;
    bottom: -11px;
    right: 10px;
    border: 6px solid #fff0;
    border-top-color: #e0e1e4
}

.tooltip-afas-bubble-active {
    left: 0;
    top: -56px
}

.afas-template__blog {
    padding: 55px 0
}

.afas-template__blog-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

.afas-template__blog-title .title {
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-template__blog-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .afas-template__blog-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.afas-template__blog-description {
    grid-column: 13/25;
    grid-row: 1
}

.afas-template__blog-description .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .afas-template__blog-description .button-container--mobile {
        display: block
    }
}

@media only screen and (max-width:950px) {
    .afas-template__blog-description {
        grid-column: 1/11;
        grid-row: 2
    }
}

.afas-template__blog-articles {
    width: 100%;
    padding: 55px 0;
    position: relative
}

.afas-template__blog-articles>a:not(:first-child) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.afas-template__blog-articles.slick-initialized>a:not(:first-child) {
    visibility: visible;
    opacity: 1
}

.afas-template__blog-articles .slick-track {
    display: flex !important
}

.afas-template__blog-articles .slick-slide {
    height: inherit !important;
    margin: 0 10px
}

.afas-template__blog-articles .slick-list {
    margin: 0 -10px
}

.arrow-afas {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain
}

.arrow-afas--left {
    background-image: url(../../themes/gbm-theme/images/svg/slider_before.svg);
    left: calc(50% - 40px)
}

.arrow-afas--right {
    background-image: url(../../themes/gbm-theme/images/svg/slider_next.svg);
    right: calc(50% - 40px)
}

.arrow-afas.slick-disabled {
    display: none !important
}

.afas-directory-template {
    padding: 160px 0 170px
}

@media only screen and (max-width:650px) {
    .afas-directory-template {
        padding: 120px 0 110px
    }
}

.afas-directory-template__title {
    grid-column: 2/13;
    width: 100%;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .afas-directory-template__title {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .afas-directory-template__title {
        margin: 0 0 20px
    }
}

.afas-directory-template__types {
    grid-column: 2/24;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .afas-directory-template__types {
        grid-column: 1/11
    }
}

.afas-directory-template__types-block {
    width: calc(50% - 10px);
    border-radius: 15px;
    box-sizing: border-box;
    padding: 40px 50px;
    color: #fff
}

.afas-directory-template__types-block .content {
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .afas-directory-template__types-block {
        padding: 30px
    }
}

@media only screen and (max-width:650px) {
    .afas-directory-template__types-block {
        width: 100%
    }
}

.afas-directory-template__wrapper {
    grid-column: 2/24;
    border-radius: 24px;
    background-color: #f4f5f8;
    padding: 50px 50px 100px
}

@media only screen and (max-width:950px) {
    .afas-directory-template__wrapper {
        grid-column: 1/11;
        justify-content: flex-start;
        padding: 50px 25px 100px
    }
}

.afas-directory-template__filters {
    width: 60%;
    margin: 0 0 20px;
    display: flex;
    justify-content: flex-start;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:950px) {
    .afas-directory-template__filters {
        width: 100%;
        justify-content: space-between
    }
}

@media only screen and (max-width:650px) {
    .afas-directory-template__filters {
        flex-direction: column;
        row-gap: 20px
    }
}

.afas-directory-template #afas_directory {
    width: 100%;
    padding: 45px 0 0;
    border-top: 1px solid #8c8c8c
}

.afas-directory-template__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media only screen and (max-width:950px) {
    .afas-directory-template__content {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .afas-directory-template__content {
        padding: 20px 0 30px
    }
}

.afas-directory-template__letter {
    width: 100%
}

.afas-directory-template__letter .title {
    margin: 0 0 20px
}

.afas-directory-template__letter-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.afas-directory-template__block {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 0
}

@media only screen and (max-width:950px) {
    .afas-directory-template__block {
        border-radius: 7px
    }
}

.afas-directory-template__block-inner {
    width: 90%;
    margin: 0 auto
}

.afas-directory-template__block-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    cursor: pointer
}

.afas-directory-template__block-heading>.title-afa .btn--pill {
    margin-left: 30px
}

@media only screen and (max-width:650px) {
    .afas-directory-template__block-heading>.title-afa .btn--pill {
        margin-left: 10px
    }
}

.afas-directory-template__block-heading.active .btn,
.afas-directory-template__block-heading.active .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .afas-directory-template__block-heading.active input.button-primary {
    transform: rotate(180deg)
}

.afas-directory-template__block-content {
    width: 100%;
    display: none
}

.afas-directory-template__block-content-inner {
    margin: 10px 0 0;
    padding: 20px 0;
    border-top: 1px solid #8c8c8c;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 10px
}

@media only screen and (max-width:950px) {
    .afas-directory-template__block-content-inner {
        grid-template-columns: 1fr;
        row-gap: 20px;
        padding: 20px 0
    }
}

.afas-directory-template__block-content .block-afa {
    width: 100%;
    display: grid;
    grid-template-columns: 88px calc(100% - 108px);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px
}

.afas-directory-template__block-content .block-afa-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

@media only screen and (max-width:650px) {
    .afas-directory-template__block-content .block-afa-container {
        row-gap: 20px
    }
}

@media only screen and (max-width:950px) {
    .afas-directory-template__block-content .block-afa {
        grid-template-columns: 1fr;
        row-gap: 5px
    }
}

@media only screen and (max-width:650px) {
    .afas-directory-template__block-content {
        padding: 30px 0 20px
    }
}

.search-container {
    width: 52.97%;
    max-width: 303px;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

@media only screen and (max-width:650px) {
    .search-container {
        width: 100%;
        max-width: 100%
    }
}

.search-field {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 40px;
    border: 1px solid #8c8c8c;
    background-color: #fff
}

.search-input {
    width: calc(100% - 35px);
    border: none;
    background: #fff0;
    color: #8c8c8c;
    padding: 0
}

.search-input::-moz-placeholder {
    color: #8c8c8c
}

.search-input::placeholder {
    color: #8c8c8c
}

.search-input:focus::-moz-placeholder {
    opacity: 0
}

.search-input:focus::placeholder {
    opacity: 0
}

.search-input:-webkit-autofill,
.search-input:-webkit-autofill:focus,
.search-input:-webkit-autofill:hover {
    border: none;
    -webkit-text-fill-color: #8c8c8c;
    -webkit-box-shadow: 0 0 0 1000px #fff0 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.search-input::-webkit-search-cancel-button,
.search-input::-webkit-search-decoration,
.search-input::-webkit-search-results-button,
.search-input::-webkit-search-results-decoration {
    display: none
}

.select-container {
    width: 43.53%;
    max-width: 249px;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

@media only screen and (max-width:650px) {
    .select-container {
        width: 100%;
        max-width: 100%
    }
}

.select-field {
    width: 100%;
    position: relative
}

.select-field:after {
    content: "";
    top: 50%;
    right: 20px;
    width: 20px;
    height: 10px;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    background-size: 16px 16px;
    background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (max-width:950px) {
    .select-field:after {
        right: 13px
    }
}

.select-field select {
    width: 100%;
    display: block;
    padding: 10px 30px 10px 25px;
    border-radius: 40px;
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
    min-height: 47px
}

.afas-blog-single__hero {
    margin: 110px 0;
    position: relative
}

@media only screen and (max-width:950px) {
    .afas-blog-single__hero {
        background-color: #f4f5f8;
        padding: 110px 0 55px;
        margin: 0 0 55px
    }
}

.afas-blog-single__hero-container {
    width: 100%;
    min-height: calc(100vh - 135px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 50px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .afas-blog-single__hero-container {
        padding: 0;
        border-radius: 0;
        min-height: 1px
    }
}

.afas-blog-single__hero-container .image-container {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

@media only screen and (max-width:950px) {
    .afas-blog-single__hero-container .image-container {
        position: relative;
        border-radius: 14px;
        margin: 0 0 20px;
        height: 0;
        padding-top: 66.4285714286%
    }
}

.afas-blog-single__hero-container-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: calc(100vh - 235px);
    display: flex;
    align-items: flex-end;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .afas-blog-single__hero-container-inner {
        min-height: 1px;
        align-items: flex-start
    }
}

.afas-blog-single__hero-container-content {
    grid-column: 11/24;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 45px 50px;
    background-color: #f4f5f8
}

.afas-blog-single__hero-container-content .metadata {
    margin: 20px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #e0e1e4;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__hero-container-content .metadata {
        flex-direction: column;
        justify-content: flex-start;
        gap: 3px
    }
}

@media only screen and (max-width:950px) {
    .afas-blog-single__hero-container-content {
        grid-column: 1/11;
        padding: 0;
        border-radius: 0
    }
}

.afas-blog-single__sidebar {
    grid-column: 1/10
}

@media only screen and (max-width:950px) {
    .afas-blog-single__sidebar {
        grid-column: 1/11;
        grid-row: 2;
        margin: 0 0 60px
    }
}

.afas-blog-single__sidebar-container {
    width: 100%;
    background-color: #f4f5f8;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 40px 50px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__sidebar-container {
        border-radius: 15px;
        padding: 35px 20px
    }
}

@media only screen and (max-width:1100px) {
    .afas-blog-single__sidebar-container--advisory {
        padding: 35px 20px
    }
}

.afas-blog-single__sidebar-affiliate {
    width: 100%;
    padding: 0 0 50px;
    margin: 0 0 50px;
    border-bottom: 1px solid #e0e1e4
}

.afas-blog-single__sidebar-affiliate .title {
    margin: 0 0 15px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__sidebar-affiliate {
        padding: 0 0 35px;
        margin: 0 0 35px
    }
}

.afas-blog-single__sidebar-newsletter {
    width: 100%;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__sidebar-newsletter {
        margin: 0 0 35px
    }
}

.afas-blog-single__sidebar-newsletter .title {
    margin: 0 0 15px
}

.afas-blog-single__sidebar-newsletter .newsletter-container {
    width: 100%;
    position: relative
}

.afas-blog-single__sidebar-share {
    width: 100%
}

.afas-blog-single__sidebar-share .title {
    margin: 0 0 15px
}

.afas-blog-single__sidebar-share .social-container {
    width: 100%;
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.afas-blog-single__sidebar-share .social-container .share-btn {
    width: 35px;
    height: 35px;
    display: inline-block
}

.afas-blog-single__sidebar-share .social-container .share-btn svg {
    display: block;
    height: auto
}

.afas-blog-single__sidebar-share .social-container .share-btn:hover svg circle {
    fill: #000
}

.afas-blog-single__sidebar-share--advisory {
    display: flex;
    justify-content: space-between;
    gap: 50px
}

.afas-blog-single__sidebar-share--advisory .social-container,
.afas-blog-single__sidebar-share--advisory .title {
    width: -moz-max-content;
    width: max-content
}

.input-newsletter {
    width: 100%;
    border-radius: 30px;
    border: 1px solid #e0e1e4;
    color: #8c8c8c;
    padding: 10px 120px 10px 20px;
    min-height: 55px
}

.input-newsletter::-moz-placeholder {
    color: #8c8c8c
}

.input-newsletter::placeholder {
    color: #8c8c8c
}

.input-newsletter:focus::-moz-placeholder {
    opacity: 0
}

.input-newsletter:focus::placeholder {
    opacity: 0
}

.afas-blog-single__layout {
    width: 100%;
    padding: 0 0 60px
}

.afas-blog-single__layout-content {
    grid-column: 11/25
}

@media only screen and (max-width:950px) {
    .afas-blog-single__layout-content {
        grid-column: 1/11;
        grid-row: 1
    }
}

@media only screen and (max-width:950px) {
    .afas-blog-single__layout {
        padding: 0 0 50px
    }
}

.afas-blog-single__block {
    width: 100%;
    margin: 0 0 50px
}

.afas-blog-single__articles {
    width: 100%
}

.afas-blog-single__articles-wrapper {
    padding: 110px 0;
    background-color: #f4f5f8;
    overflow: hidden
}

.afas-blog-single__articles-title {
    grid-column: 1/25;
    display: flex;
    justify-content: center;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__articles-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.afas-blog-single__articles-cards {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-blog-single__articles-cards {
        grid-column: 1/11
    }
}

.afas-blog-single__articles-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .afas-blog-single__articles-cards-container {
        width: auto
    }
}

.afas-blog-single__articles-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.afas-blog-single__articles-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.afas-blog-single__articles-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.afas-blog-single__articles-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.afas-blog-single__articles-cards-container.active {
    cursor: grabbing
}

.afas-blog-single__articles-cards-container .afas-template__practice-cards-block:last-child {
    margin-right: 0
}

.afas-blog-single__articles-cards-block {
    width: 410px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (min-width:1201px) {
    .afas-blog-single__articles-cards-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .afas-blog-single__articles-cards-block {
        max-width: 100%;
        min-width: 410px
    }
}

@media only screen and (max-width:650px) {
    .afas-blog-single__articles-cards-block {
        border-radius: 15px;
        min-width: 100%
    }
}

.afas-blog-single__articles-cards-block .image-container {
    width: 100%;
    padding-top: 60.9756097561%;
    max-height: 250px
}

.afas-blog-single__articles-cards-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .afas-blog-single__articles-cards-block .image-container {
        padding-top: 56.25%
    }
}

.afas-blog-single__articles-cards-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 30px 45px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.afas-blog-single__articles-cards-block .data-container .title {
    margin: 0 0 10px;
    white-space: normal
}

.afas-blog-single__articles-cards-block .data-container .metadata {
    margin: 0 0 10px;
    color: #8c8c8c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    white-space: normal
}

.afas-blog-single__articles-cards-block .data-container .metadata p {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.afas-blog-single__articles-cards-block .data-container .metadata p:not(:last-child):after {
    content: "-";
    padding: 0 .5em
}

.afas-blog-single__articles-cards-block .data-container .content {
    white-space: normal
}

@media only screen and (max-width:650px) {
    .afas-blog-single__articles-cards-block .data-container {
        padding: 20px 30px
    }
}

.afas-blog-single__text {
    width: 100%
}

.reference-link {
    font-size: 10px;
    vertical-align: super
}

.afas-blog-single__related {
    background-color: #f4f5f8;
    border-radius: 24px;
    width: 100%;
    display: grid;
    grid-template-columns: 8fr 4fr;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__related {
        border-radius: 15px;
        grid-template-columns: 1fr;
        row-gap: 50px
    }
}

.afas-blog-single__related-content {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 12px 30px 30px
}

.afas-blog-single__related-content-title {
    width: 100%;
    padding: 0 0 4px;
    border-bottom: 1px solid #e0e1e4;
    color: #8c8c8c
}

.afas-blog-single__related-content-metadata {
    width: 100%;
    margin: 20px 0 0
}

.afas-blog-single__related-content-metadata .title {
    margin: 0 0 10px
}

.afas-blog-single__related-content-metadata .metadata {
    color: #8c8c8c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start
}

.afas-blog-single__related-content-metadata .metadata p {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.afas-blog-single__related-content-metadata .metadata p:not(:last-child):after {
    content: "-";
    padding: 0 .5em
}

@media only screen and (max-width:950px) {
    .afas-blog-single__related-content {
        padding: 50px 25px 0
    }
}

.afas-blog-single__related-image {
    width: 100%
}

.afas-blog-single__related-image .image-container {
    height: 100%;
    min-height: 180px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__related-image .image-container {
        border-top-right-radius: 0;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px
    }
}

.afas-blog-single__table {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid #e0e1e4;
    border-collapse: initial
}

.afas-blog-single__table thead {
    background-color: #f4f5f8
}

.afas-blog-single__table thead tr.main-title td {
    border-bottom: 1px solid #e0e1e4
}

.afas-blog-single__table thead tr td h2 {
    text-align: center
}

.afas-blog-single__table thead tr td {
    width: 50%;
    box-sizing: border-box;
    padding: 20px 30px
}

@media only screen and (max-width:650px) {
    .afas-blog-single__table thead tr td {
        padding: 15px 20px
    }
}

.afas-blog-single__table thead tr.main-subtitle td:not(:last-child) {
    border-right: 1px solid #e0e1e4
}

.afas-blog-single__table tbody .table-cell .cell-content {
    padding: 20px 30px
}

@media only screen and (max-width:650px) {
    .afas-blog-single__table tbody .table-cell .cell-content {
        padding: 15px 20px
    }
}

.afas-blog-single__table tbody .table-row {
    width: 50%
}

.afas-blog-single__table tbody .table-row .table-cell:not(:last-child) .cell-content {
    border-right: 1px solid #e0e1e4
}

.afas-blog-single__table tbody .table-row:not(:last-child) .table-cell {
    border-bottom: 1px solid #e0e1e4
}

.afas-blog-single__button {
    width: 100%
}

.afas-blog-single__references {
    width: 100%;
    padding: 20px 0 0;
    border-top: 1px solid #e0e1e4;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.afas-blog-single__author {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 11fr;
    background-color: #f4f5f8;
    border-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author {
        border-radius: 15px;
        grid-template-columns: 1fr;
        padding: 35px 20px 30px
    }
}

.afas-blog-single__author-image {
    grid-column: 1/2;
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author-image {
        display: grid;
        grid-template-columns: 98px calc(100% - 118px);
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.afas-blog-single__author-image .image-container {
    min-height: 197px;
    height: 100%;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author-image .image-container {
        min-height: 128px;
        border-radius: 15px
    }
}

.afas-blog-single__author-image .data-container {
    display: none
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author-image .data-container {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.afas-blog-single__author-bio {
    grid-column: 2/3;
    box-sizing: border-box;
    padding: 30px
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author-bio {
        grid-column: 1/2;
        padding: 0
    }
}

.afas-blog-single__author-bio--large {
    grid-column: 1/3
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author-bio--large {
        grid-column: 1/2;
        padding: 0
    }
}

.afas-blog-single__author-bio .author {
    margin: 0 0 5px;
    color: #8c8c8c
}

@media only screen and (max-width:950px) {
    .afas-blog-single__author-bio .author,
    .afas-blog-single__author-bio .title {
        display: none
    }
}

.afas-blog-single__author-bio .content {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e0e1e4
}

.afas-blog-archive {
    padding: 160px 0 110px
}

.afas-blog-archive__featured {
    width: 100%;
    margin: 0 0 110px
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__featured {
        margin: 0 0 60px
    }
}

.afas-blog-archive__featured-title {
    grid-column: 1/25;
    margin: 0 0 100px
}

.afas-blog-archive__featured-title .content {
    margin: 20px 0 0
}

.afas-blog-archive__featured-title .button-container {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #000
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__featured-title {
        grid-column: 1/11;
        margin: 0 0 60px
    }
}

.afas-blog-archive__featured-title--advisory {
    padding: 0 0 20px;
    border-bottom: 1px solid #000
}

.afas-blog-archive__featured-article {
    grid-column: 1/15;
    width: 100%
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__featured-article {
        grid-column: 1/11;
        margin: 0 0 60px
    }
}

.afas-blog-archive__featured-card {
    width: 100%;
    border-radius: 24px;
    background-color: #f4f5f8;
    display: block;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__featured-card {
        border-radius: 15px
    }
}

.afas-blog-archive__featured-card .image-container {
    padding-top: 54.7945205479%
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__featured-card .image-container {
        padding-top: 60.7142857143%
    }
}

.afas-blog-archive__featured-card .data-container {
    padding: 40px 50px;
    box-sizing: border-box
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-card .data-container {
        padding: 30px 20px
    }
}

.afas-blog-archive__featured-card .data-container .title {
    margin: 0 0 20px
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-card .data-container .title {
        margin: 0 0 10px
    }
}

.afas-blog-archive__featured-card .data-container .metadata {
    margin: 0 0 20px;
    color: #8c8c8c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    white-space: normal
}

.afas-blog-archive__featured-card .data-container .metadata p {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.afas-blog-archive__featured-card .data-container .metadata p:not(:last-child):after {
    content: "-";
    padding: 0 .5em
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-card .data-container .metadata {
        margin: 0 0 10p
    }
}

.afas-blog-archive__featured-opinions {
    grid-column: 15/25;
    border-radius: 24px;
    background-color: #f4f5f8;
    padding: 50px;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__featured-opinions {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions {
        padding: 20px;
        border-radius: 15px
    }
}

.afas-blog-archive__featured-opinions .title {
    margin: 0 0 20px
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions .title {
        margin: 0 0 10px
    }
}

.afas-blog-archive__featured-opinions-container {
    width: 100%
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-container--desktop {
        display: none
    }
}

.afas-blog-archive__featured-opinions-container--mobile {
    display: none
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-container--mobile {
        display: block
    }
}

.afas-blog-archive__featured-opinions-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #000
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-block {
        padding: 30px 0
    }
}

.afas-blog-archive__featured-opinions-block .metadata {
    margin: 10px 0;
    color: #8c8c8c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    white-space: normal
}

.afas-blog-archive__featured-opinions-block .metadata p {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.afas-blog-archive__featured-opinions-block .metadata p:not(:last-child):after {
    content: "-";
    padding: 0 .5em
}

.afas-blog-archive__featured-opinions-pagination {
    width: 100%;
    padding: 20px 0 0;
    border-top: 1px solid #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination--desktop {
        display: none
    }
}

.afas-blog-archive__featured-opinions-pagination--mobile {
    display: none
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination--mobile {
        display: flex
    }
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination {
        justify-content: space-between
    }
}

.afas-blog-archive__featured-opinions-pagination-pages {
    max-width: 100%;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination-pages {
        display: none
    }
}

.afas-blog-archive__featured-opinions-pagination-pages .page-numbers {
    cursor: pointer
}

.afas-blog-archive__featured-opinions-pagination-pages .page-numbers.current {
    color: #424ee0;
    pointer-events: none
}

.afas-blog-archive__featured-opinions-pagination-button {
    max-width: 100%;
    width: -moz-max-content;
    width: max-content
}

.afas-blog-archive__grid {
    width: 100%
}

.afas-blog-archive__grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 110px;
    margin: 0 0 110px
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__grid-container {
        grid-template-columns: 1fr;
        row-gap: 60px;
        margin: 0 0 60px
    }
}

.afas-blog-archive__grid-block {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__grid-block {
        border-radius: 15px
    }
}

.afas-blog-archive__grid-block .image-container {
    width: 100%;
    padding-top: 60.9756097561%;
    max-height: 250px
}

@media only screen and (max-width:950px) {
    .afas-blog-archive__grid-block .image-container {
        padding-top: 60.7142857143%
    }
}

.afas-blog-archive__grid-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__grid-block .image-container {
        padding-top: 56.25%
    }
}

.afas-blog-archive__grid-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 30px 45px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__grid-block .data-container {
        padding: 30px 20px
    }
}

.afas-blog-archive__grid-block .data-container .title {
    margin: 0 0 10px;
    white-space: normal
}

.afas-blog-archive__grid-block .data-container .metadata {
    margin: 0 0 10px;
    color: #8c8c8c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    white-space: normal
}

.afas-blog-archive__grid-block .data-container .metadata p {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.afas-blog-archive__grid-block .data-container .metadata p:not(:last-child):after {
    content: "-";
    padding: 0 .5em
}

.afas-blog-archive__grid-block .data-container .content {
    white-space: normal
}

.afas-blog-archive__grid-pagination {
    width: 100%;
    padding: 20px 0 0;
    border-top: 1px solid #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.afas-blog-archive__grid-pagination-pages {
    max-width: 100%;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.afas-blog-archive__grid-pagination-pages .page-numbers.current {
    color: #424ee0
}

.afas-blog-archive__grid-pagination-button {
    max-width: 100%;
    width: -moz-max-content;
    width: max-content
}

.who-template {
    background-color: #f4f5f8;
    padding: 160px 0 60px
}

.who-template__title {
    grid-column: 1/20;
    margin: 0 0 50px;
    max-width: 950px
}

@media only screen and (max-width:950px) {
    .who-template__title {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .who-template__title {
        margin: 0
    }
}

.who-template__block {
    margin: 0 0 50px;
    padding: 50px 0 0
}

.who-template__block .banner-module {
    min-height: 550px
}

@media only screen and (max-width:950px) {
    .who-template__block .banner-module {
        min-height: calc(80vh - 85px);
        align-items: flex-start
    }
}

@media only screen and (max-width:650px) {
    .who-template__block .banner-module {
        min-height: 550px
    }
}

.who-template__text {
    width: 100%;
    border-radius: 24px;
    box-sizing: border-box
}

.who-template__text-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 100px
}

@media only screen and (max-width:650px) {
    .who-template__text-wrapper {
        row-gap: 50px
    }
}

@media only screen and (max-width:950px) {
    .who-template__text {
        border-radius: 15px
    }
}

.who-template__text--even {
    background-color: #fff
}

.who-template__text--even .who-template__text-image {
    grid-column: 1/13
}

@media only screen and (max-width:950px) {
    .who-template__text--even .who-template__text-image {
        grid-column: 1/11;
        margin: 0 0 50px
    }
}

@media only screen and (max-width:650px) {
    .who-template__text--even .who-template__text-image {
        margin: 0 0 30px
    }
}

.who-template__text--even .who-template__text-content {
    grid-column: 13/24
}

@media only screen and (max-width:950px) {
    .who-template__text--even .who-template__text-content {
        grid-column: 1/11;
        grid-row: 2;
        padding: 0 50px 50px
    }
}

@media only screen and (max-width:650px) {
    .who-template__text--even .who-template__text-content {
        padding: 0 20px 30px
    }
}

.who-template__text--odd .who-template__text-image {
    grid-column: 13/25
}

@media only screen and (max-width:950px) {
    .who-template__text--odd .who-template__text-image {
        grid-column: 1/11;
        width: 100%;
        margin: 0 0 50px;
        grid-row: 1
    }
}

@media only screen and (max-width:650px) {
    .who-template__text--odd .who-template__text-image {
        margin: 0 0 30px
    }
}

.who-template__text--odd .who-template__text-content {
    grid-column: 1/12
}

@media only screen and (max-width:950px) {
    .who-template__text--odd .who-template__text-content {
        grid-column: 1/11;
        grid-row: 2;
        padding: 0 50px
    }
}

@media only screen and (max-width:650px) {
    .who-template__text--odd .who-template__text-content {
        padding: 0 20px
    }
}

.who-template__text-image {
    width: 100%;
    grid-row: 1
}

.who-template__text-image .image-container {
    width: 100%;
    padding-top: 101.8518518519%;
    border-radius: 24px
}

@media only screen and (max-width:950px) {
    .who-template__text-image .image-container {
        padding-top: 98.5507246377%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.who-template__text-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px;
    grid-row: 1
}

@media only screen and (max-width:650px) {
    .who-template__text-content {
        row-gap: 20px
    }
}

.who-template__quote {
    grid-column: 4/22;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 30px
}

.who-template__quote .title {
    text-align: center
}

.who-template__quote .button-container {
    width: 100%;
    display: flex;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .who-template__quote {
        grid-column: 1/11
    }
}

.who-template__cards-title {
    grid-column: 1/25;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .who-template__cards-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.who-template__cards-blocks {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .who-template__cards-blocks {
        grid-column: 1/11
    }
}

.who-template__cards-blocks-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .who-template__cards-blocks-container {
        width: auto
    }
}

.who-template__cards-blocks-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.who-template__cards-blocks-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.who-template__cards-blocks-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.who-template__cards-blocks-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.who-template__cards-blocks-container.active {
    cursor: grabbing
}

.who-template__cards-blocks-container .who-template__cards-blocks-block:last-child {
    margin-right: 0
}

.who-template__cards-blocks-block {
    width: 410px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (min-width:1201px) {
    .who-template__cards-blocks-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .who-template__cards-blocks-block {
        max-width: 100%;
        min-width: 410px
    }
}

@media only screen and (max-width:650px) {
    .who-template__cards-blocks-block {
        border-radius: 15px;
        width: 80%;
        min-width: 80%
    }
}

.who-template__cards-blocks-block .image-container {
    width: 100%;
    padding-top: 58.5365853659%;
    max-height: 240px
}

.who-template__cards-blocks-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .who-template__cards-blocks-block .image-container {
        padding-top: 56.25%
    }
}

.who-template__cards-blocks-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.who-template__cards-blocks-block .data-container .title-container {
    white-space: normal
}

.who-template__cards-blocks-block .data-container .content {
    white-space: normal;
    width: 100%;
    margin: 20px 0 0
}

.who-template__cards-blocks-block .data-container .button-container {
    white-space: normal;
    margin: 20px 0 0
}

@media only screen and (max-width:650px) {
    .who-template__cards-blocks-block .data-container {
        padding: 20px 30px
    }
}

.who-template__timeline {
    width: 100%;
    background-color: #fff;
    margin: 40px 0 0;
    padding: 110px 0;
    box-sizing: border-box
}

.who-template__timeline-title {
    grid-column: 1/9;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .who-template__timeline-title {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.who-template__timeline-content {
    grid-column: 10/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .who-template__timeline-content {
        grid-column: 1/11;
        margin: 0 0 40px;
        grid-row: 2
    }
}

.who-template__timeline-cards {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .who-template__timeline-cards {
        grid-column: 1/11
    }
}

.who-template__timeline-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .who-template__timeline-cards-container {
        width: auto
    }
}

.who-template__timeline-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.who-template__timeline-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.who-template__timeline-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.who-template__timeline-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.who-template__timeline-cards-container.active {
    cursor: grabbing
}

.who-template__timeline-cards-container .who-template__timeline-cards-block:last-child {
    margin-right: 0
}

.who-template__timeline-cards-container .who-template__timeline-cards-block:last-child:after {
    display: none
}

.who-template__timeline-cards-block {
    min-width: 303px;
    width: 303px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    margin-right: 74px;
    background-color: #f4f5f8
}

@media only screen and (max-width:1200px) {
    .who-template__timeline-cards-block {
        max-width: 100%;
        min-width: 303px
    }
}

@media only screen and (max-width:650px) {
    .who-template__timeline-cards-block {
        width: calc(100% - 30px);
        border-radius: 15px;
        min-width: calc(100% - 30px)
    }
}

.who-template__timeline-cards-block:after {
    content: "";
    width: 74px;
    height: 1px;
    background-color: #424ee0;
    display: block;
    position: absolute;
    top: 50%;
    right: -74px
}

.who-template__timeline-cards-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.who-template__timeline-cards-block .data-container .title {
    white-space: normal;
    color: #424ee0
}

.who-template__timeline-cards-block .data-container .content {
    white-space: normal;
    width: 100%;
    margin: 40px 0 0
}

@media only screen and (max-width:650px) {
    .who-template__timeline-cards-block .data-container {
        padding: 20px 30px
    }
}

.who-template__points {
    width: 100%;
    background-color: #fff;
    border-radius: 24px;
    padding: 50px 0
}

@media only screen and (max-width:950px) {
    .who-template__points {
        border-radius: 15px;
        padding: 50px 0
    }
}

@media only screen and (max-width:650px) {
    .who-template__points {
        padding: 30px 0
    }
}

.who-template__points-image {
    grid-column: 2/13;
    width: calc(100% - 30px)
}

.who-template__points-image .image-container {
    width: 100%;
    border-radius: 15px;
    padding-top: 93.6802973978%;
    min-height: 100%
}

@media only screen and (max-width:950px) {
    .who-template__points-image {
        grid-column: 2/10;
        grid-row: 2;
        width: 100%;
        margin: 40px 0 0
    }
}

@media only screen and (max-width:650px) {
    .who-template__points-image {
        grid-column: 1/11;
        padding: 0 20px
    }
}

.who-template__points-content {
    grid-column: 13/24;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .who-template__points-content {
        grid-column: 2/10;
        grid-row: 1
    }
}

@media only screen and (max-width:650px) {
    .who-template__points-content {
        grid-column: 1/11;
        padding: 0 20px
    }
}

.who-template__points-content .title {
    margin: 0 0 40px
}

@media only screen and (max-width:650px) {
    .who-template__points-content .title {
        margin: 0 0 30px
    }
}

.who-template__points-content-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.who-template__points-content-block {
    width: 100%;
    max-width: 100%;
    background-color: #f4f5f8;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 30px
}

@media only screen and (max-width:950px) {
    .who-template__points-content-block {
        padding: 20px 10px
    }
}

.who-template__points-content-block .content {
    max-width: 100%
}

.who-template__certifications {
    width: 100%
}

.who-template__certifications-content {
    grid-column: 1/12;
    width: 100%
}

.who-template__certifications-content .title {
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .who-template__certifications-content {
        grid-column: 1/11
    }
}

.who-template__certifications-images {
    grid-column: 14/25;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px
}

@media only screen and (max-width:950px) {
    .who-template__certifications-images {
        grid-column: 1/11;
        margin: 40px 0 0
    }
}

@media only screen and (max-width:650px) {
    .who-template__certifications-images {
        gap: 20px
    }
}

.who-template__certifications-images .image-container {
    border-radius: 15px;
    padding-top: 100%;
    min-height: 100%
}

.work-template {
    background-color: #f4f5f8;
    padding: 160px 0 60px
}

.work-template__title {
    grid-column: 1/20;
    margin: 0 0 50px;
    max-width: 790px
}

@media only screen and (max-width:950px) {
    .work-template__title {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .work-template__title {
        margin: 0
    }
}

.work-template__block {
    margin: 0 0 50px;
    padding: 50px 0 0
}

.work-template__block .banner-module {
    min-height: 550px
}

.work-template__block .banner-module__content .subtitle {
    margin: 0 0 50px
}

@media only screen and (max-width:650px) {
    .work-template__block .banner-module__content .subtitle {
        margin: 0 0 20px
    }
}

@media only screen and (max-width:950px) {
    .work-template__block .banner-module {
        min-height: calc(80vh - 85px);
        align-items: flex-start
    }
}

@media only screen and (max-width:650px) {
    .work-template__block .banner-module {
        min-height: 550px
    }
}

.work-template__cards-title {
    grid-column: 1/9;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .work-template__cards-title {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.work-template__cards-content {
    grid-column: 10/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .work-template__cards-content {
        grid-column: 1/11;
        grid-row: 2
    }
}

.work-template__cards-blocks {
    grid-column: 1/25;
    width: 100%;
    margin: 100px 0 0
}

@media only screen and (max-width:950px) {
    .work-template__cards-blocks {
        grid-column: 1/11;
        margin: 50px 0 0
    }
}

.work-template__cards-blocks-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .work-template__cards-blocks-container {
        width: auto
    }
}

.work-template__cards-blocks-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.work-template__cards-blocks-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.work-template__cards-blocks-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.work-template__cards-blocks-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.work-template__cards-blocks-container.active {
    cursor: grabbing
}

.work-template__cards-blocks-container .work-template__cards-blocks-block:last-child {
    margin-right: 0
}

.work-template__cards-blocks-block {
    width: 410px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (min-width:1201px) {
    .work-template__cards-blocks-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .work-template__cards-blocks-block {
        max-width: 100%;
        min-width: 410px
    }
}

@media only screen and (max-width:650px) {
    .work-template__cards-blocks-block {
        border-radius: 15px;
        width: 80%;
        min-width: 80%
    }
}

.work-template__cards-blocks-block .image-container {
    width: 100%;
    padding-top: 71.7073170732%;
    max-height: 240px
}

.work-template__cards-blocks-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .work-template__cards-blocks-block .image-container {
        padding-top: 56.25%
    }
}

.work-template__cards-blocks-block .data-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 50px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.work-template__cards-blocks-block .data-container .title-container {
    white-space: normal
}

.work-template__cards-blocks-block .data-container .content {
    white-space: normal;
    width: 100%;
    margin: 10px 0 0
}

@media only screen and (max-width:650px) {
    .work-template__cards-blocks-block .data-container {
        padding: 20px 30px
    }
}

.work-template__points {
    width: 100%;
    background-color: #fff;
    border-radius: 24px;
    padding: 50px 0
}

@media only screen and (max-width:950px) {
    .work-template__points {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .work-template__points {
        padding: 30px 0
    }
}

.work-template__points-image {
    grid-column: 2/13;
    width: calc(100% - 30px)
}

.work-template__points-image .image-container {
    width: 100%;
    border-radius: 15px;
    padding-top: 118.029739777%;
    min-height: 100%
}

@media only screen and (max-width:950px) {
    .work-template__points-image {
        grid-column: 2/10;
        grid-row: 2;
        width: 100%;
        margin: 40px 0 0
    }
}

@media only screen and (max-width:650px) {
    .work-template__points-image {
        grid-column: 1/11;
        padding: 0 20px
    }
}

.work-template__points-content {
    grid-column: 13/24;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .work-template__points-content {
        grid-column: 2/10;
        grid-row: 1
    }
}

@media only screen and (max-width:650px) {
    .work-template__points-content {
        grid-column: 1/11;
        padding: 0 20px
    }
}

.work-template__points-content .title {
    margin: 0 0 40px
}

@media only screen and (max-width:650px) {
    .work-template__points-content .title {
        margin: 0 0 30px
    }
}

.work-template__points-content-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.work-template__points-content-block {
    width: 100%;
    max-width: 100%;
    background-color: #f4f5f8;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 30px;
    display: grid;
    grid-template-columns: 75px calc(100% - 105px);
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media only screen and (max-width:650px) {
    .work-template__points-content-block {
        padding: 20px 10px;
        grid-template-columns: 30px calc(100% - 30px);
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.work-template__points-content-block .number {
    color: #424ee0;
    text-align: center
}

.work-template__points-content-block .content {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fundation-template {
    background-color: #f4f5f8;
    padding: 160px 0 60px
}

.fundation-template__title {
    grid-column: 1/20;
    margin: 0 0 50px;
    max-width: 850px
}

@media only screen and (max-width:950px) {
    .fundation-template__title {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .fundation-template__title {
        margin: 0
    }
}

.fundation-template__block,
.fundation-template__block-wrapper {
    margin: 0 0 50px;
    padding: 50px 0 0
}

.fundation-template__block-wrapper .fundation-template__block {
    background-color: #fff;
    padding: 110px 0
}

.fundation-template__block .banner-module {
    min-height: 550px
}

@media only screen and (max-width:950px) {
    .fundation-template__block .banner-module {
        min-height: calc(80vh - 85px);
        align-items: flex-start
    }
}

@media only screen and (max-width:650px) {
    .fundation-template__block .banner-module {
        min-height: 550px
    }
}

.fundation-template__cards-title {
    grid-column: 1/9;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .fundation-template__cards-title {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.fundation-template__cards-content {
    grid-column: 10/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .fundation-template__cards-content {
        grid-column: 1/11;
        grid-row: 2
    }
}

.fundation-template__cards-blocks {
    grid-column: 1/25;
    width: 100%;
    margin: 50px 0 0
}

@media only screen and (max-width:950px) {
    .fundation-template__cards-blocks {
        grid-column: 1/11;
        margin: 30px 0 0
    }
}

.fundation-template__cards-blocks-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .fundation-template__cards-blocks-container {
        width: auto
    }
}

.fundation-template__cards-blocks-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.fundation-template__cards-blocks-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.fundation-template__cards-blocks-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.fundation-template__cards-blocks-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.fundation-template__cards-blocks-container.active {
    cursor: grabbing
}

.fundation-template__cards-blocks-container .fundation-template__cards-blocks-block:last-child {
    margin-right: 0
}

.fundation-template__cards-blocks-block {
    width: 629px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (min-width:1201px) {
    .fundation-template__cards-blocks-block {
        width: calc(50% - 22.5px)
    }
}

@media only screen and (max-width:1200px) {
    .fundation-template__cards-blocks-block {
        max-width: 100%;
        min-width: 629px
    }
}

@media only screen and (max-width:650px) {
    .fundation-template__cards-blocks-block {
        border-radius: 15px;
        width: calc(100% - 40px);
        min-width: 100%
    }
}

.fundation-template__cards-blocks-block .image-container {
    width: 100%;
    padding-top: 50.7936507937%;
    max-height: 240px
}

.fundation-template__cards-blocks-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .fundation-template__cards-blocks-block .image-container {
        padding-top: 56.25%
    }
}

.fundation-template__cards-blocks-block .data-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 50px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.fundation-template__cards-blocks-block .data-container .title-container {
    white-space: normal;
    color: #424ee0
}

.fundation-template__cards-blocks-block .data-container .content {
    white-space: normal;
    width: 100%;
    margin: 10px 0 0
}

@media only screen and (max-width:650px) {
    .fundation-template__cards-blocks-block .data-container {
        padding: 20px 30px
    }
}

.fundation-template__targets {
    grid-column: 1/25;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width:950px) {
    .fundation-template__targets {
        grid-column: 1/11;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:650px) {
    .fundation-template__targets {
        grid-template-columns: 1fr
    }
}

.fundation-template__targets-block {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50px 30px;
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

@media only screen and (max-width:950px) {
    .fundation-template__targets-block {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .fundation-template__targets-block {
        display: grid;
        grid-template-columns: 55px calc(100% - 85px);
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.fundation-template__targets-block .image-container {
    width: 100%
}

.fundation-template__targets-block .image-container .image {
    width: 74px
}

@media only screen and (max-width:650px) {
    .fundation-template__targets-block .image-container .image {
        width: 100%
    }
}

@media only screen and (max-width:650px) {
    .fundation-template__targets-block .image-container {
        display: flex;
        align-items: center
    }
}

.fundation-template__targets-block .data-container {
    margin: 50px 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

@media only screen and (max-width:650px) {
    .fundation-template__targets-block .data-container {
        margin: 0
    }
}

.research-template {
    padding: 85px 0 55px
}

.research-template__hero {
    margin: 0 0 55px
}

.research-template__banner,
.research-template__image-text {
    padding: 55px 0
}

.research-template__banner .banner-module {
    min-height: 550px
}

.research-template__target {
    padding: 55px 0
}

.research-template__target-title {
    grid-column: 2/24;
    display: flex;
    justify-content: center;
    margin: 0 0 40px
}

.research-template__target-title .title {
    text-align: center
}

@media only screen and (max-width:950px) {
    .research-template__target-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.research-template__target-cards {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .research-template__target-cards {
        grid-column: 1/11
    }
}

.research-template__target-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .research-template__target-cards-container {
        width: auto
    }
}

.research-template__target-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.research-template__target-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.research-template__target-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.research-template__target-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.research-template__target-cards-container.active {
    cursor: grabbing
}

.research-template__target-cards-container .afas-template__practice-cards-block:last-child {
    margin-right: 0
}

.research-template__target-cards-block {
    width: 404px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #f4f5f8
}

@media only screen and (min-width:1201px) {
    .research-template__target-cards-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .research-template__target-cards-block {
        max-width: 100%;
        min-width: 404px
    }
}

@media only screen and (max-width:650px) {
    .research-template__target-cards-block {
        border-radius: 15px;
        min-width: 80%
    }
}

.research-template__target-cards-block .image-container {
    width: 100%;
    padding-top: 58.5365853659%;
    max-height: 240px
}

.research-template__target-cards-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .research-template__target-cards-block .image-container {
        padding-top: 56.25%
    }
}

.research-template__target-cards-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    flex-grow: 1;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between
}

.research-template__target-cards-block .data-container .title {
    width: 100%;
    margin: 0 0 20px;
    white-space: normal
}

.research-template__target-cards-block .data-container .content {
    white-space: normal;
    width: 100%
}

@media only screen and (max-width:650px) {
    .research-template__target-cards-block .data-container {
        padding: 20px 30px
    }
}

.research-template__data {
    padding: 55px 0
}

.research-template__data-wrapper {
    padding: 100px 0;
    background-color: #f4f5f8
}

.research-template__data-title {
    grid-column: 1/8;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

@media only screen and (max-width:950px) {
    .research-template__data-title {
        grid-column: 1/11;
        flex-direction: column;
        margin: 0 0 50px
    }
}

.research-template__data-title .title {
    width: 100%;
    margin: 0 0 50px
}

.research-template__data-title .image-container {
    border-radius: 24px;
    padding-top: 154.2857142857%
}

@media only screen and (max-width:950px) {
    .research-template__data-title .image-container {
        border-radius: 15px;
        padding-top: 64.8148148148%
    }
}

.research-template__data-container {
    grid-column: 9/25;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media only screen and (max-width:950px) {
    .research-template__data-container {
        grid-column: 1/11
    }
}

.research-template__data-block {
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 40px 30px;
    display: grid;
    grid-template-columns: 55px calc(100% - 85px);
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media only screen and (max-width:950px) {
    .research-template__data-block {
        border-radius: 15px
    }
}

.research-template__data-block .data-container .title {
    margin: 0 0 10px
}

.research-template__team {
    padding: 55px 0
}

.research-template__team-title {
    grid-column: 1/25;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .research-template__team-title {
        grid-column: 1/11
    }
}

.research-template__team-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:650px) {
    .research-template__team-blocks {
        width: auto
    }
}

.research-template__team-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.research-template__team-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.research-template__team-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.research-template__team-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.research-template__team-blocks.active {
    cursor: grabbing
}

.research-template__team-blocks-aux {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .research-template__team-blocks-aux {
        grid-row: 3;
        grid-column: 1/11
    }
}

.research-template__team-blocks .afas-template__team-block:last-child {
    margin-right: 0
}

.research-template__team-block {
    width: 518px;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px
}

@media only screen and (min-width:1441px) {
    .research-template__team-block {
        width: calc(33.33333% - 24px);
        min-width: 518px
    }
}

@media only screen and (max-width:950px) {
    .research-template__team-block {
        max-width: 100%;
        width: 250px
    }
}

@media only screen and (max-width:650px) {
    .research-template__team-block {
        border-radius: 15px
    }
}

.research-template__team-block.active .hover-container,
.research-template__team-block:hover .hover-container {
    opacity: 1;
    z-index: 4
}

.research-template__team-block .image-container {
    width: 100%;
    padding-top: 100%
}

.research-template__team-block .image-container .image {
    z-index: 1
}

.research-template__team-block .image-container .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: .8;
    background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .012) 8.1%, rgb(0 0 0 / .046) 15.8%, rgb(0 0 0 / .098) 23%, rgb(0 0 0 / .166) 29.8%, rgb(0 0 0 / .246) 36.4%, rgb(0 0 0 / .335) 42.7%, rgb(0 0 0 / .429) 48.8%, rgb(0 0 0 / .526) 54.9%, rgb(0 0 0 / .622) 60.9%, rgb(0 0 0 / .714) 67%, rgb(0 0 0 / .799) 73.1%, rgb(0 0 0 / .873) 79.4%, rgb(0 0 0 / .933) 86%, rgb(0 0 0 / .977) 92.8%, #000)
}

.research-template__team-block .image-container .title-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    box-sizing: border-box;
    padding: 40px 35px;
    display: flex;
    flex-direction: column;
    white-space: normal
}

.research-template__team-block .image-container .title-container .title {
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .research-template__team-block .image-container .title-container .title {
        margin: 0 0 10px
    }
}

.research-template__team-block .image-container .title-container .job {
    padding: 20px 0 0;
    border-top: .5px solid #fff
}

@media only screen and (max-width:950px) {
    .research-template__team-block .image-container .title-container .job {
        padding: 10px 0 0
    }
}

@media only screen and (max-width:950px) {
    .research-template__team-block .image-container .title-container {
        padding: 40px 20px
    }
}

@media only screen and (max-width:950px) {
    .research-template__team-block .image-container {
        padding-top: 196%;
        min-height: 490px
    }
}

.research-template__team-block .hover-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    background-color: #1d1d20;
    color: #fff;
    transition: opacity .15s ease-in-out;
    white-space: normal
}

.research-template__team-block .hover-container::-webkit-scrollbar {
    width: 1px
}

.research-template__team-block .hover-container::-webkit-scrollbar-track {
    background: #fff0
}

.research-template__team-block .hover-container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
    width: 1px;
    height: 5%
}

.research-template__team-block .hover-container::-webkit-scrollbar-thumb:hover {
    background: #fff
}

@media only screen and (max-width:650px) {
    .research-template__team-block .hover-container .subtitle {
        display: none
    }
}

.research-template__team-block .hover-container .job {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: .5px solid #fff
}

@media only screen and (max-width:950px) {
    .research-template__team-block .hover-container .job {
        margin: 10px 0 0;
        padding: 10px 0 0
    }
}

@media only screen and (max-width:650px) {
    .research-template__team-block .hover-container .job {
        display: none
    }
}

.research-template__team-block .hover-container .content {
    margin: 40px 0 0
}

@media only screen and (max-width:950px) {
    .research-template__team-block .hover-container {
        padding: 40px 20px
    }
}

.research-template__markets {
    padding: 55px 0
}

.research-template__markets-title {
    grid-column: 1/25;
    margin: 0 0 40px;
    text-align: center
}

@media only screen and (max-width:950px) {
    .research-template__markets-title {
        grid-column: 1/11
    }
}

.research-template__markets-blocks {
    grid-column: 1/25;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 15px
}

@media only screen and (max-width:950px) {
    .research-template__markets-blocks {
        grid-column: 1/11;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:650px) {
    .research-template__markets-blocks {
        grid-template-columns: 1fr
    }
}

.research-template__markets-block {
    border-radius: 15px;
    background-color: #f4f5f8;
    box-sizing: border-box;
    padding: 10px 20px
}

.login-container {
    width: 100%;
    max-width: 518px;
    border-radius: 24px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50px 30px;
    color: #000
}

@media only screen and (max-width:950px) {
    .login-container {
        border-radius: 15px
    }
}

.login-container #loginform-custom {
    width: 100%;
    display: grid;
    grid-template-columns: calc(100% - 130px) 115px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 20px
}

@media only screen and (max-width:650px) {
    .login-container #loginform-custom {
        display: flex;
        flex-direction: column
    }
}

.login-container #loginform-custom input.input {
    border-radius: 30px;
    border: 1px solid #8c8c8c;
    padding: 9.5px 20px;
    box-sizing: border-box;
    color: #8c8c8c
}

.login-container #loginform-custom input.input:-webkit-autofill,
.login-container #loginform-custom input.input:-webkit-autofill:focus,
.login-container #loginform-custom input.input:-webkit-autofill:hover {
    border: 1px solid #8c8c8c;
    -webkit-text-fill-color: #8c8c8c;
    -webkit-box-shadow: 0 0 0 1000px #fff0 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.login-container #loginform-custom .login-username {
    grid-column: 1/3
}

.login-container #loginform-custom .login-password,
.login-container #loginform-custom .login-username {
    position: relative
}

.login-container #loginform-custom .login-password label,
.login-container #loginform-custom .login-username label {
    margin: 0 0 10px;
    display: inline-block
}

.login-container #loginform-custom .login-submit {
    display: flex;
    align-items: flex-end
}

.login-container #loginform-custom .login-submit input.button-primary {
    font-size: 14px;
    position: relative;
    min-width: 115px;
    padding: 1em calc(1.5em + 16px)
}

.login-container #loginform-custom .login-submit input.button-primary:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 8px);
    right: 1.5em;
    z-index: 2
}

.login-container #loginform-custom .login-submit input.button-primary:hover {
    background-color: #727272
}

.login-container #loginform-custom .login-submit input.button-primary:hover:before {
    background-image: url(../../themes/gbm-theme/images/svg/arrow_black_2.svg)
}

@media only screen and (max-width:650px) {
    .login-container #loginform-custom .login-submit {
        justify-content: center
    }
}

.login-container-header {
    width: 100%;
    margin: 0 0 50px
}

@media only screen and (max-width:650px) {
    .login-container-header {
        margin: 0 0 20px
    }
}

.login-container-footer {
    width: 100%;
    margin: 20px 0 0
}

.login-container #loginform-custom .login-submit .login-container-footer input.button-primary,
.login-container-footer .btn,
.login-container-footer .login-container #loginform-custom .login-submit input.button-primary {
    width: 100%
}

.research-template__slider {
    padding: 55px 0 0
}

.research-template__slider-articles {
    width: 100%;
    position: relative;
    z-index: 1
}

.research-template__slider-articles>div:not(:first-child) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.research-template__slider-articles.slick-initialized>div:not(:first-child) {
    visibility: visible;
    opacity: 1
}

.research-template__slider-articles-wrapper {
    width: 100%;
    padding: 110px 0;
    margin: 110px 0 0;
    background-color: #000;
    border-bottom: 1px solid #fff
}

.research-template__slider-articles-wrapper>.container {
    position: relative
}

.research-template__slider-articles-slide {
    width: 100%;
    min-height: calc(100vh - 220px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 40px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .research-template__slider-articles-slide {
        padding: 60px 0;
        border-radius: 15px
    }
}

.research-template__slider-articles-slide .image {
    z-index: 2
}

.research-template__slider-articles-slide-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: calc(100vh - 165px);
    display: flex;
    align-items: center;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .research-template__slider-articles-slide-inner {
        min-height: 1px;
        align-items: flex-start
    }
}

.research-template__slider-articles-slide-content {
    grid-column: 13/23;
    width: 100%;
    color: #fff
}

@media only screen and (max-width:1340px) {
    .research-template__slider-articles-slide-content {
        grid-column: 12/24
    }
}

@media only screen and (max-width:950px) {
    .research-template__slider-articles-slide-content {
        grid-column: 2/10
    }
}

.research-template__slider-articles-slide-content .metadata {
    margin: 20px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #fff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px
}

@media only screen and (max-width:650px) {
    .research-template__slider-articles-slide-content .metadata {
        margin: 10px 0 0;
        gap: 10px
    }
}

.research-template__slider-articles-slide-content .subtitle {
    margin: 40px 0 0
}

@media only screen and (max-width:650px) {
    .research-template__slider-articles-slide-content .subtitle {
        margin: 10px 0 0
    }
}

.research-template__slider-articles-slide-content .button-container {
    width: 100%;
    margin: 40px 0 0
}

@media only screen and (max-width:650px) {
    .research-template__slider-articles-slide-content .button-container {
        margin: 10px 0 0
    }
}

.trading-template__hero {
    width: 100%;
    margin: 0 0 55px
}

.trading-template__hero-container {
    width: 100%;
    min-height: calc(100vh - 110px);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 80px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .trading-template__hero-container {
        padding: 60px 0;
        border-radius: 15px
    }
}

.trading-template__hero-container .image,
.trading-template__hero-container .video-hero {
    z-index: 2
}

.trading-template__hero-container-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: calc(100vh - 270px);
    display: flex;
    align-items: flex-start;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .trading-template__hero-container-inner {
        min-height: 1px
    }
}

.trading-template__hero-content {
    grid-column: 8/18;
    width: 100%
}

@media only screen and (max-width:1340px) {
    .trading-template__hero-content {
        grid-column: 7/19
    }
}

@media only screen and (max-width:950px) {
    .trading-template__hero-content {
        grid-column: 2/10
    }
}

.trading-template__hero-content .title {
    margin: 0 0 15px;
    text-align: center
}

@media only screen and (max-width:650px) {
    .trading-template__hero-content .title {
        margin: 0 0 10px
    }
}

.trading-template__hero-content .content {
    margin: 0 0 15px;
    text-align: center
}

@media only screen and (max-width:650px) {
    .trading-template__hero-content .content {
        margin: 0 0 10px
    }
}

.trading-template__hero-content .button-container {
    width: 100%;
    display: flex;
    justify-content: center
}

.trading-template {
    padding: 85px 0 0
}

.trading-template__block {
    padding: 55px 0 0;
    margin: 0 0 55px
}

.trading-template__block--investments {
    padding: 125px 0 0
}

.trading-template__ecosystem {
    background-color: #f4f5f8;
    width: 100%;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 100px 0
}

@media only screen and (max-width:950px) {
    .trading-template__ecosystem {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .trading-template__ecosystem {
        padding: 50px 0
    }
}

.trading-template__ecosystem-image {
    grid-column: 3/10;
    width: 100%;
    height: 100%
}

.trading-template__ecosystem-image .image-container {
    height: 100%;
    border-radius: 24px;
    min-height: 100%
}

@media only screen and (max-width:950px) {
    .trading-template__ecosystem-image .image-container {
        border-radius: 15px;
        padding-top: 113.8888888889%;
        min-height: 1px;
        height: -moz-max-content;
        height: max-content
    }
}

@media only screen and (max-width:950px) {
    .trading-template__ecosystem-image {
        grid-column: 2/10;
        grid-row: 2;
        margin: 40px 0 0
    }
}

.trading-template__ecosystem-content {
    grid-column: 11/23;
    width: 100%
}

@media only screen and (max-width:950px) {
    .trading-template__ecosystem-content {
        grid-column: 2/10;
        grid-row: 1
    }
}

.trading-template__ecosystem-content .title {
    max-width: 570px
}

.trading-template__ecosystem-content .content {
    margin: 40px 0 0
}

@media only screen and (max-width:950px) {
    .trading-template__ecosystem-content .content {
        margin: 30px 0 0
    }
}

.trading-template__ecosystem-content-blocks {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    margin: 52px 0 0
}

@media only screen and (max-width:650px) {
    .trading-template__ecosystem-content-blocks {
        grid-template-columns: 1fr;
        margin: 30px 0 0
    }
}

.trading-template__ecosystem-content-block {
    width: 100%;
    border-radius: 15px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50px 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    row-gap: 30px
}

@media only screen and (max-width:650px) {
    .trading-template__ecosystem-content-block {
        padding: 30px 20px
    }
}

.trading-template__ecosystem-content-block .upper .content-upper {
    margin: 30px 0 0
}

.trading-template__investments-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .trading-template__investments-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.trading-template__investments-content {
    grid-column: 13/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .trading-template__investments-content {
        grid-column: 1/11;
        grid-row: 2
    }
}

.trading-template__investments-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .trading-template__investments-blocks {
        width: auto
    }
}

.trading-template__investments-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.trading-template__investments-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.trading-template__investments-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.trading-template__investments-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.trading-template__investments-blocks.active {
    cursor: grabbing
}

.trading-template__investments-blocks-aux {
    grid-column: 1/25;
    margin: 100px 0 0;
    width: 100%
}

@media only screen and (max-width:950px) {
    .trading-template__investments-blocks-aux {
        grid-row: 3;
        grid-column: 1/11;
        margin: 50px 0 0
    }
}

.trading-template__investments-blocks .trading-template__investments-block:last-child {
    margin-right: 0
}

.trading-template__investments-block {
    min-width: 298px;
    position: relative;
    display: inline-flex;
    flex-grow: 1;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px
}

@media only screen and (min-width:1441px) {
    .trading-template__investments-block {
        width: calc(25% - 18px)
    }
}

@media only screen and (max-width:950px) {
    .trading-template__investments-block {
        max-width: 100%;
        min-width: 242px
    }
}

@media only screen and (max-width:650px) {
    .trading-template__investments-block {
        border-radius: 15px;
        min-width: 80%
    }
}

.trading-template__investments-block.active .hover-container,
.trading-template__investments-block:hover .hover-container {
    opacity: 1;
    z-index: 4
}

.trading-template__investments-block .image-container {
    width: 100%;
    padding-top: 126.6666666667%
}

.trading-template__investments-block .image-container .image {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.trading-template__investments-block .image-container .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .012) 8.1%, rgb(0 0 0 / .046) 15.8%, rgb(0 0 0 / .098) 23%, rgb(0 0 0 / .166) 29.8%, rgb(0 0 0 / .246) 36.4%, rgb(0 0 0 / .335) 42.7%, rgb(0 0 0 / .429) 48.8%, rgb(0 0 0 / .526) 54.9%, rgb(0 0 0 / .622) 60.9%, rgb(0 0 0 / .714) 67%, rgb(0 0 0 / .799) 73.1%, rgb(0 0 0 / .873) 79.4%, rgb(0 0 0 / .933) 86%, rgb(0 0 0 / .977) 92.8%, #000)
}

.trading-template__investments-block .image-container .title-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 35px;
    display: flex;
    white-space: normal
}

.trading-template__investments-block .hover-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    background-color: #1d1d20;
    color: #fff;
    transition: opacity .15s ease-in-out;
    white-space: normal
}

.trading-template__investments-block .hover-container::-webkit-scrollbar {
    width: 1px
}

.trading-template__investments-block .hover-container::-webkit-scrollbar-track {
    background: #fff0
}

.trading-template__investments-block .hover-container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
    width: 1px;
    height: 5%
}

.trading-template__investments-block .hover-container::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.trading-template__investments-block .hover-container .subtitle {
    margin: 0 0 15px
}

.trading-template__investments-block .hover-container .button-container {
    margin: 20px 0 0
}

.trading-template__platform {
    width: 100%;
    padding: 100px 0;
    box-sizing: border-box;
    background-color: #1d1d20
}

@media only screen and (max-width:950px) {
    .trading-template__platform {
        padding: 60px 0
    }
}

.trading-template__platform-title {
    grid-column: 3/23;
    text-align: center;
    color: #fff;
    margin: 0 0 30px
}

@media only screen and (max-width:950px) {
    .trading-template__platform-title {
        grid-column: 2/10
    }
}

.trading-template__platform-blocks {
    grid-column: 1/25;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 15px
}

@media only screen and (max-width:950px) {
    .trading-template__platform-blocks {
        grid-column: 2/10;
        grid-template-columns: 1fr
    }
}

.trading-template__platform-block {
    background-color: #54565a;
    color: #fff;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:950px) {
    .trading-template__platform-block {
        display: none
    }
}

.trading-template__platform-block-image {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding-top: 109.3167701863%;
    background: linear-gradient(to top right, #5c5c57 0, #5d5d58 8.1%, #5f5f5b 15.5%, #636360 22.5%, #686865 29%, #6d6d6b 35.3%, #727271 41.2%, #777878 47.1%, #7d7d7e 52.9%, #828283 58.8%, #868788 64.7%, #8a8b8d 71%, #8d8e91 77.5%, #909194 84.5%, #919295 91.9%, #929396)
}

.trading-template__platform-block-content {
    width: 100%;
    box-sizing: border-box;
    padding: 70px 30px;
    color: #fff
}

.trading-template__platform-block-content .title {
    margin: 0 0 10px
}

@media only screen and (max-width:650px) {
    .trading-template__platform-block-content {
        padding: 30px 20px
    }
}

.trading-template__platform-blocks-mobile {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: none;
    align-items: stretch
}

@media only screen and (max-width:950px) {
    .trading-template__platform-blocks-mobile {
        display: flex
    }
}

@media only screen and (max-width:650px) {
    .trading-template__platform-blocks-mobile {
        width: auto
    }
}

.trading-template__platform-blocks-mobile::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.trading-template__platform-blocks-mobile::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.trading-template__platform-blocks-mobile::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.trading-template__platform-blocks-mobile::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.trading-template__platform-blocks-mobile.active {
    cursor: grabbing
}

.trading-template__platform-blocks-mobile-aux {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .trading-template__platform-blocks-mobile-aux {
        grid-row: 3;
        grid-column: 1/11
    }
}

.trading-template__platform-blocks-mobile .trading-template__platform-block-mobile:last-child {
    margin-right: 0
}

.trading-template__platform-block-mobile {
    width: 80%;
    min-width: 80%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #54565a;
    color: #fff
}

.trading-template__platform-block-mobile .image-container {
    width: 100%;
    padding-top: 93.7888198758%;
    background: linear-gradient(to top right, #5c5c57 0, #5d5d58 8.1%, #5f5f5b 15.5%, #636360 22.5%, #686865 29%, #6d6d6b 35.3%, #727271 41.2%, #777878 47.1%, #7d7d7e 52.9%, #828283 58.8%, #868788 64.7%, #8a8b8d 71%, #8d8e91 77.5%, #909194 84.5%, #919295 91.9%, #929396)
}

.trading-template__platform-block-mobile .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column;
    white-space: normal
}

.trading-template__platform-block-mobile .data-container .title {
    margin: 0 0 10px
}

.trading-template__updates {
    width: 100%
}

.trading-template__updates-title {
    grid-column: 1/25;
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .trading-template__updates-title {
        margin: 0 0 30px;
        grid-column: 1/11
    }
}

.trading-template__updates-cards {
    grid-column: 1/25;
    grid-row: 2;
    width: 100%;
    overflow-x: visible
}

@media only screen and (max-width:950px) {
    .trading-template__updates-cards {
        grid-column: 1/11;
        grid-row: 3
    }
}

.trading-template__updates-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .trading-template__updates-cards-container {
        width: auto
    }
}

.trading-template__updates-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.trading-template__updates-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.trading-template__updates-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.trading-template__updates-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.trading-template__updates-cards-container.active {
    cursor: grabbing
}

.trading-template__updates-cards-container .trading-template__updates-block:last-child {
    margin-right: 0
}

.trading-template__updates-cards-block {
    width: 569px;
    min-width: 569px;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-content: flex-start;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #f4f5f8;
    flex-grow: 1
}

@media only screen and (max-width:950px) {
    .trading-template__updates-cards-block {
        max-width: 100%
    }
}

@media only screen and (max-width:650px) {
    .trading-template__updates-cards-block {
        border-radius: 15px;
        min-width: 80%;
        width: 80%
    }
}

.trading-template__updates-cards-block .image-container {
    width: 100%;
    padding-top: 61.6197183099%
}

.trading-template__updates-cards-block .image-container .image {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

@media only screen and (max-width:650px) {
    .trading-template__updates-cards-block .image-container {
        padding-top: 66.6666666667%
    }
}

.trading-template__updates-cards-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.trading-template__updates-cards-block .data-container .data-container-aux {
    white-space: normal
}

.trading-template__updates-cards-block .data-container .data-container-aux .title {
    margin: 0 0 10px;
    white-space: normal
}

.trading-template__updates-cards-block .data-container .data-container-aux .content {
    white-space: normal;
    width: 100%
}

.trading-template__updates-cards-block .data-container .button-container {
    white-space: normal;
    margin: 20px 0 0
}

@media only screen and (max-width:650px) {
    .trading-template__updates-cards-block .data-container {
        padding: 30px 20px
    }
}

.trading-template__updates-cards-pop {
    width: 100vw;
    height: 100vh;
    position: fixed !important;
    z-index: 103;
    top: 0;
    left: 0;
    display: none
}

.trading-template__updates-cards-pop-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 85px 0;
    background-color: rgb(0 0 0 / .7)
}

.trading-template__updates-cards-pop-inner .container {
    position: relative
}

.trading-template__updates-cards-pop-wrapper {
    width: 100%;
    border-radius: 24px;
    background-color: #1d1d20;
    color: #fff;
    padding: 30px 50px 60px;
    position: relative;
    max-height: calc(100vh - 170px);
    overflow-y: auto;
    box-sizing: border-box
}

@media only screen and (max-width:950px) {
    .trading-template__updates-cards-pop-wrapper {
        padding: 30px 20px
    }
}

.trading-template__updates-cards-pop-wrapper::-webkit-scrollbar {
    width: 1px
}

.trading-template__updates-cards-pop-wrapper::-webkit-scrollbar-track {
    background: #fff0
}

.trading-template__updates-cards-pop-wrapper::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 5px;
    width: 1px;
    height: 5%
}

.trading-template__updates-cards-pop-wrapper::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.trading-template__updates-cards-pop-close {
    width: 20px;
    height: 20px;
    z-index: 3;
    cursor: pointer;
    background: url(../../themes/gbm-theme/images/svg/close_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 30px;
    right: 65px
}

@media only screen and (max-width:950px) {
    .trading-template__updates-cards-pop-close {
        top: 30px;
        right: 30px
    }
}

.trading-template__updates-cards-pop-container {
    width: 100%;
    max-width: 100%
}

.trading-template__updates-cards-pop-container-title {
    width: 100%;
    padding-bottom: 10px;
    margin: 0 0 30px;
    border-bottom: 1px solid #fff;
    color: #fff
}

.trading-template__updates-cards-pop-container-content {
    width: 100%;
    display: grid;
    grid-template-columns: calc(50% - 35px) calc(50% - 35px);
    -moz-column-gap: 70px;
    column-gap: 70px
}

@media only screen and (max-width:950px) {
    .trading-template__updates-cards-pop-container-content {
        display: flex;
        flex-direction: column;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.trading-template__types {
    width: 100%;
    padding: 110px 0;
    margin: 110px 0 55px;
    background-color: #f4f5f8
}

.trading-template__types--final {
    margin: 110px 0 0
}

.trading-template__types-title {
    grid-column: 4/22;
    text-align: center;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .trading-template__types-title {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.trading-template__types-title .content {
    margin: 20px 0 0;
    text-align: center
}

.trading-template__types-blocks {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .trading-template__types-blocks {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-bottom input.button-primary,
.trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-bottom .btn,
.trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-upper:before {
    background-color: #dedddf
}

.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-bottom input.button-primary:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-bottom .btn:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:first-child .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover {
    background-color: #8c8c8c
}

.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-bottom input.button-primary,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-bottom .btn,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-upper:before {
    background-color: #b5b5b5
}

.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-bottom input.button-primary:hover,
.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom input.button-primary,
.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom input.button-primary:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-bottom .btn:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(2) .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom .btn,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom .btn:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-upper:before {
    background-color: #8c8c8c
}

.login-container #loginform-custom .login-submit .trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom input.button-primary:hover:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom .btn:hover:hover,
.trading-template__types-blocks .trading-template__types-blocks-block:nth-child(3) .trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary:hover:hover {
    background-color: #727272
}

.trading-template__types-blocks-block {
    width: calc(33.33333% - 13.33333px);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    background-color: #fff;
    padding: 0 0 45px
}

@media only screen and (max-width:1100px) {
    .trading-template__types-blocks-block {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:950px) {
    .trading-template__types-blocks-block {
        width: 100%
    }
}

@media only screen and (max-width:650px) {
    .trading-template__types-blocks-block {
        border-radius: 15px;
        padding: 0 0 40px
    }
}

.trading-template__types-blocks-block-upper {
    width: 100%;
    position: relative;
    padding: 75px 30px 0;
    box-sizing: border-box
}

.trading-template__types-blocks-block-upper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px
}

@media only screen and (max-width:650px) {
    .trading-template__types-blocks-block-upper:before {
        height: 20px
    }
}

@media only screen and (max-width:650px) {
    .trading-template__types-blocks-block-upper {
        padding: 40px 20px 0
    }
}

.trading-template__types-blocks-block-upper-heading {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #8c8c8c
}

.trading-template__types-blocks-block-upper-heading .price {
    color: #8c8c8c
}

@media only screen and (max-width:950px) {
    .trading-template__types-blocks-block-upper-heading {
        margin: 0 0 30px;
        padding: 0;
        border-bottom: none
    }
}

.trading-template__types-blocks-block-upper-list {
    width: 100%;
    display: flex;
    flex-direction: column
}

.trading-template__types-blocks-block-upper-list .title {
    display: none;
    width: 100%;
    padding: 0 0 .3em;
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .trading-template__types-blocks-block-upper-list .title {
        font-size: 18px;
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        padding: 0 0 .15em
    }
    .trading-template__types-blocks-block-upper-list .title .dropdown {
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease-in-out;
        transform: rotate(0)
    }
}

.trading-template__types-blocks-block-upper-list .title.active .dropdown {
    transform: rotate(180deg)
}

.trading-template__types-blocks-block-upper-list .content ul li:before {
    background-color: #000
}

.trading-template__types-blocks-block-upper-list .content li:not(:last-child) {
    margin: 0 0 1em
}

@media only screen and (max-width:950px) {
    .trading-template__types-blocks-block-upper-list .content {
        display: none;
        font-size: 18px
    }
}

.trading-template__types-blocks-block-bottom {
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box;
    padding: 0 30px
}

.login-container #loginform-custom .login-submit .trading-template__types-blocks-block-bottom input.button-primary,
.trading-template__types-blocks-block-bottom .btn,
.trading-template__types-blocks-block-bottom .login-container #loginform-custom .login-submit input.button-primary {
    width: 100%
}

.trading-template__types-featured {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    gap: 20px;
    margin: 25px 0 0
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured {
        grid-column: 1/11;
        margin: 0 0 20px
    }
}

.trading-template__types-featured-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch
}

.trading-template__types-featured-title-bottom {
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box
}

.login-container #loginform-custom .login-submit .trading-template__types-featured-title-bottom input.button-primary,
.trading-template__types-featured-title-bottom .btn,
.trading-template__types-featured-title-bottom .login-container #loginform-custom .login-submit input.button-primary {
    width: 100%
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-title-bottom--desktop {
        display: none
    }
}

.trading-template__types-featured-title-bottom--mobile {
    display: none
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-title-bottom--mobile {
        display: block
    }
}

.trading-template__types-featured-block {
    width: calc(66.66667% - 6.66667px);
    border-radius: 24px;
    overflow: hidden;
    background-color: #1d1d20;
    color: #fff;
    padding: 75px 30px 40px;
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 70px;
    column-gap: 70px
}

.trading-template__types-featured-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #000
}

@media only screen and (max-width:650px) {
    .trading-template__types-featured-block:before {
        height: 20px
    }
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-block {
        width: 100%;
        display: flex;
        flex-direction: column
    }
}

@media only screen and (max-width:650px) {
    .trading-template__types-featured-block {
        border-radius: 15px;
        padding: 40px 20px 30px
    }
}

.trading-template__types-featured-block-upper {
    width: 100%
}

.trading-template__types-featured-block-upper-heading {
    width: 100%;
    margin: 0 0 20px
}

.trading-template__types-featured-block-upper-heading .price {
    color: #8c8c8c
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-block-upper-heading {
        margin: 0 0 30px;
        padding: 0;
        border-bottom: none
    }
}

.trading-template__types-featured-block-upper-list {
    width: 100%;
    display: flex;
    flex-direction: column
}

.trading-template__types-featured-block-upper-list .title {
    display: none;
    width: 100%;
    padding: 0 0 .3em;
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    margin: 0 0 20px
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-block-upper-list .title {
        font-size: 18px;
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        padding: 0 0 .15em
    }
    .trading-template__types-featured-block-upper-list .title .dropdown {
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../themes/gbm-theme/images/svg/dropdown_arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease-in-out;
        transform: rotate(0)
    }
}

.trading-template__types-featured-block-upper-list .title.active .dropdown {
    transform: rotate(180deg)
}

.trading-template__types-featured-block-upper-list .content ul li:before {
    background-color: #fff
}

.trading-template__types-featured-block-upper-list .content li:not(:last-child) {
    margin: 0 0 1em
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-block-upper-list .content {
        display: none;
        font-size: 18px
    }
}

.trading-template__types-featured-image {
    width: calc(33.33333% - 13.33333px)
}

@media only screen and (max-width:950px) {
    .trading-template__types-featured-image {
        display: none
    }
}

.trading-template__types-featured-image .image-container {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden
}

.documents-template {
    background-color: #f4f5f8;
    padding: 230px 0 100px
}

@media only screen and (max-width:950px) {
    .documents-template {
        padding: 120px 0 50px
    }
}

.documents-template__title {
    grid-column: 1/25;
    padding: 0 0 90px
}

@media only screen and (max-width:950px) {
    .documents-template__title {
        grid-column: 1/11;
        padding: 0 0 50px
    }
}

.documents-template__wrapper {
    width: 100%;
    background-color: #fff;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 100px 50px;
    margin: 50px 0 0;
    display: flex;
    flex-direction: column;
    row-gap: 160px
}

@media only screen and (max-width:1100px) {
    .documents-template__wrapper {
        padding: 100px 20px
    }
}

@media only screen and (max-width:950px) {
    .documents-template__wrapper {
        padding: 55px 25px;
        border-radius: 15px;
        row-gap: 60px
    }
}

.documents-template__fondos-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    -moz-column-gap: 20px;
    column-gap: 20px;
    border-bottom: 2px solid #1d1d20
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-tabs--desktop {
        display: none
    }
}

.documents-template__fondos-tabs--mobile {
    display: none
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-tabs--mobile {
        display: block
    }
}

.documents-template__fondos-tabs-block {
    width: 302px;
    max-width: calc(25% - 15px);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 20px 30px;
    text-align: center;
    box-sizing: border-box;
    background-color: #e0e1e4;
    cursor: pointer
}

.documents-template__fondos-tabs-block.active,
.documents-template__fondos-tabs-block:hover {
    background-color: #1d1d20;
    color: #fff
}

@media only screen and (max-width:1100px) {
    .documents-template__fondos-tabs-block {
        max-width: calc(33.33333% - 13.33333px)
    }
}

.documents-template__fondos {
    width: 100%
}

.documents-template__fondos-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 100px 50px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px
}

@media only screen and (max-width:1100px) {
    .documents-template__fondos-container {
        padding: 100px 20px
    }
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-container {
        padding: 55px 25px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }
}

.documents-template__fondos-single {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 50px
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-single {
        row-gap: 30px
    }
}

.documents-template__fondos-table {
    width: 100%
}

.documents-template__fondos-table-title {
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-title {
        margin: 0 0 20px
    }
}

.documents-template__fondos-table-container {
    width: 100%;
    border-left: 1px solid #f4f5f8;
    border-right: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden
}

.documents-template__fondos-table-container .documents-template__fondos-table-block:nth-child(odd) {
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-container .documents-template__fondos-table-block:nth-child(2n) {
        background-color: #f4f5f8
    }
    .documents-template__fondos-table-container .documents-template__fondos-table-block:nth-child(odd) {
        background-color: #fff
    }
}

.documents-template__fondos-table-header {
    width: 100%;
    background-color: #1d1d20;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: grid;
    grid-template-columns: 160px 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.documents-template__fondos-table-header .block-head {
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-header .block-head {
        padding: 10px 15px
    }
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-header {
        display: flex;
        justify-content: center;
        text-align: center
    }
    .documents-template__fondos-table-header .block-head:not(.block-head--main) {
        display: none
    }
}

.documents-template__fondos-table-block {
    width: 100%;
    display: grid;
    grid-template-columns: 160px calc(100% - 160px)
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-block {
        display: flex;
        flex-direction: column
    }
}

.documents-template__fondos-table-block-inner {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr)
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-block-inner {
        display: none;
        padding: 10px 0
    }
}

.documents-template__fondos-table-block .block-cell {
    box-sizing: border-box;
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.documents-template__fondos-table-block .block-cell .toggle {
    display: none;
    width: 14px;
    height: 14px;
    background-image: url(../../themes/gbm-theme/images/svg/more.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-block .block-cell .toggle {
        display: flex
    }
}

.documents-template__fondos-table-block .block-cell.fondo_trigger.active .toggle {
    background-image: url(../../themes/gbm-theme/images/svg/minus.svg)
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table-block .block-cell {
        justify-content: flex-start;
        padding: 10px 15px
    }
    .documents-template__fondos-table-block .block-cell.fondo {
        cursor: pointer;
        justify-content: space-between;
        gap: 10px
    }
}

.documents-template__fondos-featured {
    background-color: #e0e1e4;
    box-sizing: border-box;
    padding: 10px 30px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-featured {
        padding: 20px
    }
}

.documents-template__fondos-downloads {
    width: 100%;
    background-color: #1d1d20;
    color: #fff;
    border-radius: 15px;
    padding: 10px 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 25px
}

@media only screen and (max-width:650px) {
    .documents-template__fondos-downloads {
        padding: 20px;
        gap: 15px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start
    }
}

.documents-template__fondos-legend {
    width: 100%
}

.documents-template__fondos-table_2 {
    width: 100%;
    padding: 0 0 50px
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2 {
        padding: 0 0 30px
    }
}

.documents-template__fondos-table_2-title {
    width: 100%;
    max-width: 410px;
    margin: 0 auto 40px
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2-title {
        margin: 0 auto 20px
    }
}

@media only screen and (max-width:650px) {
    .documents-template__fondos-table_2-title {
        max-width: 100%
    }
}

.documents-template__fondos-table_2-legend {
    width: 100%;
    max-width: 410px;
    margin: 50px auto 0
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2-legend {
        margin: 30px auto 0
    }
}

@media only screen and (max-width:650px) {
    .documents-template__fondos-table_2-legend {
        max-width: 100%
    }
}

.documents-template__fondos-table_2-container {
    width: 100%;
    max-width: 410px;
    margin: 0 auto;
    border-left: 1px solid #f4f5f8;
    border-right: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden
}

@media only screen and (max-width:650px) {
    .documents-template__fondos-table_2-container {
        max-width: 100%
    }
}

.documents-template__fondos-table_2-container .documents-template__fondos-table_2-block:nth-child(2n) {
    background-color: #f4f5f8
}

.documents-template__fondos-table_2-header {
    width: 100%;
    background-color: #1d1d20;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    justify-content: center
}

.documents-template__fondos-table_2-header .block-head {
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2-header .block-head {
        padding: 10px 15px
    }
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2-header {
        display: flex;
        justify-content: center;
        text-align: center
    }
}

.documents-template__fondos-table_2-block {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.documents-template__fondos-table_2-block .block-cell {
    box-sizing: border-box;
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.documents-template__fondos-table_2-block .block-cell .toggle {
    display: none;
    width: 14px;
    height: 14px;
    background-image: url(../../themes/gbm-theme/images/svg/more.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2-block .block-cell .toggle {
        display: flex
    }
}

.documents-template__fondos-table_2-block .block-cell.fondo_trigger.active .toggle {
    background-image: url(../../themes/gbm-theme/images/svg/minus.svg)
}

@media only screen and (max-width:950px) {
    .documents-template__fondos-table_2-block .block-cell {
        justify-content: flex-start;
        padding: 10px 15px
    }
    .documents-template__fondos-table_2-block .block-cell.fondo {
        cursor: pointer;
        justify-content: space-between;
        gap: 10px
    }
}

.documents-template__avisos-filters {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box;
    padding: 0 0 15px;
    border-bottom: 1px solid #8c8c8c
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-filters {
        border-bottom: none;
        gap: 30px;
        padding: 0
    }
}

.documents-template__avisos-filters-types {
    width: calc(50% - 10px);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 15px
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-filters-types {
        width: 100%
    }
}

@media only screen and (max-width:650px) {
    .documents-template__avisos-filters-types .btn,
    .documents-template__avisos-filters-types .login-container #loginform-custom .login-submit input.button-primary,
    .login-container #loginform-custom .login-submit .documents-template__avisos-filters-types input.button-primary {
        width: calc(50% - 7.5px);
        border-radius: 42px
    }
}

.documents-template__avisos-filters-years {
    width: calc(50% - 10px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: center;
    gap: 15px
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-filters-years {
        width: 100%;
        justify-content: flex-start;
        align-content: flex-start
    }
}

@media only screen and (max-width:650px) {
    .afas-blog-archive__featured-opinions-pagination-pages .documents-template__avisos-filters-years .page-numbers.current,
    .afas-blog-archive__grid-pagination-pages .documents-template__avisos-filters-years .page-numbers.current,
    .documents-research__pagination .pagination-list .documents-template__avisos-filters-years .page-number-company.active,
    .documents-research__pagination .pagination-list .documents-template__avisos-filters-years .page-number.active,
    .documents-template__avisos-filters-years .afas-blog-archive__featured-opinions-pagination-pages .page-numbers.current,
    .documents-template__avisos-filters-years .afas-blog-archive__grid-pagination-pages .page-numbers.current,
    .documents-template__avisos-filters-years .documents-research__pagination .pagination-list .page-number-company.active,
    .documents-template__avisos-filters-years .documents-research__pagination .pagination-list .page-number.active,
    .documents-template__avisos-filters-years .investor__block h3,
    .documents-template__avisos-filters-years .txt-21-700,
    .documents-template__avisos-filters-years .wysiwyg-blog h3,
    .documents-template__avisos-filters-years .wysiwyg-blog h4,
    .documents-template__avisos-filters-years .wysiwyg-blog h5,
    .documents-template__avisos-filters-years .wysiwyg-blog h6,
    .investor__block .documents-template__avisos-filters-years h3,
    .wysiwyg-blog .documents-template__avisos-filters-years h3,
    .wysiwyg-blog .documents-template__avisos-filters-years h4,
    .wysiwyg-blog .documents-template__avisos-filters-years h5,
    .wysiwyg-blog .documents-template__avisos-filters-years h6 {
        display: none
    }
    .documents-template__avisos-filters-years .select-aviso {
        width: 100%
    }
}

.documents-template__avisos-container {
    box-sizing: border-box;
    padding: 50px 0 0
}

.documents-template__avisos-container-title {
    margin: 0 0 50px
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-container-title {
        margin: 0 0 20px
    }
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-container {
        padding: 30px 0 0
    }
}

.documents-template__avisos-table {
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    border-left: 1px solid #f4f5f8;
    border-right: 1px solid #f4f5f8;
    border-bottom: 1px solid #f4f5f8
}

.documents-template__avisos-table-header {
    background-color: #1d1d20;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: grid;
    grid-template-columns: calc(100% - 90px) 90px
}

@media only screen and (max-width:650px) {
    .documents-template__avisos-table-header {
        display: flex;
        justify-content: center
    }
}

.documents-template__avisos-table-header .block-cell-main {
    box-sizing: border-box;
    padding: 20px 20px 20px 50px
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-table-header .block-cell-main {
        padding: 20px
    }
}

@media only screen and (max-width:650px) {
    .documents-template__avisos-table-header .block-cell-main {
        display: flex;
        justify-content: center;
        padding: 10px 15px;
        text-align: center
    }
}

.documents-template__avisos-table-header .block-cell {
    box-sizing: border-box;
    padding: 20px;
    text-align: center
}

@media only screen and (max-width:650px) {
    .documents-template__avisos-table-header .block-cell {
        display: none
    }
}

.documents-template__avisos-table-container {
    width: 100%
}

.documents-template__avisos-table-container .documents-template__avisos-table-block:nth-child(2n) {
    background-color: #f4f5f8
}

@media only screen and (max-width:650px) {
    .documents-template__avisos-table-container .documents-template__avisos-table-block:nth-child(2n) {
        background-color: #fff
    }
    .documents-template__avisos-table-container .documents-template__avisos-table-block:nth-child(odd) {
        background-color: #f4f5f8
    }
}

.documents-template__avisos-table-block {
    width: 100%;
    display: grid;
    grid-template-columns: calc(100% - 90px) 90px
}

@media only screen and (max-width:650px) {
    .documents-template__avisos-table-block {
        display: flex;
        flex-direction: row-reverse
    }
}

.documents-template__avisos-table-block .block-row-main {
    box-sizing: border-box;
    padding: 15px 20px 15px 50px;
    min-height: 75px;
    display: flex;
    align-items: center
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-table-block .block-row-main {
        padding: 15px 20px
    }
}

.documents-template__avisos-table-block .block-row {
    box-sizing: border-box;
    padding: 15px 20px;
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:950px) {
    .documents-template__avisos-table-block .block-row {
        padding: 15px 5px 15px 20px;
        align-items: flex-start
    }
}

.documents-template__estados {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 100px
}

@media only screen and (max-width:950px) {
    .documents-template__estados {
        gap: 50px
    }
}

.documents-template__estados-single {
    width: 100%
}

.ventures-template {
    padding: 85px 0 0
}

.ventures-template__hero {
    margin: 0 0 55px
}

.ventures-template__block {
    padding: 55px 0 0;
    margin: 0 0 55px
}

.ventures-template__block .banner-module {
    min-height: 550px
}

.ventures-template__featured {
    width: 100%;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #1d1d20;
    margin: 20px 0 0;
    padding: 50px 0
}

@media only screen and (max-width:950px) {
    .ventures-template__featured {
        border-radius: 15px
    }
}

.ventures-template__featured-content {
    grid-column: 3/14;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    color: #fff
}

@media only screen and (max-width:950px) {
    .ventures-template__featured-content {
        grid-column: 2/10
    }
}

.ventures-template__featured-button {
    grid-column: 18/23;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media only screen and (max-width:950px) {
    .ventures-template__featured-button {
        grid-column: 2/10;
        justify-content: flex-start;
        margin: 20px 0 0
    }
}

.ventures-template__cards-title {
    grid-column: 2/24;
    margin: 0 0 50px;
    text-align: center
}

@media only screen and (max-width:950px) {
    .ventures-template__cards-title {
        margin: 0 0 30px;
        grid-column: 1/11
    }
}

.ventures-template__cards-blocks {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .ventures-template__cards-blocks {
        grid-column: 1/11
    }
}

.ventures-template__cards-blocks-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .ventures-template__cards-blocks-container {
        width: auto
    }
}

.ventures-template__cards-blocks-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.ventures-template__cards-blocks-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.ventures-template__cards-blocks-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.ventures-template__cards-blocks-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.ventures-template__cards-blocks-container.active {
    cursor: grabbing
}

.ventures-template__cards-blocks-container .who-template__cards-blocks-block:last-child {
    margin-right: 0
}

.ventures-template__cards-blocks-block {
    width: 410px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #f4f5f8
}

@media only screen and (min-width:1201px) {
    .ventures-template__cards-blocks-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .ventures-template__cards-blocks-block {
        max-width: 100%;
        min-width: 410px
    }
}

@media only screen and (max-width:650px) {
    .ventures-template__cards-blocks-block {
        border-radius: 15px;
        width: 80%;
        min-width: 80%
    }
}

.ventures-template__cards-blocks-block .image-container {
    width: 100%;
    padding-top: 58.5365853659%;
    max-height: 240px
}

.ventures-template__cards-blocks-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .ventures-template__cards-blocks-block .image-container {
        padding-top: 56.25%
    }
}

.ventures-template__cards-blocks-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.ventures-template__cards-blocks-block .data-container .content {
    white-space: normal;
    width: 100%
}

@media only screen and (max-width:650px) {
    .ventures-template__cards-blocks-block .data-container {
        padding: 20px 30px
    }
}

.ventures-template__logos {
    width: 100%;
    background-color: #f4f5f8;
    box-sizing: border-box;
    padding: 110px 0
}

@media only screen and (max-width:650px) {
    .ventures-template__logos {
        padding: 55px 0
    }
}

.ventures-template__logos-title {
    grid-column: 2/24;
    margin: 0 0 35px;
    text-align: center
}

@media only screen and (max-width:950px) {
    .ventures-template__logos-title {
        grid-column: 1/11
    }
}

.ventures-template__logos-grid {
    width: 100%;
    grid-column: 1/25;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px
}

@media only screen and (max-width:950px) {
    .ventures-template__logos-grid {
        grid-column: 1/11
    }
}

@media only screen and (max-width:650px) {
    .ventures-template__logos-grid {
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 10px
    }
}

.ventures-template__logos-block {
    width: calc(25% - 15px);
    height: 190px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: block
}

.ventures-template__logos-block .exit-icon {
    display: block;
    width: 78px;
    height: auto;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 3
}

@media only screen and (max-width:950px) {
    .ventures-template__logos-block .exit-icon {
        width: 68px
    }
}

@media only screen and (max-width:650px) {
    .ventures-template__logos-block .exit-icon {
        width: 48px
    }
}

@media only screen and (max-width:950px) {
    .ventures-template__logos-block {
        width: calc(33.33333% - 13.33333px)
    }
}

@media only screen and (max-width:650px) {
    .ventures-template__logos-block {
        width: calc(50% - 10px);
        height: 85px
    }
}

.ventures-template__logos-block .image-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.ventures-template__logos-block .image-container-hover {
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.ventures-template__logos-block:hover .image-container {
    opacity: 0;
    z-index: -1
}

.ventures-template__logos-block:hover .image-container-hover {
    opacity: 1;
    z-index: 1
}

.ventures-template__logos-block:hover .exit-icon path {
    fill: #fff
}

.asset-template {
    padding: 85px 0 0
}

.asset-template__hero {
    margin: 0 0 55px
}

.asset-template__block {
    padding: 55px 0 0;
    margin: 0 0 55px
}

.asset-template__slider-wrapper {
    width: 100%;
    padding: 110px 0;
    background-color: #000;
    border-bottom: 1px solid #fff
}

.asset-template__slider-wrapper>.container {
    position: relative
}

.asset-template__team {
    padding: 55px 0 0
}

.asset-template__team-wrapper {
    width: 100%;
    padding: 110px 0;
    background-color: #f4f5f8;
    border-bottom: 1px solid #fff
}

.asset-template__team-wrapper>.container {
    position: relative
}

.asset-template__cards-title {
    grid-column: 1/25;
    margin: 0 0 30px
}

@media only screen and (max-width:950px) {
    .asset-template__cards-title {
        grid-column: 1/11
    }
}

.asset-template__cards-blocks {
    grid-column: 1/25;
    width: 100%
}

@media only screen and (max-width:950px) {
    .asset-template__cards-blocks {
        grid-column: 1/11
    }
}

.asset-template__cards-blocks-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .asset-template__cards-blocks-container {
        width: auto
    }
}

.asset-template__cards-blocks-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.asset-template__cards-blocks-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.asset-template__cards-blocks-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.asset-template__cards-blocks-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.asset-template__cards-blocks-container.active {
    cursor: grabbing
}

.asset-template__cards-blocks-container .who-template__cards-blocks-block:last-child {
    margin-right: 0
}

.asset-template__cards-blocks-block {
    width: 410px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #f4f5f8
}

@media only screen and (min-width:1201px) {
    .asset-template__cards-blocks-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .asset-template__cards-blocks-block {
        max-width: 100%;
        min-width: 410px
    }
}

@media only screen and (max-width:650px) {
    .asset-template__cards-blocks-block {
        border-radius: 15px;
        width: 80%;
        min-width: 80%
    }
}

.asset-template__cards-blocks-block .image-container {
    width: 100%;
    padding-top: 58.5365853659%;
    max-height: 240px
}

.asset-template__cards-blocks-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .asset-template__cards-blocks-block .image-container {
        padding-top: 56.25%
    }
}

.asset-template__cards-blocks-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 35px 30px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.asset-template__cards-blocks-block .data-container .title-container {
    white-space: normal;
    color: #424ee0
}

.asset-template__cards-blocks-block .data-container .content {
    white-space: normal;
    width: 100%;
    margin: 10px 0 0
}

@media only screen and (max-width:650px) {
    .asset-template__cards-blocks-block .data-container {
        padding: 20px 30px
    }
}

.asset-template__solutions {
    width: 100%;
    box-sizing: border-box;
    padding: 110px 0;
    background-color: #f4f5f8
}

.asset-template__solutions-title {
    grid-column: 1/9;
    width: calc(100% - 50px)
}

.asset-template__solutions-title .content {
    margin: 40px 0 0
}

@media only screen and (max-width:950px) {
    .asset-template__solutions-title {
        grid-column: 1/11;
        width: 100%
    }
}

.asset-template__solutions-container {
    grid-column: 9/25;
    width: calc(100% - 50px);
    margin: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media only screen and (max-width:950px) {
    .asset-template__solutions-container {
        display: none
    }
}

.asset-template__solutions-block {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 24px;
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    -moz-column-gap: 35px;
    column-gap: 35px
}

@media only screen and (max-width:950px) {
    .asset-template__solutions-block {
        border-radius: 15px
    }
}

.asset-template__solutions-block .image-container {
    width: 100%;
    min-height: 310px;
    height: 100%
}

.asset-template__solutions-block .data-container {
    box-sizing: border-box;
    padding: 40px 0;
    width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.asset-template__solutions-block .data-container .number {
    color: #424ee0
}

.asset-template__solutions-block .data-container .title {
    margin: 20px 0 0
}

.asset-template__solutions-block .data-container .content {
    margin: 10px 0 0
}

.asset-template__solutions-blocks {
    grid-column: 1/11;
    width: 100%;
    margin: 40px 0 0;
    display: none
}

@media only screen and (max-width:950px) {
    .asset-template__solutions-blocks {
        display: block
    }
}

.asset-template__solutions-blocks-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .asset-template__solutions-blocks-container {
        width: auto
    }
}

.asset-template__solutions-blocks-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.asset-template__solutions-blocks-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.asset-template__solutions-blocks-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.asset-template__solutions-blocks-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.asset-template__solutions-blocks-container.active {
    cursor: grabbing
}

.asset-template__solutions-blocks-container .who-template__cards-blocks-block:last-child {
    margin-right: 0
}

.asset-template__solutions-blocks-block {
    width: 410px;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #fff
}

@media only screen and (min-width:1201px) {
    .asset-template__solutions-blocks-block {
        width: calc(33.33333% - 15px)
    }
}

@media only screen and (max-width:1200px) {
    .asset-template__solutions-blocks-block {
        max-width: 100%;
        min-width: 410px
    }
}

@media only screen and (max-width:650px) {
    .asset-template__solutions-blocks-block {
        border-radius: 15px;
        width: 80%;
        min-width: 80%
    }
}

.asset-template__solutions-blocks-block .image-container {
    width: 100%;
    padding-top: 58.5365853659%;
    max-height: 240px
}

.asset-template__solutions-blocks-block .image-container .image {
    z-index: 1
}

@media only screen and (max-width:650px) {
    .asset-template__solutions-blocks-block .image-container {
        padding-top: 56.25%
    }
}

.asset-template__solutions-blocks-block .data-container {
    width: 100%;
    box-sizing: border-box;
    padding: 35px 30px;
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column
}

.asset-template__solutions-blocks-block .data-container .number {
    color: #424ee0
}

.asset-template__solutions-blocks-block .data-container .title {
    white-space: normal;
    margin: 20px 0 0
}

.asset-template__solutions-blocks-block .data-container .content {
    white-space: normal;
    width: 100%;
    margin: 10px 0 0
}

@media only screen and (max-width:650px) {
    .asset-template__solutions-blocks-block .data-container {
        padding: 20px 30px
    }
}

.asset-template__philosophy {
    width: 100%;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 110px 0;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .asset-template__philosophy {
        border-radius: 15px
    }
}

@media only screen and (max-width:650px) {
    .asset-template__philosophy {
        padding: 60px 25px
    }
}

.asset-template__philosophy-image {
    width: calc(100% - 30px);
    grid-column: 3/13;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    min-height: 550px;
    height: 100%
}

@media only screen and (max-width:1100px) {
    .asset-template__philosophy-image {
        grid-column: 2/13
    }
}

@media only screen and (max-width:950px) {
    .asset-template__philosophy-image {
        width: 100%;
        grid-column: 2/10;
        grid-row: 2;
        min-height: 1px;
        padding-top: 87.5%;
        margin: 30px 0 0
    }
}

@media only screen and (max-width:650px) {
    .asset-template__philosophy-image {
        grid-column: 1/11
    }
}

.asset-template__philosophy-content {
    grid-column: 13/23;
    width: 100%
}

@media only screen and (max-width:1100px) {
    .asset-template__philosophy-content {
        grid-column: 13/24
    }
}

@media only screen and (max-width:950px) {
    .asset-template__philosophy-content {
        grid-column: 2/10;
        grid-row: 1
    }
}

@media only screen and (max-width:650px) {
    .asset-template__philosophy-content {
        grid-column: 1/11
    }
}

.asset-template__philosophy-content-title {
    width: 100%;
    margin: 0 0 40px
}

.asset-template__philosophy-content-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.asset-template__philosophy-content-block {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px
}

.asset-template__philosophy-content-block-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.asset-template__philosophy-content-block-title.dropdown_philosophy_trigger {
    cursor: pointer
}

.asset-template__philosophy-content-block-title .arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_select.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(0);
    transition: transform .3s ease-in-out
}

.asset-template__philosophy-content-block-title.active .arrow {
    transform: rotate(180deg)
}

.asset-template__philosophy-content-block-container {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #8c8c8c;
    display: none
}

.asset-template__difference-title {
    grid-column: 1/25;
    margin: 0 0 40px
}

@media only screen and (max-width:950px) {
    .asset-template__difference-title {
        grid-column: 1/11
    }
}

.asset-template__difference-blocks {
    grid-column: 1/25;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 20px
}

@media only screen and (max-width:950px) {
    .asset-template__difference-blocks {
        grid-row: 3;
        grid-column: 1/11
    }
}

.asset-template__difference-block {
    width: calc(33.33333% - 13.33333px);
    border-radius: 24px;
    padding: 50px 30px;
    background-color: #f4f5f8
}

@media only screen and (max-width:950px) {
    .asset-template__difference-block {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:650px) {
    .asset-template__difference-block {
        border-radius: 15px;
        width: 100%;
        display: grid;
        grid-template-columns: 50px calc(100% - 60px);
        -moz-column-gap: 10px;
        column-gap: 10px;
        padding: 30px 20px
    }
}

.asset-template__difference-block .image-container {
    width: 100%
}

.asset-template__difference-block .image-container .image {
    height: 45px
}

@media only screen and (max-width:650px) {
    .asset-template__difference-block .image-container {
        display: flex;
        align-items: center
    }
}

.asset-template__difference-block .title {
    width: 100%;
    margin: 30px 0 0
}

@media only screen and (max-width:650px) {
    .asset-template__difference-block .title {
        margin: 0
    }
}

.asset-template__difference-block .content {
    width: 100%;
    margin: 10px 0 0
}

@media only screen and (max-width:650px) {
    .asset-template__difference-block .content {
        margin: 0
    }
}

.research-home-template {
    padding: 85px 0 110px
}

.research-home-template__hero {
    width: 100%;
    margin: 0 0 50px
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero {
        margin: 0 0 20px
    }
}

.research-home-template__hero .container {
    position: relative
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero .container {
        width: 100%
    }
    .research-home-template__hero .container .dots-container__desktop {
        bottom: 110px
    }
    .research-home-template__hero .container .dots-container__desktop .dots li:after {
        content: "";
        background-color: rgb(224 225 228 / .7)
    }
    .research-home-template__hero .container .dots-container__desktop .dots li.slick-active:after {
        background-color: #1d1d20
    }
}

.research-home-template__hero-slider {
    width: 100%;
    position: relative;
    z-index: 1
}

.research-home-template__hero-slider>div:not(:first-child) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.research-home-template__hero-slider.slick-initialized>div:not(:first-child) {
    visibility: visible;
    opacity: 1
}

.research-home-template__hero-slide {
    width: 100%;
    min-height: 70vh;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 40px 0;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide {
        padding: 0;
        border-radius: 0;
        min-height: -moz-max-content;
        min-height: max-content
    }
}

.research-home-template__hero-slide .image {
    z-index: 2
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide .image {
        position: relative;
        height: 35vh
    }
}

.research-home-template__hero-slide-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 0 5%;
    min-height: calc(70vh - 80px);
    display: flex;
    align-items: center;
    box-sizing: border-box
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide-inner {
        min-height: 1px;
        padding: 0;
        margin-top: -30px;
        align-items: flex-start
    }
}

.research-home-template__hero-slide-content {
    grid-column: 13/25;
    width: 100%
}

@media only screen and (max-width:1340px) {
    .research-home-template__hero-slide-content {
        grid-column: 12/25
    }
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide-content {
        grid-column: 1/11
    }
}

.research-home-template__hero-slide-content .content-wrapper {
    box-sizing: border-box;
    background-color: #f4f5f8;
    overflow: clip;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.research-home-template__hero-slide-content .data-container {
    box-sizing: border-box;
    padding: 50px 30px
}

.research-home-template__hero-slide-content .data-container .title {
    margin-bottom: 15px
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide-content .data-container {
        padding: 30px 20px 15px
    }
}

.research-home-template__hero-slide-content .meta-container {
    box-sizing: border-box;
    padding: 8px 30px 50px;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 4fr 4fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    color: #8c8c8c
}

.research-home-template__hero-slide-content .meta-container:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #e0e1e4;
    position: absolute;
    top: 0;
    left: 30px
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide-content .meta-container:after {
        display: none
    }
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide-content .meta-container {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        padding: 15px 20px 50px
    }
}

.research-home-template__hero-slide-content .button-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1d1d20;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 30px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px
}

@media only screen and (max-width:1070px) {
    .research-home-template__hero-slide-content .button-container {
        -moz-column-gap: 20px;
        column-gap: 20px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.sector-sidebar {
    grid-column: 1/6;
    width: 100%;
    box-sizing: border-box;
    background-color: #f4f5f8;
    padding: 50px 30px;
    border-radius: 24px
}

@media only screen and (max-width:1260px) {
    .sector-sidebar {
        grid-column: 1/7
    }
}

@media only screen and (max-width:1070px) {
    .sector-sidebar {
        display: none;
        position: fixed;
        z-index: 105;
        background-color: #fff;
        top: 0;
        left: 0;
        height: 100vh;
        max-height: 100vh;
        padding: 20px 20px 35px;
        overflow-y: auto
    }
    .sector-sidebar::-webkit-scrollbar {
        width: 1px
    }
    .sector-sidebar::-webkit-scrollbar-thumb,
    .sector-sidebar::-webkit-scrollbar-track {
        background: #fff0
    }
    .sector-sidebar::-webkit-scrollbar-thumb:hover {
        background: #fff0
    }
}

.sector-sidebar__header {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 20px;
    border-bottom: 1px solid #ededef
}

.sector-sidebar__header a {
    display: block;
    height: 26.32px
}

@media only screen and (max-width:1070px) {
    .sector-sidebar__header {
        display: flex
    }
}

.sector-sidebar__mobile {
    display: none;
    grid-column: 1/11;
    margin: 0 0 20px
}

@media only screen and (max-width:1070px) {
    .sector-sidebar__mobile {
        display: block
    }
}

.sector-sidebar__title {
    margin: 0 0 45px
}

@media only screen and (max-width:1070px) {
    .sector-sidebar__title {
        margin: 35px 0
    }
}

.sector-sidebar__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.sector-sidebar__list-block {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px;
    border-radius: 7px
}

@media only screen and (max-width:1070px) {
    .sector-sidebar__list-block {
        background-color: #f4f5f8;
        padding: 15px 30px
    }
}

.sector-sidebar__list-block .trigger-block {
    position: relative;
    padding-right: 30px;
    cursor: pointer
}

.sector-sidebar__list-block .trigger-block span.arrow {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url(../../themes/gbm-theme/images/svg/arrow_drop_research.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(0) rotate(0);
    transform-origin: center;
    transition: transform .3s ease-in-out
}

.sector-sidebar__list-block .trigger-block.active .arrow {
    transform: translateY(-50%) rotate(180deg)
}

.sector-sidebar__list-block .target-block {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #e0e1e4;
    display: none
}

@media only screen and (max-width:1070px) {
    .sector-sidebar__list-block .target-block {
        padding: 0
    }
}

.sector-sidebar__list-block .target-block .companies-list {
    width: 100%
}

.sector-sidebar__list-block .target-block .companies-list li {
    padding: 5px
}

.sector-sidebar__list-block .target-block .companies-list li:hover {
    background-color: #dfdfe1
}

.sector-sidebar__logout {
    width: 100%;
    margin: 20px 0 0
}

.login-container #loginform-custom .login-submit .sector-sidebar__logout input.button-primary,
.sector-sidebar__logout .btn,
.sector-sidebar__logout .login-container #loginform-custom .login-submit input.button-primary {
    width: 100%
}

.topbar-research {
    width: 100%;
    display: grid;
    grid-template-columns: 12fr 6fr;
    -moz-column-gap: 50px;
    column-gap: 50px
}

@media only screen and (max-width:1070px) {
    .topbar-research {
        grid-template-columns: 120px calc(100% - 130px);
        -moz-column-gap: 10px;
        column-gap: 10px;
        position: sticky;
        top: 85px;
        border-bottom: 2px solid #1d1d20;
        padding: 15px 0 0;
        background-color: #fff;
        z-index: 5
    }
}

.topbar-research__filters {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 20px
}

@media only screen and (max-width:1070px) {
    .topbar-research__filters {
        grid-column: 1/3;
        grid-row: 2;
        flex-wrap: nowrap;
        overflow-y: auto
    }
}

.topbar-research__filters-block {
    width: calc(25% - 15px);
    min-width: -moz-max-content;
    min-width: max-content;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #8c8c8c;
    text-align: center
}

@media only screen and (max-width:1070px) {
    .topbar-research__filters-block {
        width: calc(33.33333% - 13.33333px)
    }
}

.topbar-research__filters-block.active {
    background-color: #1d1d20
}

.topbar-research__search {
    width: 100%
}

.topbar-research__search-form {
    width: 100%;
    position: relative
}

.topbar-research__search-form .btn--search {
    position: absolute;
    right: 20px;
    top: 9px
}

@media only screen and (max-width:1070px) {
    .topbar-research__search-form .btn--search {
        right: 15px;
        top: 11px
    }
}

@media only screen and (max-width:1070px) {
    .topbar-research__search {
        grid-column: 2/3;
        grid-row: 1
    }
}

@media only screen and (max-width:1070px) {
    .topbar-research .sector-sidebar__mobile {
        grid-column: 1/2;
        grid-row: 1
    }
}

.documents-research {
    width: 100%;
    grid-column: 6/25;
    position: relative
}

@media only screen and (max-width:1260px) {
    .documents-research {
        grid-column: 7/25
    }
}

@media only screen and (max-width:1070px) {
    .documents-research {
        grid-column: 1/11
    }
}

.documents-research__container {
    width: 100%;
    background-color: #f4f5f8;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 24px;
    box-sizing: border-box;
    padding: 50px 30px
}

@media only screen and (max-width:1070px) {
    .documents-research__container {
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 0;
        padding: 40px 30px
    }
}

.documents-research__container-title {
    margin: 0 0 50px
}

@media only screen and (max-width:1070px) {
    .documents-research__container-title {
        margin: 0 0 40px
    }
}

.documents-research__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 50px
}

@media only screen and (max-width:1070px) {
    .documents-research__grid {
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 20px
    }
}

@media only screen and (max-width:650px) {
    .documents-research__grid {
        grid-template-columns: 1fr
    }
}

.documents-research__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    overflow: hidden;
    background-color: #fff
}

.documents-research__item .date {
    width: 100%;
    background-color: #1d1d20;
    color: #fff;
    padding: 10px 20px;
    box-sizing: border-box
}

@media only screen and (max-width:650px) {
    .documents-research__item .date {
        padding: 5px 30px
    }
}

.documents-research__item .image-container {
    padding-top: 48.275862069%
}

@media only screen and (max-width:650px) {
    .documents-research__item .image-container {
        padding-top: 45.4545454545%
    }
}

.documents-research__item .image-container .pdf-preview {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%
}

.documents-research__item .pdf-meta-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between
}

.documents-research__item .data-container {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 50px 20px
}

@media only screen and (max-width:650px) {
    .documents-research__item .data-container {
        padding: 20px
    }
}

.documents-research__item .data-container .title-file {
    margin: 0 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.documents-research__item .pdf-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative
}

@media only screen and (max-width:650px) {
    .documents-research__item .pdf-container {
        padding: 0 20px 20px
    }
}

.documents-research__item .pdf-container:after {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #e0e1e4;
    position: absolute;
    top: 0;
    left: 20px
}

@media only screen and (max-width:650px) {
    .documents-research__item .pdf-container:after {
        display: none
    }
}

.documents-research__pagination {
    width: 100%;
    margin: 50px auto 0;
    box-sizing: border-box;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    border-top: 1px solid #e0e1e4
}

.documents-research__pagination .pagination-list {
    width: -moz-max-content;
    width: max-content;
    max-width: calc(100% - 120px);
    display: flex;
    justify-content: center;
    gap: 10px
}

.documents-research__pagination .pagination-list .page-number,
.documents-research__pagination .pagination-list .page-number-company {
    cursor: pointer
}

.documents-research__empty {
    width: 100%;
    padding: 50px 0
}

.viewer-research {
    display: none
}

.viewer-research__wrapper {
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / .9);
    position: fixed;
    z-index: 107;
    top: 0;
    left: 0;
    padding: 50px 0
}

@media only screen and (max-width:1070px) {
    .viewer-research__wrapper {
        padding: 30px 0
    }
}

.viewer-research__container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5%;
    max-height: calc(100vh - 100px);
    overflow-y: auto
}

@media only screen and (max-width:1070px) {
    .viewer-research__container {
        padding: 0 20px;
        max-height: calc(100vh - 60px)
    }
}

.viewer-research__container::-webkit-scrollbar {
    width: 1px
}

.viewer-research__container::-webkit-scrollbar-track {
    background: #fff0
}

.viewer-research__container::-webkit-scrollbar-thumb {
    background: #fff0
}

.viewer-research__container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.viewer-research__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 0 0 50px
}

@media only screen and (max-width:1070px) {
    .viewer-research__header {
        margin: 0 0 30px
    }
}

.login-container #loginform-custom .login-submit .viewer-research__header input.button-primary .arrow,
.viewer-research__header .btn .arrow,
.viewer-research__header .login-container #loginform-custom .login-submit input.button-primary .arrow {
    transform: rotate(180deg)
}

.viewer-research__header .company-data {
    color: #fff;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

.viewer-research__iframe {
    width: 100%;
    height: calc(100vh - 217.5px);
    border-radius: 20px
}

@media only screen and (max-width:1070px) {
    .viewer-research__iframe {
        max-height: calc(100vh - 170px)
    }
}

.company-single {
    padding: 85px 0 110px
}

.company-single__hero {
    margin: 0 0 50px
}

@media only screen and (max-width:1070px) {
    .company-single__hero {
        background-color: #1d1d20;
        margin: 0 0 30px
    }
}

.company-single__hero-wrapper {
    width: 100%;
    background-color: #1d1d20;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 70px 5% 60px;
    color: #fff
}

.company-single__hero-wrapper>.container {
    width: 100%
}

@media only screen and (max-width:1070px) {
    .company-single__hero-wrapper {
        padding: 50px 0 30px;
        border-radius: 0
    }
}

.company-single__hero-col-left {
    width: 100%;
    grid-column: 1/11
}

@media only screen and (max-width:1260px) {
    .company-single__hero-col-left {
        grid-column: 1/10
    }
}

@media only screen and (max-width:1070px) {
    .company-single__hero-col-left {
        grid-column: 1/11
    }
}

.company-single__hero-col-left .content {
    margin: 20px 0 0
}

.company-single__hero-col-left .author-container {
    margin: 80px 0 0;
    padding: 15px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px
}

@media only screen and (max-width:1260px) {
    .company-single__hero-col-left .author-container {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:1070px) {
    .company-single__hero-col-left .author-container {
        margin: 30px 0 0;
        padding: 30px 0 0;
        border-bottom: none;
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-left .author-container {
        grid-template-columns: 1fr
    }
}

.company-single__hero-col-left .author-block {
    width: 100%;
    display: grid;
    grid-template-columns: 50px calc(100% - 60px);
    -moz-column-gap: 10px;
    column-gap: 10px
}

.company-single__hero-col-left .author-block .image-container {
    width: 50px;
    min-height: 60px;
    height: 100%;
    border-radius: 7px
}

.company-single__hero-col-left .author-block .data-container a {
    display: block
}

.company-single__hero-col-center {
    width: 100%;
    grid-column: 12/20
}

@media only screen and (max-width:1260px) {
    .company-single__hero-col-center {
        grid-column: 10/19
    }
}

@media only screen and (max-width:1070px) {
    .company-single__hero-col-center {
        grid-column: 1/7;
        margin: 60px 0 0
    }
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-center {
        grid-column: 1/11
    }
}

.company-single__hero-col-center .characteristics-list {
    width: 100%;
    background-color: #000;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 15px
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-center .characteristics-list {
        padding: 15px 20px;
        border-radius: 10px
    }
}

.company-single__hero-col-center .characteristics-list__block {
    width: 100%;
    display: grid;
    grid-template-columns: 110px calc(100% - 130px);
    -moz-column-gap: 20px;
    column-gap: 20px
}

.company-single__hero-col-center .characteristics-list__block p {
    line-height: 1.4
}

.company-single__hero-col-center .stock-price {
    width: 100%;
    background-color: #000;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 15px;
    margin: 15px 0 0
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-center .stock-price {
        margin: 20px 0 0;
        padding: 15px 20px;
        border-radius: 10px
    }
}

.company-single__hero-col-center .stock-price .title {
    margin: 0 0 15px
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-center .stock-price .title {
        font-size: 14px
    }
}

.company-single__hero-col-center .stock-price__meta {
    gap: 35px;
    width: 100%;
    display: flex;
    margin-bottom: 15px
}

.company-single__hero-col-center .stock-price__meta span {
    color: #f4f5f8;
    position: relative;
    font-size: 12.5px;
    line-height: 1.25;
    padding-left: 15px
}

.company-single__hero-col-center .stock-price__meta span:before {
    content: "";
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    margin-right: 3px;
    border-radius: 50%
}

.company-single__hero-col-center .stock-price__meta span:first-child:before {
    background-color: #a1a5f1
}

.company-single__hero-col-center .stock-price__meta span:nth-child(2):before {
    background-color: #fff
}

.company-single__hero-col-center .stock-price__meta span i {
    color: #fff
}

.company-single__hero-col-center .stock-price .graph-container {
    width: 100%;
    height: 170px
}

.company-single__hero-col-center .stock-price .graph-container line {
    stroke: #fff
}

.company-single__hero-col-center .stock-price .graph-container text {
    fill: #fff
}

.company-single__hero-col-center .stock-price .graph-container .c3-line {
    stroke-width: 2px
}

.company-single__hero-col-center .stock-price .graph-container .c3-lines-Precio-Objetivo,
.company-single__hero-col-center .stock-price .graph-container .c3-shapes-Precio-de-Acción {
    position: relative
}

.company-single__hero-col-center .stock-price .graph-container .c3-grid .c3-ygrids {
    transform: translateX(3px)
}

.company-single__hero-col-center .stock-price .graph-container .c3-grid line {
    stroke: #1a1a1a;
    stroke-dasharray: 0
}

.company-single__hero-col-center .stock-price .graph-container .c3-grid line:first-child {
    stroke: #8c8c8c
}

.company-single__hero-col-center .stock-price .graph-container .c3-axis-x .tick line {
    display: none
}

.company-single__hero-col-center .stock-price .graph-container .c3-tooltip-container .c3-tooltip {
    color: #000;
    opacity: .98
}

.company-single__hero-col-center .stock-price .graph-container .c3-tooltip-container .c3-tooltip td>span {
    border: 1px solid #bbb
}

.company-single__hero-col-center .disclaimer {
    width: 100%;
    margin: 10px 0 0
}

.company-single__hero-col-right {
    width: 100%;
    grid-column: 20/25
}

@media only screen and (max-width:1260px) {
    .company-single__hero-col-right {
        grid-column: 19/25
    }
}

@media only screen and (max-width:1070px) {
    .company-single__hero-col-right {
        grid-column: 7/11;
        margin: 60px 0 0
    }
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-right {
        grid-column: 1/11;
        margin: 20px 0 0
    }
}

.company-single__hero-col-right .stock-information {
    width: 100%;
    background-color: #000;
    color: #fff;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 15px
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-right .stock-information {
        border-radius: 10px
    }
}

.company-single__hero-col-right .stock-information .title {
    padding: 25px 30px
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-right .stock-information .title {
        padding: 21px 15px
    }
}

.company-single__hero-col-right .stock-information__list {
    width: 100%
}

.company-single__hero-col-right .stock-information__list .stock-information__list-block:nth-child(odd) {
    background-color: #1d1d20
}

.company-single__hero-col-right .stock-information__list .stock-information__list-block:last-child {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-right .stock-information__list .stock-information__list-block:last-child {
        border-bottom-right-radius: 11px;
        border-bottom-left-radius: 11px
    }
}

.company-single__hero-col-right .stock-information__list-block {
    width: 100%;
    margin: 4px 0;
    padding: 6px 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: calc(100% - 60px) 50px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    border-radius: 3px
}

@media only screen and (max-width:650px) {
    .company-single__hero-col-right .stock-information__list-block {
        padding: 8px 15px
    }
}

.company-single__hero-col-right .stock-information__list-block .value {
    text-align: right
}

.company-single__sidebar {
    grid-column: 1/6;
    width: 100%
}

@media only screen and (max-width:1260px) {
    .company-single__sidebar {
        grid-column: 1/7
    }
}

.company-single__sidebar-back {
    width: 100%;
    margin: 0 0 20px
}

@media only screen and (max-width:1070px) {
    .company-single__sidebar-back {
        display: none
    }
}

.company-single__sidebar-back .btn,
.company-single__sidebar-back .login-container #loginform-custom .login-submit input.button-primary,
.login-container #loginform-custom .login-submit .company-single__sidebar-back input.button-primary {
    width: 100%
}

.company-single__sidebar-back .btn .arrow,
.company-single__sidebar-back .login-container #loginform-custom .login-submit input.button-primary .arrow,
.login-container #loginform-custom .login-submit .company-single__sidebar-back input.button-primary .arrow {
    transform: rotate(180deg)
}

@media only screen and (max-width:1070px) {
    .company-single__sidebar-back .btn,
    .company-single__sidebar-back .login-container #loginform-custom .login-submit input.button-primary,
    .login-container #loginform-custom .login-submit .company-single__sidebar-back input.button-primary {
        width: -moz-max-content;
        width: max-content
    }
}

.research-login {
    width: 100%
}

.research-login-template {
    padding: 85px 0 0
}

.research-login__wrapper {
    width: 100%;
    background-color: #f4f5f8;
    border-radius: 24px;
    padding: 50px 0;
    min-height: 100vh;
    display: flex;
    align-items: center
}

@media only screen and (max-width:1070px) {
    .research-login__wrapper {
        border-radius: 15px
    }
}

.research-login__container {
    grid-column: 2/24
}

@media only screen and (max-width:1070px) {
    .research-login__container {
        grid-column: 2/10
    }
}

.research-login__title {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    margin: 0 0 50px
}

.research-login__form {
    width: 100%
}

.smart-template {
    padding: 85px 0 55px
}

.smart-template__hero {
    width: 100%;
    margin: 0 0 55px
}

.smart-template__block {
    padding: 55px 0 0;
    margin: 0 0 55px
}

.smart-template__goals-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

.smart-template__goals-title .title {
    width: 100%;
    max-width: 380px
}

@media only screen and (max-width:950px) {
    .smart-template__goals-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .smart-template__goals-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.smart-template__goals-description {
    grid-column: 13/25;
    grid-row: 1
}

.smart-template__goals-description .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .smart-template__goals-description .button-container--mobile {
        display: block
    }
}

@media only screen and (max-width:950px) {
    .smart-template__goals-description {
        grid-column: 1/11;
        grid-row: 2
    }
}

.smart-template__goals-cards {
    grid-column: 1/25;
    width: 100%;
    margin: 50px 0 0
}

@media only screen and (max-width:950px) {
    .smart-template__goals-cards {
        grid-column: 1/11
    }
}

.smart-template__goals-cards-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:650px) {
    .smart-template__goals-cards-container {
        width: auto
    }
}

.smart-template__goals-cards-container::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.smart-template__goals-cards-container::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.smart-template__goals-cards-container::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.smart-template__goals-cards-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.smart-template__goals-cards-container.active {
    cursor: grabbing
}

.smart-template__goals-cards-container .smart-template__goals-cards-block:last-child {
    margin-right: 0
}

.smart-template__goals-cards-block {
    width: 296px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    background-color: #f4f5f8
}

@media only screen and (min-width:1441px) {
    .smart-template__goals-cards-block {
        width: calc(25% - 18.75px)
    }
}

@media only screen and (max-width:950px) {
    .smart-template__goals-cards-block {
        max-width: 100%;
        width: 403px
    }
}

@media only screen and (max-width:650px) {
    .smart-template__goals-cards-block {
        border-radius: 15px;
        width: 80%
    }
}

.smart-template__goals-cards-block .mask {
    opacity: .4;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom left, #000 0, rgb(0 0 0 / .99) 8.1%, rgb(0 0 0 / .961) 15.7%, rgb(0 0 0 / .915) 22.8%, rgb(0 0 0 / .856) 29.5%, rgb(0 0 0 / .785) 35.9%, rgb(0 0 0 / .706) 42.1%, rgb(0 0 0 / .62) 48.1%, rgb(0 0 0 / .53) 54.1%, rgb(0 0 0 / .438) 60%, rgb(0 0 0 / .348) 66.1%, rgb(0 0 0 / .261) 72.3%, rgb(0 0 0 / .181) 78.7%, rgb(0 0 0 / .109) 85.4%, rgb(0 0 0 / .048) 92.5%, transparent)
}

.smart-template__goals-cards-block .image-container {
    width: 100%;
    padding-top: 141.9141914191%
}

.smart-template__goals-cards-block .image-container .image {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.smart-template__goals-cards-block .image-container .title-container {
    box-sizing: border-box;
    width: 100%;
    white-space: normal;
    padding: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.smart-template__goals-cards-block .image-container .title-container .title {
    max-width: 165px
}

@media only screen and (max-width:650px) {
    .smart-template__goals-cards-block .image-container .title-container {
        padding: 30px
    }
}

.smart-template__goals-cards-block .image-container .button-container {
    box-sizing: border-box;
    width: 100%;
    white-space: normal;
    padding: 30px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

@media only screen and (max-width:650px) {
    .smart-template__goals-cards-block .image-container .button-container {
        padding: 30px
    }
}

@media only screen and (max-width:650px) {
    .smart-template__goals-cards-block .image-container {
        padding-top: 126.6666666667%
    }
}

.smart-template__information-wrapper {
    width: 100%;
    background-color: #f4f5f8;
    padding: 100px 0
}

.smart-template__information-title {
    grid-column: 1/11;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    gap: 20px;
    box-sizing: border-box
}

.smart-template__information-title .title {
    width: 100%
}

@media only screen and (max-width:950px) {
    .smart-template__information-title .button-container--desktop {
        display: none
    }
}

@media only screen and (max-width:950px) {
    .smart-template__information-title {
        margin: 0 0 20px;
        grid-column: 1/11
    }
}

.smart-template__information-description {
    grid-column: 13/25;
    grid-row: 1
}

.smart-template__information-description .button-container--mobile {
    display: none;
    margin: 20px 0 0
}

@media only screen and (max-width:950px) {
    .smart-template__information-description .button-container--mobile {
        display: block
    }
}

@media only screen and (max-width:950px) {
    .smart-template__information-description {
        grid-column: 1/11;
        grid-row: 2
    }
}

.smart-template__information-blocks {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:650px) {
    .smart-template__information-blocks {
        width: auto
    }
}

.smart-template__information-blocks::-webkit-scrollbar {
    width: 1px;
    background: #fff0;
    border-radius: 0
}

.smart-template__information-blocks::-webkit-scrollbar-thumb {
    border: none;
    background: #fff0;
    border-radius: 0
}

.smart-template__information-blocks::-webkit-scrollbar-thumb:hover {
    background: #fff0
}

.smart-template__information-blocks::-webkit-scrollbar-button {
    width: 1px;
    height: 1px
}

.smart-template__information-blocks.active {
    cursor: grabbing
}

.smart-template__information-blocks-aux {
    grid-column: 1/25;
    margin: 100px 0 0;
    width: 100%
}

@media only screen and (max-width:950px) {
    .smart-template__information-blocks-aux {
        grid-row: 3;
        grid-column: 1/11;
        margin: 50px 0 0
    }
}

.smart-template__information-blocks .smart-template__information-block:last-child {
    margin-right: 0
}

.smart-template__information-block {
    width: 303px;
    min-width: 303px;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    margin-right: 20px;
    flex-grow: 1;
    background-color: #fff;
    padding: 40px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    white-space: normal
}

@media only screen and (min-width:1441px) {
    .smart-template__information-block {
        width: calc(25% - 18px)
    }
}

@media only screen and (max-width:950px) {
    .smart-template__information-block {
        max-width: 100%;
        width: 242px;
        min-width: 242px
    }
}

@media only screen and (max-width:650px) {
    .smart-template__information-block {
        border-radius: 15px
    }
}

.smart-template__information-block .image-container {
    width: 100%;
    margin: 0 0 40px
}

.smart-template__information-block .image-container .image {
    height: 57px;
    -o-object-fit: contain;
    object-fit: contain
}

.smart-template__information-block .data-container .subtitle {
    margin: 0 0 15px
}

.smart-template__steps-image {
    width: 100%;
    grid-row: 1;
    grid-column: 1/12
}

.smart-template__steps-image .image-container {
    border-radius: 24px;
    box-sizing: border-box;
    padding-top: 80%;
    min-height: 100%
}

@media only screen and (max-width:950px) {
    .smart-template__steps-image .image-container {
        border-radius: 15px
    }
}

@media only screen and (max-width:950px) {
    .smart-template__steps-image {
        grid-column: 1/11;
        grid-row: 2;
        margin: 50px 0 0
    }
}

.smart-template__steps-content {
    width: 100%;
    grid-column: 13/25;
    grid-row: 1
}

@media only screen and (max-width:950px) {
    .smart-template__steps-content {
        grid-column: 1/11
    }
}

.smart-template__steps-content .content {
    margin: 20px 0 0
}

.smart-template__steps-content .button-container {
    margin: 50px 0 0
}

.smart-template__steps-list {
    width: 100%;
    margin: 50px 0 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.smart-template__steps-list-block {
    background-color: #f4f5f8;
    border-radius: 15px;
    padding: 15px 50px;
    display: grid;
    grid-template-columns: 55px calc(100% - 85px);
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media only screen and (max-width:650px) {
    .smart-template__steps-list-block {
        padding: 15px 30px;
        grid-template-columns: 35px calc(100% - 45px);
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.smart-template__steps-list-block .number {
    color: #424ee0
}

.smart-template__steps-list-block .block-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}