@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

:root {
    --text-blue-gray: #8797D1;
    --text-blue-gray-hover: #99a8df;
    --white-text-gradient: linear-gradient(180deg, #FFF 0%, #E1E1E1 100%);

    --button-gradient: linear-gradient(90deg, #5187E1 34.9%, #D14B89 100%);
    --button-hover-gradient: linear-gradient(90deg, #79A9EB 34.9%, #F282C0 100%);

    --button-active-gradient: linear-gradient(90deg, #335A90 34.9%, #862A5D 100%);

    --button-green-gradient: linear-gradient(90deg, #3F9624 0%, #6EC420 100%);
    --button-blue-gradient: linear-gradient(90deg, #3C4ED8 0%, #877FE0 100%);

    --pink-text-gradient: linear-gradient(94deg, #FFA3CA -16.32%, #E1E1E1 123.65%);
    --blue-text-gradient: linear-gradient(58deg, #CADFFF 0%, #526EFE 100%);
    --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Cpath d='M23.5 9.63112C23.5 9.25137 23.342 8.88387 23.0626 8.61436L15.08 0.566006C14.7641 0.259752 14.4361 0.125 14.0959 0.125C13.3183 0.125 12.7594 0.676257 12.7594 1.42352C12.7594 1.81552 12.9173 2.14628 13.1603 2.39128L15.8941 5.18432L19.4176 8.43061L16.5988 8.25911H1.87295C1.0589 8.25911 0.5 8.82261 0.5 9.63112C0.5 10.4274 1.0589 10.9909 1.87295 10.9909H16.5988L19.4176 10.8194L15.8941 14.0657L13.1603 16.8587C12.9173 17.1037 12.7594 17.4345 12.7594 17.8265C12.7594 18.5737 13.3183 19.125 14.0959 19.125C14.4361 19.125 14.7641 18.9902 15.0557 18.7085L23.0626 10.6356C23.342 10.3661 23.5 9.99863 23.5 9.63112Z' fill='white'/%3E%3C/svg%3E");

    --educationBorderRadius: 70px;

    --gradColor1: #010413;
    --gradColor2: #13142A;

    --closeIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M8.72958 23.1333C8.28134 23.5816 8.26 24.382 8.74025 24.8516C9.20984 25.3212 10.0103 25.3105 10.4585 24.8623L16.99 18.3201L23.5322 24.8623C23.9912 25.3212 24.7809 25.3212 25.2505 24.8516C25.7094 24.3713 25.7201 23.5922 25.2505 23.1333L18.719 16.5911L25.2505 10.0596C25.7201 9.60068 25.7201 8.81092 25.2505 8.34133C24.7702 7.88241 23.9912 7.87174 23.5322 8.33066L16.99 14.8729L10.4585 8.33066C10.0103 7.88241 9.19917 7.86107 8.74025 8.34133C8.27067 8.81092 8.28134 9.61135 8.72958 10.0596L15.2718 16.5911L8.72958 23.1333Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E");
    --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath opacity='0.75' d='M2 7L11 16L20 7' stroke='%238797D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
    background-color: #000;
    color: white;
    -webkit-font-smoothing: antialiased;
    cursor: default;
    position: relative;
    top: 0 !important;
}

body.fixed {
    overflow: hidden;

    #tidio-chat {
        display: none;
    }
}

#spa-wrapper {
    min-height: 590px;
}

#spaAnimationBlock {
    width: 1px;
    height: 1px;
    border-radius: 100%;
    background: #0B1740;
    z-index: 9999;
    position: fixed;
    opacity: 0;
    transform: scale(1);
    transition: opacity 500ms ease-out, transform 2000ms 250ms ease-out;
    pointer-events: none;
}

.safari #spaAnimationBlock {
    width: 5px;
    height: 5px;
    transition: all 1000ms ease;
}

body.loading #spaAnimationBlock {
    opacity: 1;
    transition: opacity 250ms ease-out, transform 600ms ease-out;
    transform: scale(4000);
}

.safari .overlay {
    background: #000;
}

.glow-wrapper {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.safari .glow-wrapper {
    opacity: 0.8;
}

.glow-1 {
    position: absolute;
    width: 100%;
    aspect-ratio: 1680 / 2227;
    top: 0;
    left: 0;
    opacity: 1;
    background-image: url('../img/glow-1.svg?1');
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 2s ease-out;
    z-index: -2;
}

.glow-1.hidden {
    opacity: 0;
}

.glow-2 {
    position: absolute;
    width: 100%;
    aspect-ratio: 1380 / 2606;
    top: 1729px;
    right: 0;
    background-image: url('../img/glow-2.svg?1');
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 2s ease-out;
    z-index: -2;
}

.glow-2.hidden {
    opacity: 0;
}

.glow-3 {
    position: absolute;
    width: 100%;
    aspect-ratio: 1680 / 2706;
    top: 4177px;
    left: 0;
    opacity: 1;
    background-image: url('../img/glow-3.svg?1');
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 2s ease-out;
    z-index: -2;
}

.glow-3.hidden {
    opacity: 0;
}

body[data-page="about"] .glow-1 {
    opacity: 0.6;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
    margin: 0;
    padding: 0;
    line-height: 1;
}

p {
    line-height: 1.3;
}

a,
a:visited
a:hover
a:active {
    color: white;
    text-decoration: none;
}

.field label {
    display: inline-block;
    color: var(--text-blue-gray);
    font-size: 16px;
    margin-bottom: 5px;
    mix-blend-mode: plus-lighter;
    user-select: none;
}

label.small {
    font-size: 14px;
    margin-top: 5px;
}

label a {
    text-decoration: underline;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="date"],
textarea,
select {
    display: inline-flex;
    padding: 15px 25px 15px 19px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(3, 12, 41, 0.5);
    /*background: linear-gradient(0deg, rgba(135, 151, 209, 0.07) 0%, rgba(135, 151, 209, 0.07) 100%), linear-gradient(0deg, rgba(3, 12, 41, 0.5) 0%, rgba(3, 12, 41, 0.5) 100%);*/
    color: white;
    outline: none;
    transition: box-shadow 0.1s ease-out;
    font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    transition-property: background-color, border-color;
    transition-duration: 0.15s;
}

select {
    cursor: pointer;
}

input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover,
select:hover {
    background-color: rgba(11, 14, 33, 0.57);
    transition-duration: 0s;
}

input[type="text"]:active,
input[type="number"]:active,
input[type="password"]:active,
input[type="email"]:active,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:active,
select:active {
    background-color: rgba(1, 5, 16, 0.6);
}

input[type="text"]:invalid,
input[type="number"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
textarea:invalid,
select:invalid,
input[type="text"].error,
input[type="number"].error,
input[type="password"].error,
input[type="email"].error,
textarea.error,
select.error {
    box-shadow: 0px 0px 7px 2px #D18787;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.input-wrapper input[type="number"] {
    width: -webkit-fill-available;
}

input[type="date"] {
    padding: 0;
    font-size: 12px;
    padding-left: 10px;
}

#templates {
    display: none !important;
}

#screener-search {
    padding: 12px 42px;
    background-image: url("../img/search_icon_darker.svg");
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 24px;
    width: calc(100% - 86px);
}
#screener-search:focus {
    background-image: url("../img/search_icon.svg");
}
.screener-filters .screener-search-field .input-wrapper input[type="text"] {
    width: calc(100% - 44px);
}
.screener-filters .screener-search-field .input-wrapper input::placeholder {
    color: var(--text-blue-gray);
    font-style: italic;
}

body.user-subscription-no #screener-search {
    background-image: url("../img/search_icon_darker.svg"), url("../img/reg-lock-icon.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center left 10px, center right 10px;
    background-size: 24px, 24px;
}

.input-wrapper {
    width: -webkit-fill-available;
    display: flex;
    position: relative;
}

.input-buttons {
    display: flex;
    position: absolute;
    height: 100%;
    align-items: center;
    gap: 5px;
    left: 50%;
}

.input-buttons div {
    background-color: #1e284c;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--text-blue-gray);
    cursor: pointer;
    transition: background-color 0.15s;
    user-select: none;
    font-size: 22px;
}

.input-buttons div:hover {
    background-color: #2c3968;
}

.input-buttons div:active {
    background-color: #182140;
}

#multiselect-broker .custom-multiselect-item-content img {
    border-radius: 50%;
}

.show-password-btn {
    width: 28px;
    height: 28px;
    background: url('../img/eye.svg') no-repeat -20px -20px;
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.show-password-btn:hover {
    background-position: -20px -78px;
}
.show-password-btn:active {
    background-position: -20px -136px;
}
input[type="text"] + .show-password-btn {
    background-position: -69px -20px;
}
input[type="text"] + .show-password-btn:hover {
    background-position: -69px -78px;
}
input[type="text"] + .show-password-btn:active {
    background-position: -69px -136px;
}

select {
    appearance: none;
}

input {
    height: 20px;
}

section.getreport,
section.characteristics {
    padding: 0 10px;
}

fieldset {
    border: none;
    padding: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

fieldset.inline {
    flex-direction: row;
    gap: 20px;
}

fieldset div {
    position: relative;
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

input[type="radio"],
input[type="checkbox"] {
    appearance: none;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid rgba(135, 151, 209, 1);
    background-color: rgba(3, 12, 41, 0.5);
    outline: none;
    border-radius: 40px;
    margin: 0;
    cursor: pointer;
    transition: background 0.25s ease-out;
}

input[type="radio"]:hover,
input[type="checkbox"]:hover {
    background-color: rgba(28, 34, 57, 0.6);
    transition-duration: 0s;
}

input[type="radio"]:active,
input[type="checkbox"]:active {
    background-color: rgba(1, 5, 16, 0.6);
}

input[type="checkbox"] {
    border-radius: 6px;
    transform: translateY(0);
    margin-right: 1px;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.25652%2013.2257C6.92174%2013.7212%206.45%2014%205.90217%2014C5.33913%2014%204.89783%2013.7522%204.48696%2013.2257L0.895652%208.78097C0.636957%208.45575%200.5%208.09956%200.5%207.72788C0.5%206.96903%201.09348%206.34956%201.83913%206.34956C2.29565%206.34956%202.66087%206.50443%203.02609%207L5.8413%2010.6394L11.8978%200.789823C12.2174%200.278761%2012.6435%200%2013.1%200C13.8152%200%2014.5%200.526549%2014.5%201.30088C14.5%201.65708%2014.3174%202.02876%2014.1196%202.35398L7.25652%2013.2257Z%22%20fill%3D%22%238797D1%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    cursor: pointer;
    color: #fff;
}

input[type="checkbox"] + label {
    width: calc(100% - 30px);
    margin: 0;
}

input[type="radio"]:checked + label::before {
    background-color: #8797D1;
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 20px;
    left: 6px;
    top: 6px;
}

input[type="radio"]:checked:active + label::before {
    background-color: #4D5D94;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
    box-shadow: none;
}

textarea {
    resize: none;
    height: 120px;
}

input:focus,
textarea:focus {
    /*box-shadow: 0px 0px 7px 2px #8797D1;*/
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.10);
    backdrop-filter: blur(65px);
    -webkit-backdrop-filter: blur(65px);
    overflow: auto;
    z-index: 11000;
}

.modal-content {
    display: none;
    position: absolute;
    padding: 40px 65px 50px;
    top: 50px;
    left: 50%;
    min-width: 410px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 870px;
    box-sizing: border-box;
    margin-bottom: 50px;
    border-radius: 35px;
    background: linear-gradient(180deg, #0C0E17 0%, #161952 100%);
    z-index: 1010;
    overflow: hidden;
}

.modal-content.modal-content-broker-detail {
    max-width: 457px;
    padding: 54px 34px 45px;

    .modal-close {
        top: 11px;
        right: 13px;
        width: 32px;
        height: 32px;
    }

    .broker-detail-logo-wrap {
        background: #fff;
        border-radius: 16px;
        padding: 15px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 140px;
    }

    .broker-detail-logo {
        max-width: 80%;
        max-height: 153px;
        object-fit: contain;
    }

    .broker-detail-name {
        font-size: 28px;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 20px;
    }

    .broker-detail-description {
        font-size: 16px;
        line-height: 1.5;
        color: #fff;
        margin-bottom: 60px;
    }

    .broker-detail-website {
        display: flex;
        text-transform: uppercase;
        font-size: 15px;
        height: 53px;
        align-items: center;
        justify-content: center;
        padding: 0 22px;
        width: fit-content;
        margin: 0 auto;
    }
}

img.broker-logo-clickable {
    cursor: pointer;
}

.modal-close, .modal-back {
    display: flex;
    justify-content: center;
    align-items: center;
    right: 25px;
    top: 25px;
    transition: background-color 0.1s linear;
    z-index: 2;
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #07154c var(--closeIcon) no-repeat center / 20px;
    cursor: pointer;
}

.modal-back {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2222%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2011C0.0127325%2010.566%200.178257%2010.1939%200.522038%209.85908L10.428%200.421646C10.7209%200.148816%2011.0646%200%2011.4848%200C12.3379%200%2013%200.64487%2013%201.47576C13%201.8726%2012.8345%202.24464%2012.5416%202.52988L3.6288%2011L12.5416%2019.4701C12.8345%2019.7554%2013%2020.115%2013%2020.5242C13%2021.3551%2012.3379%2022%2011.4848%2022C11.0774%2022%2010.7209%2021.8512%2010.428%2021.5784L0.522038%2012.1285C0.165524%2011.8061%200%2011.434%200%2011Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E");
    background-size: 13px auto;
    background-position: left 13px center;
    right: auto;
    left: 25px;
    display: none;
}

.modal-close:hover,
.modal-back:hover {
    background-color: #1c2d70;
    transition-duration: 0s;
}

.modal-close:active,
.modal-back:active {
    background-color: rgba(130, 137, 160, 0.25);
}

.slides-wrapper[data-slide="2"] .modal-back,
.slides-wrapper[data-slide="3"] .modal-back {
    display: block;
}

.modal-header {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    background: var(--white-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modal-pre-header {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}

.info-modal .modal-header {
    text-align: left;
    font-size: 33px;
    font-weight: 700;
    line-height: 1;
    padding-right: 50px;
    background: none;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.modal-subheader {
    color: var(--text-blue-gray);
    text-align: center;
    font-size: 16px;
}

.modal-content .modal-subheader {
    margin-bottom: 30px;
    margin-top: 30px;
}

.modal-content[data-modal="help"] .modal-subheader {
    text-align: left;
}

.modal-content[data-modal="show-more-modal"] .button {
    font-size: 18px;
    padding: 14px 24px;
    margin-top: 30px;
}

.modal-text {
    color: var(--text-blue-gray);
    font-size: 16px;
    margin-top: 20px;
}

.modal-text p {
    margin-bottom: 20px;
}

.modal-text p b,
.modal-text ol b,
.modal-text ul b {
    color: #fff;
}
.modal-text p:last-child {
    margin-bottom: 0;
}

.modal-text ol {
    margin: 0;
    padding: 0;
    padding-left: 1em;
}

.modal-text li {
    margin-bottom: 30px;
    line-height: 1.3;
}

.modal-text a {
    text-decoration: underline;
}

.modal-text .min-point-margin li {
    margin-bottom: 15px;
}

.modal .modal-text + .button {
    margin-top: 50px;
}

.info-modal .modal-text {
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
}

.modal .fields {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
    gap: 30px;
}

.modal .caption {
    color: var(--text-blue-gray);
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
}

.modal .caption a {
    color: var(--text-blue-gray);
    border-bottom: 1px solid rgba(135, 151, 209, 0.25);
    transition-property: color, border-color;
    transition-duration: 0.15s;
}

.modal .caption a:hover {
    color: var(--text-blue-gray-hover);
    border-bottom: 1px solid rgba(135, 151, 209, 0.75);
    transition-duration: 0s;
}

.modal .button {
    display: block;
    margin: 0 auto;
    width: 45%;
}

.modal .button + .caption {
    margin-top: 20px;
}

.modal .actions {
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    gap: 30px;
    justify-content: center;
}

.modal .actions .action-wrapper {
    font-size: 22px;
    display: flex;
    color: var(--text-blue-gray);
    gap: 7px;
}

.modal .actions .action,
.modal .actions .action-button {
    cursor: pointer;
    border-bottom: 1px solid rgba(135, 151, 209, 0.25);
    transition-property: color, border-color;
    transition-duration: 0.15s;
}

.modal .actions .action:hover {
    color: var(--text-blue-gray-hover);
    border-bottom: 1px solid rgba(135, 151, 209, 0.75);
    transition-duration: 0s;
}

.modal .actions .action-button:hover {
    color: var(--text-blue-gray-hover);
    transition-duration: 0s;
}

.modal .button[data-action="switchBasicPlan"] {
    margin-top: 30px;
}

.modal-content.modal-two-sides {
    max-width: 1150px;
    display: flex;
    padding: 0;
    height: 90vh;
}

.modal-side-left,
.modal-side-right {
    flex: 1;
    width: 50%;
    padding: 32px;
    overflow: auto;
}

.modal-side-left {
    background: #212631;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.modal-side-right {

}

.modal-side-h1 {
    font-weight: 700;
    line-height: 1.25;
    font-size: 24px;
}

.modal-side-h2 {
    font-weight: 600;
    line-height: 1.75;
    font-size: 18px;
}

.modal-side-subheader {
    color: var(--text-blue-gray);
    font-size: 16px;
    line-height: 1.3;
}

.modal-side-left ul {
    color: var(--text-blue-gray);
    font-size: 14px;
    line-height: 1.3;
}
.modal-side-left ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding-left: 16px;
}

.create-actions-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;

    .button, .action-button {
        width: 100%;
        box-sizing: border-box;
    }

    .actions {
        margin-top: 0;
    }
}

.modal-or-wrapper {
    color: var(--text-blue-gray);
    font-size: 18px;
    line-height: 1;
}

.modal-blue {
    border-radius: 35px;
    background: linear-gradient(180deg, #1028A2 0%, #161952 100%);
    padding: 70px 90px 50px;
    min-width: 0;
    max-width: 570px;
    border: 2px solid #3348b0;

    .modal-close {
        background-color: rgba(7, 21, 76, 0.60);
        background-size: 20px;
    }

    .modal-header {
        font-style: normal;
        font-weight: 600;
        position: relative;
        font-size: 42px;
        line-height: 1;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(90deg, #FAFFF6 0%, #A7A5B7 43.57%);

        small {
            display: block;
            font-size: 22px;
            font-weight: 400;
            line-height: 1;
            margin-top: 5px;
        }
    }

    .modal-smaller-header {
        color: #fff;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 28px;
        text-align: center;
    }

    .modal-subheader {
        color: #8797D1;
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .modal-smaller-header + .modal-subheader {
        margin-bottom: 40px;
    }

    .modal-list {
        margin: 0 0 60px;
        min-height: 190px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        list-style-type: none;
        font-size: 20px;
        line-height: 1.3;

        li {
            line-height: inherit;
        }
    }

    .modal-list li {
        position: relative;
        padding-left: 32px;
        background: url("/assets/img/checkmark_lock.svg") no-repeat left 5px top 7px/ 15px auto;
    }

    .modal-text p {
        font-size: 20px;
        text-align: center;
    }

    .form-field {
        display: flex;
        flex-direction: column;
        gap: 7px;

        label {
            font-size: 18px;
            display: flex;
            justify-content: space-between;
        }

        .filed-comment {
            color: rgba(255, 255, 255, 0.4);
        }
    }

    .actions {
        margin-top: 40px;

        .action-button {
            border-bottom: none;
            font-size: 18px;
            font-weight: 700;
            line-height: 1;
        }
    }

    .modal-actions-split {
        width: 100%;
        text-align: center;
        font-size: 11px;
        color: #8797D1;
        text-transform: uppercase;
        background: url("/assets/img/modal-actions-split.svg") no-repeat center;
    }

    .modal-footer-actions {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .modal-footer-action-line {
        display: flex;
        justify-content: center;
        font-size: 18px;
        gap: 20px;

        .modal-footer-action-self {
            font-weight: 600;
            color: #9D92DF;
            cursor: pointer;
        }

        .modal-footer-action-self:hover {
            color: #c4bde9;
            transition: color 300ms ease;
        }
    }

    input[type="text"], input[type="number"],
    input[type="password"], input[type="email"],
    textarea, select {
        background-color: #0E2366;
        border: 1px solid #263975;
    }
    input::placeholder,
    select::placeholder,
    textarea::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
}

.modal-blue .button,
.button-new-blue {
    background: linear-gradient(92deg, #2308EF 0%, #A033FF 100%);
    box-shadow: 0 7px 20px 0 rgba(26, 6, 55, 0.15);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 80px;
    text-align: center;
    cursor: pointer;
    transition: all 300ms ease;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.modal-blue .button:hover,
.button-new-blue:hover {
    background: linear-gradient(92deg, #2308EF 20%, #A033FF 80%);
}

.modal-blue .button {
    min-width: 80%;
}

.button:active,
.button-new-blue:active {
    background: linear-gradient(92deg, #2308EF 40%, #A033FF 60%);
}

.blue-reverse {
    background: linear-gradient(180deg, #060827 0%, #1028A2 100%);
}

.lock-modal {
    padding: 115px 58px 50px;

    .modal-header {
        font-size: 28px;
        -webkit-background-clip: unset;
        background-clip: unset;
        background: transparent;
        -webkit-text-fill-color: unset;
        text-fill-color: unset;
    }

    .modal-subheader {
        margin-bottom: 90px;
    }

    .lock-reg-header:before,
    .lock-premium-header:before{
        content: ' ';
        display: block;
        width: 48px;
        height: 48px;
        position: absolute;
        left: 50%;
        top: -60px;
        transform: translateX(-50%);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .lock-reg-header:before {
        background-image: url("/assets/img/reg-lock-icon.svg");
    }

    .lock-premium-header:before {
        background-image: url("/assets/img/premium-lock-icon.svg");
    }

    .button {
        width: 80%;
    }
}

.trial-stars-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}
.trial-stars {
    width: 57px;
    height: 54px;
    background: url("/assets/img/trial-stars.svg") no-repeat center / 100%;
}
.trial-stars.after {
    transform: rotate(180deg);
}

.create-email-resend {
    display: none;
    width: 100%;
    height: 111px;
    align-items: center;
    position: relative;
}
.create-email-resend .caption {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-switcher {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    margin: -15px auto 30px;
    width: fit-content;
}
.modal-switch {
    font-size: 22px;
    box-sizing: border-box;
    line-height: 1;
    background: rgba(3, 12, 41, 0.50);
    width: 170px;
    text-align: center;
    cursor: pointer;
    transition: background 0.25s ease-out;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
}
.modal-switch.active {
    background: rgba(135, 151, 209, 0.40);
    cursor: default;
}
.modal-switch:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.modal-switch.action:hover {
    background: #212432;
    transition-duration: 0s;
}
.modal-switch.action:active {
    background: #06080F;
}

.risk-help-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 50px;
}
.risk-help-item {
    display: flex;
    gap: 70px;
}
.risk-help-visual {
    width: 216px;
    flex: none;
    padding-top: 7px;

    .pick-api-marketrisk,
    .pick-risk-value {
        width: 100%;
    }

    .pick-risk-value-word {
        font-size: 28px;
        font-weight: 600;
    }
}

.aside {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: auto;
    z-index: 10000;
}

/*.aside::-webkit-scrollbar {*/
/*    background: rgba(13, 25, 94, 0.41);*/
/*    border-radius: 20px;*/
/*    width: 6px;*/
/*}*/
/*.aside::-webkit-scrollbar-thumb {*/
/*    background: rgba(135, 151, 209, 0.5);*/
/*    border-radius: 20px;*/
/*}*/

.aside-content {
    max-width: 576px;
    padding: 72px 68px 50px;
    border: 2px solid #2b2f40;
    background: #060b1f;
    transform: translateX(100%);
    color: var(--text-blue-gray);
    font-size: 16px;
    position: absolute;
    top: 24px;
    right: 24px;
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 26px;
    border-radius: 35px;
}

.aside-content.active {
    transform: translateX(0);
    transition: transform 300ms ease;
}

.aside-close {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--closeIcon);
    background-size: 20px;
    transition: background-color 0.1s linear;
    cursor: pointer;
    z-index: 2;
    background-color: #07154C99;
}

.aside-header {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.aside-text {
    color: #AEBBE7;
    font-size: 20px;
    line-height: 1.5;
}

.aside-form {
    display: flex;
    flex-direction: column;
    gap: 40px;

    label {
        color: #fff;
        font-size: 18px;
        margin-bottom: 14px;
    }
}

.form-comment {
    font-size: 20px;
    line-height: 1.5;
    color: #AEBBE7;
}

.aside-footer {
    margin: auto 0 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    font-size: 18px;
    color: #fff;
}


.aside-content {
    .button {
        width: 100%;
        box-sizing: border-box;
    }

    .actions {
        text-align: center;

        .action-button {
            cursor: pointer;
        }
    }
}


.search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.10);
    backdrop-filter: blur(65px);
    -webkit-backdrop-filter: blur(65px);
    overflow: scroll;
    z-index: 1000;
}

.search-wrapper {
    position: absolute;
    max-width: 800px;
    width: 90%;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
}

.search-wrapper.results {
    background-color: #020718;
    border-radius: 40px;
}

.search-field {
    display: flex;
    align-items: center;
}

.search-field.loading:after {
    content: ' ';
    display: block;
    width: 42px;
    height: 42px;
    background: url("../img/loading-gif.gif") no-repeat center;
    background-size: 100%;
    position: relative;
    right: 30px;
}

.search-wrapper input {
    width: 100%;
    border-radius: 100px;
    height: 82px;
    box-sizing: border-box;
    font-size: 32px;
    padding: 24px 40px;
    background-color: #020718 !important;
    border: none;
}

.search-wrapper .search-clear {
    display: flex;
    width: 42px;
    height: 42px;
    margin-left: -60px;
    transition-property: background-color, opacity;
    transition-duration: 0.15s;
    background-position: center;
    border-radius: 50px;
    background-color: rgba(130, 137, 160, 0.5);
    background-size: 12px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M0.398308 17.5934C-0.12242 18.114 -0.147216 19.0438 0.410707 19.5893C0.956231 20.1348 1.8861 20.1224 2.40683 19.6017L9.99458 12.0022L17.5947 19.6017C18.1279 20.1348 19.0453 20.1348 19.5909 19.5893C20.124 19.0314 20.1364 18.1264 19.5909 17.5934L12.0031 9.9938L19.5909 2.40664C20.1364 1.87356 20.1364 0.956157 19.5909 0.410675C19.0329 -0.12241 18.1279 -0.134807 17.5947 0.398277L9.99458 7.99783L2.40683 0.398277C1.8861 -0.12241 0.943833 -0.147205 0.410707 0.410675C-0.134818 0.956157 -0.12242 1.88596 0.398308 2.40664L7.99846 9.9938L0.398308 17.5934Z' fill='white' fill-opacity='0.8' style='fill:white;fill:white;fill-opacity:0.8;'/%3E%3C/svg%3E");
    cursor: pointer;
    opacity: 0;
}

.search-wrapper.results .search-clear {
    opacity: 1;
}

.search-wrapper .search-clear:hover {
    background-color: rgba(130, 137, 160, 0.75);
    transition-duration: 0s;
}

.search-wrapper .search-clear:active {
    background-color: rgba(130, 137, 160, 0.35);
}

.search-wrapper input::placeholder {
    color: var(--text-blue-gray);
    font-style: italic;
}

.search-wrapper input:focus {
    outline: none;
    box-shadow: none;
}

.search-results {
    display: none;
    flex-direction: column;
    padding: 0 20px 20px 20px;
    border-radius: 0 0 40px 40px;
    background-color: #020718;
}

.search-nothing {
    font-size: 20px;
    padding: 20px 20px 0;
}

.search-wrapper.results .search-results {
    display: flex;
}

.search-result {
    display: flex;
    gap: 10px;
    padding: 20px;
    border-radius: 30px;
    flex-direction: row;
    background-color: #020718;
    transition: background-color 0.15s;
    cursor: pointer;
}

.search-result:hover {
    background-color: #1B1E27;
    transition-duration: 0s;
}

.search-result-right {
    display: flex;
    flex-direction: column;
}

.search-result-date {
    font-size: 14px;
    color: var(--text-blue-gray);
}

.search-result-title {
    font-size: 20px;
    font-weight: 700;
}

.search-result-text {
    font-size: 14px;
}

.search-result img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

nav {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 1500px;
    padding: 15px 30px 0 10px;
    justify-content: space-between;
    transition-property: opacity transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0.35s;
    transform: translateY(0);
    position: relative;
    z-index: 1;
}

nav.hidden {
    opacity: 0;
    transform: translateY(-110px);
}

.logo img {
    width: 140px;
    transform: translateY(12px);
}

.hamburger {
	display: none;
	position: fixed;
	right: 0;
	top: 6px;
	z-index: 10000;
    padding: 10px;
}

.hamburger-box {
    width: 28px;
    height: 20px;
}

.hamburger:hover {
    opacity: 1;
    transition-duration: 0s;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 100%;
	height: 2px;
    background-color: #fff;
    margin: 0;
}

.hamburger.is-active {
    display: none;
}

section {
    margin-top: 130px;
}

ul {
    margin: 20px 0 30px 30px;
}

.widgets {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.widget-container {
    position: relative;
}

.widget {
    border-radius: 30px;
}

.widget-container::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 5%;
    width: 75%;
    height: 10%;
    min-height: 50px;
    border-radius: 100px;
    background-color: #82B9FF;
    z-index: -1;
}

.widget-container::after {
    content: '';
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 75%;
    height: 10%;
    min-height: 50px;
    border-radius: 100px;
    background-color: #FF9AC5;
    z-index: -1;
}

.widget {
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}

.modal-content .widget {
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.modal-content .widget-container::before,
.modal-content .widget-container::after {
    display: none;
}

.modal-content .form-head {
    padding-right: 50px;
}

.menu {
    display: flex;
    height: 41px;
    border-radius: 100px;
    gap: 4px;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    margin: 6px auto 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    white-space: nowrap;
}

.menu-item {
    transition: all 0.25s ease-out;
    color: rgba(255,255,255,0.5);
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    display: block;
}

.menu-item.action {
    background: linear-gradient(90deg, rgba(22, 20, 164, 0.80) 2.68%, rgba(77, 37, 196, 0.80) 100%);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}

.menu-item.action span,
.menu-item.action:hover span {
    color: rgba(255,255,255,1);
}

.menu-item.action:hover::before {
    opacity: 1;
    transition-duration: 0s;
}

.menu-item.action:active {
    box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.75) inset;
}

.menu-item:not(.menu-personal, .action):before {
    content: ' ';
    display: block;
    width: 1px;
    height: 21px;
    background-color: rgba(255,255,255,0.25);
    position: absolute;
    top: 50%;
    left: -3px;
    transform: translateY(-50%);
}
.menu-item:not(.menu-personal):first-child:before {
    display: none;
}

.menu-item:not(.action) a {
    color: rgba(255,255,255,0.5);
    transition: all 0.25s ease-out;
}

.menu-item.action {
    cursor: pointer;
}

.menu-item:hover {
    transition-duration: 0s;
    color: rgba(255,255,255,0.8);
}

.menu-item:hover a {
    color: rgba(255,255,255,0.75);
    transition-duration: 0s;
}

.menu-item.active {
    color: rgba(255,255,255,1);
}

.menu-item.active a {
    color: rgba(255,255,255,1);
}

.translate-button {
    display: inline-flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    border: 1px solid #1B1E25;
    color: #8d8e92;
    font-size: 18px;
    line-height: 1;
    transition: background-color 300ms ease-out;
    cursor: pointer;
}
.translate-button:hover {
    background-color: rgba(255,255,255,0.1);
}
.translate-default {
    display: flex;
    gap: 4px;
    align-items: center;
}
.translate-default:before {
    content: ' ';
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: url("../img/translate-default.png") no-repeat center / 100% 100%;
}
nav .translate-button {
    margin-right: 38px;
}
.translate-selected {
    text-transform: capitalize;
    display: flex;
    gap: 4px;
    align-items: center;
}
.translate-selected:after {
    content: ' ';
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%231B1E25'/%3E%3Cpath opacity='0.75' d='M5 6.5L8 9.5L11 6.5' stroke='%238D8E92' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / 100%;
}
.translate-button .translate-selected,
.translate-button.translated .translate-default {
    display: none;
}
.translate-button.translated .translate-selected {
    display: flex;
}

nav .logo {
    margin-left: 0;
    margin-right: auto;
}

.mobile-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(6, 9, 24, 1);
    backdrop-filter: blur(120px);
    -webkit-backdrop-filter: blur(120px);
    z-index: 2000;
    overflow: auto;

    .logo {
        margin-top: 78px;
        padding-left: 30px;

        img {
            width: 216px;
        }
    }

    .translate-button {
        position: fixed;
        left: 30px;
        top: 30px;
        z-index: 10000;
        background: #060E34;
    }
}

.mobile-menu {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    margin-top: 30px;
    gap: 0;
    height: calc(100vh - 215px);
    min-height: 540px;
}

.mobile-menu-item {
    font-size: 30px;
    padding: 25px 0;
    font-weight: 600;
}

.mobile-menu-item.active {
    color: #8482FF;
}

.mobile-close {
    background-color: rgba(7, 21, 76, 0.60);
    background-size: 20px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    position: absolute;
    right: 25px;
    top: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--closeIcon);
    transition: background-color 0.1s linear;
    cursor: pointer;
    z-index: 2;
}

.mobile-menu-button {
    position: static;
    width: 100%;
    margin: auto auto 80px;
    justify-content: center;
}

main {
    margin: 0 auto;
    margin-top: 70px;
    max-width: 1500px;
}

h1 {
    margin: 0;
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    color: white;
    /* background-clip: text;
    background: var(--white-text-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.ml16.hidden {
    opacity: 0;
}

.ml16 {
    padding: 40px 0 0 0;
    overflow: hidden;
}

.ml16 .letter {
    display: inline-block;
}

.ml16 + .subheader {
    opacity: 1;
    transition: opacity 1.5s ease-out;
}

.ml16.hidden + .subheader {
    opacity: 0;
}

.subheader {
    margin-top: 0;
    color: var(--text-blue-gray);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    mix-blend-mode: plus-lighter;
    position: relative;
    z-index: 10;
}

.button {
    position: relative;
    display: inline-block;
    padding: 16px 42px;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    border-radius: 80px;
    background: var(--button-gradient);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    cursor: pointer;
    text-align: center;
    font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
}

.button.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.button::before {
    content: '';
    background: rgba(255,255,255,0.15);
    opacity: 0;
    transition: opacity 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 80px;
}

.button:hover::before {
    opacity: 1;
    transition-duration: 0s;
}

.button:active {
    background: var(--button-active-gradient);
    box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.75) inset;
}

.button-green {
    --button-gradient: var(--button-green-gradient);
    --button-active-gradient: linear-gradient(90deg, #205110 0%, #446B21 100%);
}

.button-blue {
    --button-gradient: var(--button-blue-gradient);
    --button-active-gradient: linear-gradient(90deg, #24308D 0%, #413B85 100%);
}

.button-arrow {
    padding-right: 36px;
}

.button-arrow::after {
    content: '';
    background-image: var(--icon-arrow);
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
    transform: translateY(6px);
}

.button-white {
    border: 2px solid #fff;
    border-radius: 80px;
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-top: 20px;
    text-align: center;
    box-sizing: border-box;
    transition: background-color 0.2s ease-out;
    cursor: pointer;
}
.button-white:hover {
    background-color: rgba(255,255,255,0.1);
    transition-duration: 0s;
}
.button-white:active {
    background-color: rgba(255,255,255,0.2);
}

.button-purple-new {
    padding: 20px 10px 16px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: linear-gradient(92deg, #2308EF 0%, #A033FF 100%);
    box-shadow: 0 7px 20px 0 rgba(26, 6, 55, 0.2);
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}
.button-purple-new:hover {
    background: linear-gradient(92deg, #4b35f3 0%, #bf78ff 100%);
}
.button-purple-new:active {
    background: linear-gradient(92deg, #1a08a6 0%, #521b81 100%);
}

.social-login-button {
    padding: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: rgba(255,255,255,0.1) no-repeat left 20px center / 24px;
    border: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    width: 100%;
    cursor: pointer;
}
.social-login-button:hover {
    background-color: rgba(255,255,255,0.2);
    transition: background-color 300ms ease;
}
.social-login-button:active {
    background-color: rgba(119, 119, 119, 0.1);
}
.social-login-button:first-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.social-login-button:last-of-type {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.social-login-google {
    background-image: url("/assets/img/login-google.svg");
}

.section-header {
    margin: 0 auto;
    max-width: 1500px;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    transition: opacity 300ms ease;
}

.swiper-wrapper.hidden {
    opacity: 0;
}

.swiper-container {
    width: 100%;
}

.swiper-container::-webkit-scrollbar {
    display: none;
}

.swiper {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    width: fit-content;
    padding: 0 20px;
}

.swiper.loading {
    width: auto;
    margin-right: auto;
    justify-content: flex-start;
    height: 700px;
}

.swiper.loading p {
    color: var(--text-blue-gray);
    mix-blend-mode: plus-lighter;
    font-size: 24px;
    padding: 20px 0;
}

.swiper:not(.loading) p {
    display: none;
}

@media screen and (max-width: 1100px) {
    .swiper-container {
        overflow: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%);
    }
}
@media screen and (min-width: 1101px) {
    section .swiper-container {
        overflow: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0) 100%);
        padding-left: 80px;
        width: 100%;
    }
    section:not(.trending) .swiper {
        width: fit-content;
        margin-right: calc((100% - 1355px) / 2);
    }
}
@media screen and (min-width: 1480px) {
    section .swiper-container {
        padding-left: calc((100% - 1355px) / 2);
        width: calc(100% - (100% - 1355px) / 2);
    }
}

.swiper-item {
    width: 330px;
    padding: 30px;
    border-radius: 50px;
    background: linear-gradient(180deg, #010413 0%, #13142A 100%);
    transform: translate(100px, 0);
    transition: transform 0.25s ease-out;
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
}

.swiper.animate .swiper-item {
    transform: translate(0, 0);
    opacity: 1;
}

.swiper-item:nth-child(1) {
    transition-delay: 0.1s;
}

.swiper-item:nth-child(2) {
    transition-delay: 0.2s;
}

.swiper-item:nth-child(3) {
    transition-delay: 0.3s;
}

.swiper-item:nth-child(4) {
    transition-delay: 0.4s;
}

.swiper-item:nth-child(5) {
    transition-delay: 0.5s;
}

.swiper-item:nth-child(6) {
    transition-delay: 0.6s;
}

.swiper-item:nth-child(7) {
    transition-delay: 0.7s;
}

.swiper-item:nth-child(8) {
    transition-delay: 0.8s;
}

.swiper-item:nth-child(9) {
    transition-delay: 0.9s;
}

.swiper-item:nth-child(10) {
    transition-delay: 1s;
}

.swiper.animated .swiper-item {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0s;
}

.swiper.animated .swiper-item:hover {
    transform: translate(0, -20px);
}

.swiper-item-blur-wrapper {
    position: relative;
}

.swiper-item-blur-wrapper > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-item-blur-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    background: url('../img/lock.open.display.svg') no-repeat top center;
    padding-top: 160px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.swiper-item .screener-locked {
    width: 24px !important;
    margin-left: 0;
    margin-right: auto;
}

.swiper-item-blur-content-header {
    font-size: 28px;
    font-weight: 600;
}

.swiper-item-blur-content-subheader {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    line-height: 15px;
    margin-top: 6px;
    display: none;
    position: relative;
}

.swiper-item-blur-content-subheader:after {
    content: ' ';
    display: inline-block;
    position: relative;
    top: 1px;
    right: 0;
    width: 7px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25' fill='none'%3E%3Cpath d='M13.4761 12.481C13.4629 12.0195 13.2915 11.624 12.9355 11.2681L2.67871 1.23535C2.37549 0.945312 2.01953 0.787109 1.58447 0.787109C0.701172 0.787109 0.015625 1.47266 0.015625 2.35596C0.015625 2.77783 0.187012 3.17334 0.490234 3.47656L9.71875 12.481L0.490234 21.4854C0.187012 21.7886 0.015625 22.1709 0.015625 22.606C0.015625 23.4893 0.701172 24.1748 1.58447 24.1748C2.00635 24.1748 2.37549 24.0166 2.67871 23.7266L12.9355 13.6807C13.3047 13.3379 13.4761 12.9424 13.4761 12.481Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    margin-left: 4px;
}

.swiper-item-blur-content-text {
    font-size: 17px;
    color: var(--text-blue-gray);
    margin: 10px 0 20px;
}

.swiper-logo {
    border-radius: 25px;
    text-align: center;
    font-size: 0;
    display: block;
}

.swiper-logo img {
    width: 100%;
}

.swiper-logo img {
    max-width: 250px;
}

.swiper-title {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    display: block;
}

.swiper-subtitle {
    color: #8289A0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.swiper-wrapper .chevron {
    width: 64px;
    height: 64px;
    background-color: #14319a;
    background-image: url('data:image/svg+xml,<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6.00387C14 5.76402 13.9039 5.53192 13.7338 5.3617L8.8748 0.27853C8.68251 0.0851064 8.48283 0 8.27575 0C7.80243 0 7.46223 0.348162 7.46223 0.820116C7.46223 1.0677 7.55837 1.2766 7.70629 1.43133L9.37031 3.19536L11.5151 5.24565L9.79926 5.13733H0.83571C0.340201 5.13733 0 5.49323 0 6.00387C0 6.50677 0.340201 6.86267 0.83571 6.86267H9.79926L11.5151 6.75435L9.37031 8.80464L7.70629 10.5687C7.55837 10.7234 7.46223 10.9323 7.46223 11.1799C7.46223 11.6518 7.80243 12 8.27575 12C8.48283 12 8.68251 11.9149 8.86001 11.7369L13.7338 6.6383C13.9039 6.46809 14 6.23598 14 6.00387Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: 100px;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    top: calc(50% - 32px);
    opacity: 0.9;
    transition: opacity 0.15s;
}

.swiper-wrapper .chevron:hover {
    opacity: 1;
    transition-duration: 0s;
}

.swiper-wrapper .chevron:active {
    opacity: 0.65;
}

.swiper-wrapper .next {
    opacity: 1;
    transition: opacity 0.15s;
    right: 30px;
}

.swiper-wrapper .back {
    opacity: 1;
    transform: scaleX(-1);
    transition: opacity 0.15s;
    left: 30px;
}

.swiper-wrapper .back.hidden,
.swiper-wrapper .next.hidden {
    opacity: 0;
    pointer-events: none;
}

.swiper-list {
    display: flex;
    gap: 15px;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.swiper-list .premium-locked {
    font-size: 0;
    display: block;
}
.swiper-list .premium-locked a {
    display: none;
}
.swiper-list .premium-locked img {
    margin: 0;
}

.swiper-list-item {
    display: flex;
    justify-content: space-between;
}

.swiper-list-item[data-item="thesis"] {
    flex-direction: column;
}

.swiper-list-item span:first-child {
    width: 52%;
    color: #8289A0;
}

.swiper-list-item span:last-child {
    width: 34%;
    color: #8289A0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-list-item[data-item="thesis"] span:first-child {
    width: 100%;
}

.swiper-list-item[data-item="thesis"] span:last-child {
    width: 100%;
}

.swiper-list-item span:last-child img {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    max-height: 20px;
    min-height: 20px;
    border-radius: 5px;
}

.swiper-list-item[data-item="available"] > span:last-child {
    font-size: 0;
    width: calc(34% + 12px);
    margin-right: -12px;
    display: flex;
    gap: 5px;
}

.swiper-list-item i {
    font-style: normal;
    color: white;
}

.swiper-list-item[data-item="yield"] span:last-child,
.list-item-value[data-item="yield"],
.list-item-value[data-item="spread"] {
    color: #319A81;
}

.swiper-list-item[data-item="yield"] i {
    color: #01FFC2;
}

.swiper-item {
    width: 250px;
    min-width: 250px;
    padding: 40px 40px 20px;
    border-radius: 50px 50px 35px 35px;
    cursor: pointer;
    border: 2px solid #29293C;
    background: linear-gradient(180deg, #010413 0%, #13142A 100%);
}

.swiper-item.example-trending {
    cursor: default;
}

.swiper-list {
    width: 100%;
}

.swiper-logo {
    border-radius: 35px;
    max-width: 250px;
    height: 250px;
    overflow: hidden;
    margin: 0 auto;
}

.swiper-logo img {
    border-radius: 35px;
}

.example-trending .swiper-logo {
    opacity: 0.5;
}

.swiper-title {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 15px;
}

.swiper-item .button {
    position: relative;
    margin-top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.section-header.center {
    text-align: center;
}

.screener-filters .field[data-field="amount"] input {
    width: 100%;
    box-sizing: border-box;
    height: 52px;
}

.select-wrapper {
    position: relative;
}

.select-wrapper select {
    width: 100%;
    max-height: 52px;
}

.select-wrapper.disabled:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}

.select-wrapper::after {
    content: '';
    display: inline-block;
    background-image: var(--select-arrow);
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 16px;
    pointer-events: none;
}

.table-cell.hidden {
    display: none;
}

section.getreport {
    padding: 100px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-image: url("../img/magazine.png");
}

.getreport-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: calc(100% - 20px);
    max-width: 1200px;
}

.getreport-left {
    max-width: 530px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.getreport-middle {
    display: flex;
    align-items: center;
}

.getreport-middle .getreport-arrow {
    width: 186px;
    height: 77px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='188' height='76' viewBox='0 0 188 76' fill='none'%3E%3Cpath d='M186.884 10.8839C187.372 10.3957 187.372 9.60427 186.884 9.11612L178.929 1.16117C178.441 0.67301 177.649 0.67301 177.161 1.16117C176.673 1.64932 176.673 2.44078 177.161 2.92893L184.232 10L177.161 17.0711C176.673 17.5592 176.673 18.3507 177.161 18.8388C177.649 19.327 178.441 19.327 178.929 18.8388L186.884 10.8839ZM0 75.25C39.1204 75.25 67.6335 59.0776 95.3129 43.0823C123.036 27.0618 149.883 11.25 186 11.25V8.75C149.117 8.75 121.714 24.9382 94.0621 40.9177C66.3665 56.9224 38.3796 72.75 0 72.75V75.25Z' fill='%23FF9AC5'/%3E%3C/svg%3E");
}

.getreport-left h6 {
    font-size: 100px;
    font-weight: 800;
    background: -webkit-linear-gradient(0deg, rgba(255, 154, 197, 1) 20%, rgba(255, 154, 197, 0) 70%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    color: rgba(0,0,0);
    overflow: hidden;
}

.getreport-left h1 {
    background: linear-gradient(58deg, #FFD2E5 0%, #FF7FB6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-subheader {
    color: #707CA9;
    font-size: 24px;
    margin-top: 20px;
}

.getreport .form {
    width: 370px;
}

.getreport .form-wrapper {
    padding: 30px;
}

.form {
    border-radius: 50px;
}

.form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.form-header {
    font-size: 38px;
    font-weight: 800;
    text-align: left;
}

.form-header.center {
    text-align: center;
}

.form-subheader {
    color: var(--text-blue-gray);
    font-size: 24px;
    mix-blend-mode: plus-lighter;
}

.form-fields {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.form-field {
    display: flex;
    flex-direction: column;
}

.form-field.hidden {
    display: none;
}

.form-label-with-action {
    display: flex;
    justify-content: space-between;
    align-items: center;

    span {
        font-weight: 600;
        color: #9D91DF;
        cursor: pointer;
    }
}

.picks .form .button {
    margin: 0 auto;
}

section.portfolio {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: -60vw;
    width: 100%;
    max-width: 1200px;
    gap: 50px;
    z-index: 10;
}

.portfolio-left {
    width: 50%;
    aspect-ratio: 395 / 747;
    background-image: url('../img/phone-rotated.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.portfolio-right {
    margin-top: -50px;
}

.portfolio-right h1 {
    background: linear-gradient(180deg, #E7F2FF 0%, #CCE2FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portfolio-right h1 span {
    background: var(--blue-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portfolio-right .button {
    margin-top: 30px;
}

.characteristics .text-blocks {
    width: 100%;
}

.text-blocks-wrapper {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.text-blocks {
    display: inline-flex;
    margin-top: 30px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 60px 140px;
    flex-wrap: wrap;
}

.text-block {
    max-width: 500px;
}

.text-block h2 {
    font-size: 40px;
    font-weight: 700;
    background: var(--pink-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-block-text {
    color: #AEBBE7;
    font-size: 26px;
    line-height: 150%;
}

.text-block-text a {
    cursor: pointer;
    transition: all 0.25s ease-out;
}

.text-block-text a:hover {
    opacity: .75;
    transition-duration: 0s;
}

section.screener {
    margin: 5px auto 0;
    max-width: 1500px;
    padding: 15px 30px 0 10px;
}

section.screener-table-section {
    margin-top: 0;
    max-width: none;
    padding: 0 30px 0 10px;
}

.screener-filters {
    margin: 0 auto;
    max-width: 1500px;
    width: 100%;
    margin-top: 10px;
}

.field .checkbox,
.screener-filters-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 7px;
    position: relative;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(3, 12, 41, 0.50);
    cursor: pointer;
    align-items: center;
    transition-property: background-color, border-color;
    transition-duration: 0.15s;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

.field .checkbox:hover,
.screener-filters-button:hover {
    background-color: rgba(3, 12, 41, 0.75);
    border-color: rgba(255, 255, 255, 0.25);
    transition-duration: 0s;
}

.screener-filters-button {
    font-size: 16px;
    padding: 11px 50px 11px 15px;
    background-image: var(--select-arrow);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 22px;
}

body.user-subscription-no .screener-filters-button.filters-button-premium,
body.user-subscription-basic .screener-filters-button.filters-button-premium {
    background-image: var(--select-arrow), url("../img/premium-lock-icon.svg");
    background-position: right 20px center, right 50px center;
    background-repeat: no-repeat, no-repeat;
    background-size: 22px, 24px;
}

.screener-filters-button.is-open {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath opacity='0.75' d='M2 16L11 7L20 16' stroke='%238797D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.screener-filters-button.has-changed {
    background-color: rgba(18, 49, 154, 0.50);
    border-color: rgba(18, 49, 154, 0.10);
}

.tax-related-trigger {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    position: relative;
    padding: 11px 50px 11px 15px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(3, 12, 41, 0.50);
    cursor: pointer;
    transition-property: background-color, border-color;
    transition-duration: 0.15s;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 16px;
    background-image: var(--select-arrow);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 22px;
}
.tax-related-trigger:hover {
    background-color: rgba(3, 12, 41, 0.75);
    border-color: rgba(255, 255, 255, 0.25);
}
body.user-subscription-no .tax-related-trigger.filters-button-premium,
body.user-subscription-basic .tax-related-trigger.filters-button-premium {
    background-image: var(--select-arrow), url("../img/premium-lock-icon.svg");
    background-position: right 20px center, right 50px center;
    background-repeat: no-repeat, no-repeat;
    background-size: 22px, 24px;
}

.screener-filter-premium-message {
    border-radius: 8px;
    background: #10277C url("/assets/img/premium-lock-icon.svg") no-repeat center right 11px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding: 11px;
    display: none;

    a {
        color: #ffc700;
        text-decoration: underline;
        font-weight: 600;
    }
}

body.user-subscription-no .screener-filter-premium-message,
body.user-subscription-basic .screener-filter-premium-message {
    display: block;
}

.minmax-filters-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 14px;
}

.minmax-filters-line {
    display: flex;
    gap: 23px;
    align-items: center;
}

.minmax-filters-line:first-child {
    margin-bottom: -10px;
    color: #727fb2;

    .minmax-filters-cell {
        text-align: left;
    }
}

.minmax-filters-cell {
    flex: 1;
    text-align: right;

    span {
        color: #727fb2;
    }

    input[type="number"], input[type="date"] {
        width: 115px;
        height: 48px;
        box-sizing: border-box;
    }
}

.minmax-filters-cell.minmax-cell-double {
    flex: 2.22;
}

.screener-filters-container {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1000;
    background: #0B1740;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.minmax-filter-popup {
    width: 390px;
}

.minmax-filters-actions {
    margin-top: 38px;
    padding-top: 15px;
    display: flex;
    justify-content: right;
    border-top: 1px solid #363D57;
}

.minmax-filters-reset {
    padding: 14px;
    padding-right: 0;
    cursor: pointer;
}

.screener-filters-container {
    text-align: left;
}

.screener-credit-risk + .screener-filters-container {
    top: 0px;
    left: calc(100% + 7px);
}

.screener-credit-risk + .screener-filters-container.open-left {
    left: auto;
    right: calc(100% + 7px);
}

.screener-filters-close {
    display: none;
}

/* Mobile fullscreen mode for filter buttons */
@media screen and (max-width: 800px) {
    .screener-filters-container.mobile-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        max-height: 100vh;
        z-index: 10000;
        border-radius: 0;
        overflow-y: auto;
        background: #0B1740;
        box-sizing: border-box;
        padding-top: 50px;
    }

    .minmax-filter-popup {
        width: 100%;
    }

    .screener-filters-container.mobile-behind {
        z-index: 99999;
    }

    .screener-filters-container.mobile-fullscreen[data-button-id*="screener-credit-risk"] {
        z-index: 99999;
    }

    .screener-filters-close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background: rgba(3, 12, 41, 0.5) var(--closeIcon) no-repeat center / 20px;
        cursor: pointer;
        z-index: 10001;
        padding: 0;
        transition: background-color 0.1s linear;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        border: none;
        display: block;
    }

    .screener-filters-close:hover {
        background-color: #1c2d70;
        transition-duration: 0s;
    }

    .screener-filters-close:active {
        background-color: rgba(130, 137, 160, 0.25);
    }

    .minmax-filters-cell {
        text-align: left;
    }

    .minmax-filters-cell.minmax-cell-double {
        flex: 2.66;
    }

    .minmax-filters-actions {
        justify-content: flex-start;
    }

    .risk-filter-popup-bondfish .risk-filter-rating {
        margin-bottom: 20px;
    }

    .risk-filter-title {
        margin-bottom: 32px;
        font-size: 20px;
    }
}

.risk-filter-popup {
    padding: 7px 14px;
    width: 255px;
}

.risk-filter-title {
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    gap: 10px;
}

.risk-filter-groups {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.risk-filter-group {
    position: relative;
    padding-left: 8px;
}

.risk-filter-group::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 35px;
    bottom: 4px;
    width: 4px;
    border-radius: 999px;
}

.risk-filter-group-verylow::before {
    background-color: #92E967;
}

.risk-filter-group-low::before {
    background-color: #BFE967;
}

.risk-filter-group-medium::before {
    background-color: #FFD974;
}

.risk-filter-group-high::before {
    background-color: #FFAE74;
}

.risk-filter-group-veryhigh::before {
    background-color: #FF7474;
}

.risk-filter-group-nr::before {
    background-color: #727fb2;
}

.risk-filter-group-header {
    display: flex !important;
    align-items: center;
    cursor: pointer;
}

.risk-filter-group-label {
    margin-left: 8px;
}

.risk-filter-group-ratings {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 36px;
}

.risk-filter-rating {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.risk-filter-popup-bondfish .risk-filter-rating {
    margin-bottom: 10px;
}

.risk-filter-group-arrow {
    margin-left: auto;
    width: 22px;
    height: 22px;
    background-image: var(--select-arrow);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
}

.risk-filter-group.is-collapsed .risk-filter-group-arrow {
    transform: rotate(0deg);
}

.risk-filter-group.is-collapsed .risk-filter-group-ratings {
    display: none;
}

.risk-filter-group.is-indeterminate .risk-filter-group-header input[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='2' rx='1' fill='%238797D1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.field {
    position: relative;
}

.screener-filters-wrapper {
    margin: 40px auto;
    max-width: 1500px;
    width: 100%;
    box-sizing: border-box;
}

body.loading-user-data .screener-filters-wrapper {
    opacity: 0;
}

.screener-filters-wrapper .screener-filters.fields {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    align-items: center;
    margin-top: 0;
}

.screener-filters-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.screener-filters-group .field.screener-search-field {
    width: 100%;
}

.screener-filters-group .fieldset {
    display: flex;
    gap: 10px;
    width: 100%;
}

.screener-filters-group .fieldset .field {
    flex: 1;
    min-width: 0;
}

.screener-filters-wrapper .screener-filters > .field {
    width: auto;
    min-width: 0;
}

.screener-filters-wrapper .screener-filters > .field.screener-search-field {
    grid-column: span 2;
}

.screener-filters-wrapper .screener-filters > .field.screener-search-field .input-wrapper {
    width: 100%;
}

.screener-filters-wrapper .screener-filters > .field.screener-reset-field {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.screener-filters-wrapper .reset-button.screener-reset-compact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: center;
    margin: 0;
    font-size: 18px;
    font-family: inherit;
    line-height: 1;
    color: #727fb2;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    transition: color 300ms ease;
    background: transparent;
    border: none;
    padding: 0;
}

.screener-filters-wrapper .reset-button.screener-reset-compact:hover {
    color: var(--text-blue-gray);
    transition-duration: 0s;
}

.screener-reset-icon {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url('../img/reset-icon.svg');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.screener-reset-text {
    display: block;
}

@media screen and (max-width: 1370px) {
    .screener-filters-wrapper .screener-filters.fields {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .screener-filters-wrapper .screener-filters > .field.screener-search-field {
        grid-column: 1 / -1;
    }
}

/* Tax Related residence modal */
.modal-content.tax-related-modal {
    max-width: 576px;
}
.tax-related-modal .tax-related-modal-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    margin-bottom: 16px;
}
.tax-related-modal .tax-related-beta-tag {
    position: absolute;
    left: -40px;
    top: -3px;
    padding: 4px 12px;
    border-radius: 20px;
    background: linear-gradient(271deg, #7E45CF 0.69%, #211EF8 96.9%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.tax-related-modal .tax-related-modal-title {
    margin: 0 0 38px;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: none;
    -webkit-text-fill-color: inherit;
}
span.tax-related-modal-title-note {
    color: #FFAE74;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    display: block;
    margin-bottom: 8px;
    font-weight: normal;
}
.tax-related-modal .tax-related-intro {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 32px;
    text-align: center;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-residence-field {
    margin-bottom: 24px;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-residence-field label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 16px;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-required {
    color: #A033FF;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-residence-select {
    width: 100%;
    padding: 12px 40px 12px 16px;
    font-size: 16px;
    color: #fff;
    background: rgba(3, 12, 41, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 20px;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-residence-select option {
    background: #161952;
    color: #fff;
}
/* Empty space when nothing selected; when country selected — show Base Tax / Preferential Tax block */
.modal-content[data-modal="tax-related-residence"] .tax-related-tax-block {
    margin-bottom: 28px;
    padding: 20px 0;
    text-align: left;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-tax-block.hidden {
    visibility: hidden;
}
.tax-related-tax-cards {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    color: #fff;
}
.tax-related-tax-card {
    text-align: left;
}
.tax-related-tax-label {
    color: #AEBBE7;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.tax-related-tax-value {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}
.tax-related-tax-value-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.tax-related-tax-value-wrap .tax-related-tooltip-icon {
    flex-shrink: 0;
}
span.tax-related-tax-value.tax-related-pref-value {
    color: #00FFDE;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-popup-actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-submit {
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 100px;
    background: linear-gradient(92deg, #2308EF 0%, #A033FF 100%);
    border: none;
    color: #fff;
    box-sizing: border-box;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-skip {
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 28px;
}
.modal-content[data-modal="tax-related-residence"] .tax-related-skip:hover {
    text-decoration: underline;
}

.modal-content[data-modal="tax-related-residence"] .tax-related-other-message {
    color: #FFAE74;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: -110px 0 50px;
}

.tax-not-supported-text {
    color: #aebbe7;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 50px;
}
.tax-not-supported-list {
    list-style: none;
    padding-left: 0;
    margin: 40px 0;
}
.tax-not-supported-list li {
    margin: 6px 0;
    color: #fff;
}
.tax-not-supported-profile {
    margin-top: 20px;

    a {
        text-decoration: underline;
    }
}

table.after-tax-help-table {
    margin: 30px 0 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 22px;
    line-height: 1.4;
    color: #fff;

    thead {
        color: #727FB2;

        td {
            padding-bottom: 35px;
        }
    }

    td {
        width: 120px;
        text-align: right;
        padding-bottom: 15px;
        padding-right: 32px;

        a {
            text-decoration: underline;
        }
    }

    td:first-child {
        width: 50%;
        text-align: left;
    }

    tbody td:last-child {
        color: #00ffde;
    }
}

@media screen and (max-width: 1060px) {
    .screener-countries-field {
        order: 1;
    }
    .screener-non-callable-field {
        order: 2;
    }
    .screener-min-max-field {
        order: 3;
    }
}

.screener-pagination-wrapper {
    margin: 20px auto;
    display: none;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 71px;
}

.screener-pagination {
    display: none;
    gap: 40px;
    align-items: center;
    margin-left: 8px;
}

.screener-pagination-pages {
    display: flex;
}

.screener-pagination-aside {
    display: flex;
    align-items: center;
    gap: 30px;
    color: #8797D1;
    font-size: 18px;
}

.screener-pagination-length {
    display: flex;
    align-items: center;
    gap: 12px;
}

.screener-pagination-length .select-wrapper {
    min-width: 100px;
}

.screener-pagination-prev,
.screener-pagination-next {
    font-size: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.screener-pagination-prev:before,
.screener-pagination-next:after {
    content: ' ';
    display: inline-block;
    width: 22px;
    height: 19px;
    background: url("/assets/img/arrow_forward.svg") no-repeat center / 100%;
}

.screener-pagination-prev:before {
    rotate: 180deg;
}

.screener-pagination-prev,
.screener-pagination-next,
.pagination-page:not(.not-page) {
    cursor: pointer;
}

.screener-pagination-prev:hover,
.screener-pagination-next:hover,
.pagination-page:not(.not-page, .active):hover {
    text-decoration: underline;
}

.pagination-page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 16px;
    color: #8797D1;
    background-color: transparent;
    transition: all 300ms ease;
}

.pagination-page.active {
    color: #fff;
    background-color: #353A63;
}

.screener-pagination-bottom {
    align-items: center;
    justify-content: center;
    margin: 30px auto;
}

.user-subscription-basic .screener-pagination-wrapper,
.user-subscription-basic .screener-pagination,
.user-subscription-premium .screener-pagination-wrapper,
.user-subscription-premium .screener-pagination,
.user-subscription-professional .screener-pagination-wrapper,
.user-subscription-professional .screener-pagination {
    display: flex;
}

.screener-table {
    font-size: 18px;
}

.screener-table-wrapper {
    width: 100%;
    max-width: fit-content;
    background: rgba(13, 25, 94, 0.41);
    padding: 15px 20px 17px;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 10px;
    box-sizing: border-box;
}

.table {
    position: relative;
    white-space: nowrap;
    padding: 0;
    scrollbar-width: 0;
    overflow-x: scroll;
}

.safari .table.fixed {
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: none;
}

.table::-webkit-scrollbar {
    border-radius: 21px;
    background: rgba(36, 61, 204, 0.40);
    height: 12px;
}
.table::-webkit-scrollbar-thumb {
    height: 12px;
    border-radius: 21px;
    background: linear-gradient(90deg, #8797D1 0%, #6A8AFF 100%);
}

.table-header {
    display: table;
    width: 100%;
    height: 50px;
    color: var(--text-blue-gray);
    z-index: 100;
    position: static;
}

.table.fixed .table-header {
    position: fixed;
    top: 0;
    left: 9px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: calc(100% - 10px - 50px);
    height: 81px;
    background: rgba(13, 25, 94, 1);
    box-sizing: border-box;
}

.table.fixed .table-header .table-backdrop,
.table.normal .table-header .table-scrollable {
    transform: none !important;
}

.table-header .table-fixed {
    mix-blend-mode: plus-lighter;
}

.table-header .table-cell > span {
    font-size: 18px;
    color: white;
}

.tax-related-after-tax-line1 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: space-between;
}
.tax-related-after-tax-line1 .tax-related-item-label {
    flex: 0 0 auto;
}
.tax-related-after-tax-line1 .premium-locked,
.tax-related-after-tax-line1 .registration-locked {
    flex: 0 0 auto;
    display: none;
    align-items: center;
}
.tax-related-after-tax-line1 .premium-locked img.screener-locked,
.tax-related-after-tax-line1 .registration-locked img.screener-locked {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
body.user-subscription-no .tax-related-after-tax-line1 .registration-locked,
body.user-subscription-no .tax-related-after-tax-line1 .premium-locked,
body.user-subscription-basic .tax-related-after-tax-line1 .premium-locked {
    display: inline-flex;
}
.tax-related-italy-caption {
    display: block;
    font-size: 14px;
    color: #FFAE74;
    font-weight: normal;
    white-space: nowrap;
    max-width: 160px;
}
.tax-related-italy-caption strong {
    font-weight: 700;
}

.custom-multiselect-item[data-value="after-tax-yield"] {
    align-items: flex-start;

    .custom-multiselect-item-content {
        flex-wrap: wrap;
    }
}

.table-header .table-cell i,
.field .checkbox i,
.custom-multiselect-item-help i,
.risk-filter-title i,
.tax-related-tooltip-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cpath d='M12 2.75C10.3683 2.75 8.77325 3.23385 7.41655 4.14038C6.05984 5.0469 5.00242 6.33537 4.378 7.84286C3.75357 9.35035 3.5902 11.0092 3.90853 12.6095C4.22685 14.2098 5.01259 15.6798 6.16637 16.8336C7.32016 17.9874 8.79016 18.7731 10.3905 19.0915C11.9909 19.4098 13.6497 19.2464 15.1571 18.622C16.6646 17.9976 17.9531 16.9402 18.8596 15.5835C19.7661 14.2267 20.25 12.6317 20.25 11C20.25 8.81196 19.3808 6.71354 17.8336 5.16637C16.2865 3.61919 14.188 2.75 12 2.75Z' stroke='%238797D1' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M9.375 8.4827C9.375 8.4827 9.41438 7.66239 10.2923 6.95598C10.8131 6.53645 11.4375 6.41504 12 6.40661C12.5123 6.40004 12.9698 6.48489 13.2436 6.6152C13.7123 6.83832 14.625 7.38301 14.625 8.5413C14.625 9.76005 13.8281 10.3136 12.9202 10.9225C12.0122 11.5315 11.7656 12.1924 11.7656 12.8754' stroke='%238797D1' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M11.7812 16.375C12.3335 16.375 12.7812 15.9273 12.7812 15.375C12.7812 14.8227 12.3335 14.375 11.7812 14.375C11.229 14.375 10.7812 14.8227 10.7812 15.375C10.7812 15.9273 11.229 16.375 11.7812 16.375Z' fill='%238797D1'/%3E%3C/svg%3E");
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.15s;
}

.field .checkbox i,
.tax-related-tooltip-icon {
    background-size: 22px;
    background-position: center;
    margin-left: -3px;
}
.body.user-subscription-no .field .checkbox .premium-locked + i,
.body.user-subscription-basic .field .checkbox .premium-locked + i{
    display: none;
}

.table-header .table-cell i:hover,
.field .checkbox i:hover,
.tax-related-tooltip-icon:hover {
    opacity: 1;
    transition-duration: 0s;
}

.table-cell .broker-logos,
.pick-api-brokers .broker-logos,
.bond-page-info-table .broker-logos {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
}

.table-cell .broker-logos img,
.pick-api-brokers .broker-logos img,
.bond-page-info-table .broker-logos img {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
    margin: 0;
    box-sizing: border-box;
}

.broker-logos .screener-locked {
    margin-top: 5px;
}

.screener-brokers-more-premium {
    color: #ffc700;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    padding: 7px 5px 6px;
    border: 1px solid #3C466F;
    display: inline-flex;
    gap: 3px;
    align-items: center;
    border-radius: 19px;
    cursor: pointer;
}

.screener-brokers-more-premium:before {
    content: '';
    width: 8px;
    height: 9px;
    background: no-repeat center bottom;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.60254 0.5C3.14406 0.5 1.96118 1.68221 1.96094 3.14062V3.64844C1.1111 3.90909 0.500346 4.62211 0.5 5.46289V7.08203C0.500278 8.14318 1.47196 9.00373 2.6709 9.00391H6.32812C7.52723 9.00391 8.49972 8.14328 8.5 7.08203V5.46289C8.49968 4.6913 7.98474 4.02745 7.24316 3.72168V3.14062C7.24292 1.68236 6.06081 0.500242 4.60254 0.5ZM4.60254 2.5C4.95624 2.50024 5.24292 2.78693 5.24316 3.14062V3.54102H3.96094V3.14062C3.96118 2.78678 4.24863 2.5 4.60254 2.5Z' fill='url(%23paint0_linear_2276_8140)'/%3E%3Cpath d='M4.60254 0.5V0H4.60262L4.60254 0.5ZM1.96094 3.14062H1.46094V3.14054L1.96094 3.14062ZM1.96094 3.64844H2.46094V4.01807L2.10755 4.12646L1.96094 3.64844ZM0.5 5.46289H0V5.46269L0.5 5.46289ZM0.5 7.08203L0 7.08216V7.08203H0.5ZM2.6709 9.00391V9.50391H2.67083L2.6709 9.00391ZM8.5 7.08203H9L9 7.08216L8.5 7.08203ZM8.5 5.46289L9 5.46269V5.46289H8.5ZM7.24316 3.72168L7.05257 4.18393L6.74316 4.05635V3.72168H7.24316ZM7.24316 3.14062L7.74316 3.14054V3.14062H7.24316ZM4.60254 2.5V2L4.60288 2L4.60254 2.5ZM5.24316 3.14062L5.74316 3.14028V3.14062H5.24316ZM5.24316 3.54102H5.74316V4.04102H5.24316V3.54102ZM3.96094 3.54102V4.04102H3.46094V3.54102H3.96094ZM3.96094 3.14062H3.46094V3.14028L3.96094 3.14062ZM4.60254 0.5V1C3.42005 1 2.46113 1.95853 2.46094 3.14071L1.96094 3.14062L1.46094 3.14054C1.46123 1.40589 2.86808 0 4.60254 0V0.5ZM1.96094 3.14062H2.46094V3.64844H1.96094H1.46094V3.14062H1.96094ZM1.96094 3.64844L2.10755 4.12646C1.42686 4.33523 1.00024 4.88179 1 5.4631L0.5 5.46289L0 5.46269C0.000452042 4.36243 0.795341 3.48294 1.81433 3.17042L1.96094 3.64844ZM0.5 5.46289H1V7.08203H0.5H0V5.46289H0.5ZM0.5 7.08203L1 7.0819C1.00019 7.81158 1.68922 8.50376 2.67097 8.50391L2.6709 9.00391L2.67083 9.50391C1.25469 9.5037 0.000365257 8.47477 0 7.08216L0.5 7.08203ZM2.6709 9.00391V8.50391H6.32812V9.00391V9.50391H2.6709V9.00391ZM6.32812 9.00391V8.50391C7.31021 8.50391 7.99981 7.81148 8 7.0819L8.5 7.08203L9 7.08216C8.99963 8.47509 7.74426 9.50391 6.32812 9.50391V9.00391ZM8.5 7.08203H8V5.46289H8.5H9V7.08203H8.5ZM8.5 5.46289L8 5.4631C7.99978 4.92873 7.64135 4.4267 7.05257 4.18393L7.24316 3.72168L7.43376 3.25943C8.32813 3.6282 8.99959 4.45388 9 5.46269L8.5 5.46289ZM7.24316 3.72168H6.74316V3.14062H7.24316H7.74316V3.72168H7.24316ZM7.24316 3.14062L6.74316 3.14071C6.74297 1.95852 5.78465 1.0002 4.60246 1L4.60254 0.5L4.60262 0C6.33697 0.000287831 7.74288 1.40619 7.74316 3.14054L7.24316 3.14062ZM4.60254 2.5L4.60288 2C5.23246 2.00043 5.74273 2.51071 5.74316 3.14028L5.24316 3.14062L4.74316 3.14097C4.74311 3.06314 4.68002 3.00005 4.6022 3L4.60254 2.5ZM5.24316 3.14062H5.74316V3.54102H5.24316H4.74316V3.14062H5.24316ZM5.24316 3.54102V4.04102H3.96094V3.54102V3.04102H5.24316V3.54102ZM3.96094 3.54102H3.46094V3.14062H3.96094H4.46094V3.54102H3.96094ZM3.96094 3.14062L3.46094 3.14028C3.46137 2.50991 3.97314 2 4.60254 2V2.5V3C4.52412 3 4.46099 3.06364 4.46094 3.14097L3.96094 3.14062Z' fill='%230C2066'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2276_8140' x1='8.61429' y1='5.62415' x2='0.614286' y2='5.62415' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E5D161'/%3E%3Cstop offset='1' stop-color='%23D5AC15'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.table-content .table-cell .screener-locked {
    margin: 0 auto;
}

.table-content {
    position: relative;
}

.table.fixed .table-content {
    margin-top: 81px;
}

.table-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
    height: 100%;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: rgb(33 47 129 / 0%);
    z-index: 3;
    transform: translate3d(0,0,0);
    will-change: transform;
}

.firefox .table-backdrop {
    background-color: rgba(13, 25, 94, 1);
}

.table-content p {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: var(--text-blue-gray);
    margin-top: 20px;
}

.table-row {
    display: table;
    font-size: 0;
    height: 50px;
}

.table-fixed {
    position: sticky;
    left: 0;
    padding-left: 10px;
    z-index: 10;
}

.table-header .table-cell {
    border-bottom: 1px solid rgba(135, 151, 209, 0.5);
}

.table-cell {
    display: inline-block;
    width: 100px;
    height: 53px;
    overflow: hidden;
    vertical-align: top;
    white-space: normal;
    font-size: 18px;
    padding-top: 10px;
    margin-right: 20px;
    box-sizing: content-box;
    line-height: 1;
}

.table-scrollable .table-content .table-cell {
    padding-top: 18px;
}

.table-cell.sortable span {
    cursor: pointer;
    transition: opacity 0.15s;
}

.table-cell.sortable span:hover {
    opacity: 1;
    transition-duration: 0s;
}

.table-cell.sort span {
    opacity: 1;
}

.table-cell.sort span::after {
    margin-left: 5px;
    transform: translateY(-2px);
    display: inline-block;
}

.table-cell.sort.descending span::after {
    content: '↓';
}

.table-cell.sort.ascending span::after {
    content: '↑';
}

.table-scrollable .table-cell:last-child {
    margin-right: 0;
}

.risk-color-verylow {
    color: #92E967 !important;
}

.risk-color-low {
    color: #BFE967 !important;
}

.risk-color-medium {
    color: #FFD974 !important;
}

.risk-color-high {
    color: #FFAE74 !important;
}

.risk-color-veryhigh {
    color: #FF7474 !important;
}

.risk-color-nr {
    color: #727fb2 !important;
}

.risk-bg-verylow {
    background-color: #92E967;
}

.risk-bg-low {
    background-color: #BFE967;
}

.risk-bg-medium {
    background-color: #FFD974;
}

.risk-bg-high {
    background-color: #FFAE74;
}

.risk-bg-veryhigh {
    background-color: #FF7474;
}

.risk-bg-nr {
    background-color: #727fb2;
}

.risk-bg-text-veryhigh {
    background-color: #FF7474;
}
.risk-bg-text-low {
    background-color: #319A81;
}

.risk-bg-text-medium {
    background-color: #E5A90F;
}

.risk-bg-text-high {
    background-color: #E94E0C;
}

.bond-risk-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    color: #02062B;
    font-size: 13px;
    font-weight: 500;
}

.table-cell.red,
.text-red {
    color: #EE75BE;
}
.table-cell.green,
.text-green {
    color: #00FFDE;
}

.table-cell[data-column="name"] {
    width: 350px;
}
.table-cell[data-column="yield"] {
    width: 90px;
}
.table-cell[data-column="duration"] {
    width: 70px;
}
.table-cell[data-column="profit"] {
    width: 100px;
}
.table-cell[data-column="risk"] {
    width: 112px;
}
.table-cell[data-column="seniority"] {
    width: 130px;
}
.table-cell[data-column="price"] {
    width: 83px;
}
.table-cell[data-column="tenor"] {
    width: 92px;
}
.table-cell[data-column="currency"] {
    width: 105px;
}
.table-cell[data-column="country"] {
    width: 100px;
}
.table-cell[data-column="green"] {
    width: 80px;
}
.table-cell[data-column="industry"] {
    width: 200px;
}
.table-cell[data-column="amount"] {
    width: 100px;
}
.table-cell[data-column="broker"] {
    width: 150px;
    min-width: 95px;
}
.table-cell[data-column="isin"] {
    width: 170px;
    font-family: monospace;
}

.table-content .table-cell[data-column="yield"],
.table-content .table-cell[data-column="price"],
.table-content .table-cell[data-column="tenor"],
.table-content .table-cell[data-column="currency"],
.table-content .table-cell[data-column="risk"],
.table-content .table-cell[data-column="seniority"],
.table-content .table-cell[data-column="country"],
.table-content .table-cell[data-column="industry"],
.table-content .table-cell[data-column="profit"],
.table-content .table-cell[data-column="coupon"],
body.user-subscription-no .table-content .table-cell[data-column="broker"],
body.user-subscription-basic .table-content .table-cell[data-column="broker"] {
    padding-top: 18px;
}
.table-content .table-cell[data-column="broker"],
.table-content .table-cell[data-column="isin"] {
    padding-top: 8px;
}

.table-content .table-cell[data-column="isin"] input,
.isin-copy input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -1;
}

.table-content .table-cell[data-column="isin"] span,
.isin-copy span:last-child {
    display: inline-block;
    width: 24px;
    height: 24px;
    opacity: 0.75;
    transition: opacity 0.15s;
    transform: translate(-7px, 5px);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M4.8418 21.9424C4.8418 23.8496 5.82617 24.834 7.70703 24.834H15.9336C17.8145 24.834 18.7988 23.8408 18.7988 21.9424V20.3164H20.293C22.1738 20.3164 23.1582 19.3232 23.1582 17.4248V10.4727C23.1582 9.3125 22.9121 8.57422 22.2178 7.8623L17.8408 3.39746C17.1729 2.7207 16.3818 2.45703 15.3711 2.45703H12.0664C10.1855 2.45703 9.20117 3.4502 9.20117 5.35742V6.97461H7.70703C5.82617 6.97461 4.8418 7.97656 4.8418 9.875V21.9424ZM17.9111 12.6963L13.1475 7.8623C12.4795 7.18555 11.9082 7.00098 10.9502 6.9834V5.46289C10.9502 4.66309 11.3721 4.21484 12.2158 4.21484H15.8809V8.38965C15.8809 9.47949 16.4609 10.0508 17.542 10.0508H21.4004V17.3105C21.4004 18.1191 20.9785 18.5674 20.1348 18.5674H18.7988V15.1924C18.7988 14.0059 18.6494 13.4521 17.9111 12.6963ZM17.3311 8.16992V4.92676L20.9434 8.60059H17.7617C17.4541 8.60059 17.3311 8.47754 17.3311 8.16992ZM6.59082 21.8281V9.98926C6.59082 9.18066 7.0127 8.73242 7.86523 8.73242H10.5459V13.5137C10.5459 14.7881 11.1699 15.4033 12.4355 15.4033H17.0498V21.8281C17.0498 22.6367 16.6279 23.085 15.7754 23.085H7.85645C7.0127 23.085 6.59082 22.6367 6.59082 21.8281ZM12.6025 13.8652C12.2422 13.8652 12.084 13.7158 12.084 13.3467V9.06641L16.8125 13.8652H12.6025Z' fill='white'/%3E%3C/svg%3E");
}

.table-content .table-cell[data-column="isin"] span:hover,
.isin-copy span:last-child:hover {
    opacity: 1;
    transition-duration: 0s;
}

.table-content .table-cell[data-column="isin"] span:active,
.isin-copy span:last-child:active {
    opacity: 0.5;
}

.isin-copy span:last-child {
    margin-left: 10px;
}

span.isFirm-label {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: linear-gradient(45deg, #FF62A5 0%, #FF9AC5 100%);
    border-radius: 100%;
    opacity: 1 !important;
    position: relative;
    overflow: visible;
    top: -2px;
    margin-left: 6px;
    z-index: 1;
}

.bond-page-isfirm-Yes:hover span.isFirm-label {
    z-index: 3;
}

span.isFirm-hint,
.bond-page-isfirm-No span.isFirm-label {
    display: none;
}

.table-cell.isFirm:hover span.isFirm-hint,
.bond-page-isfirm-Yes:hover span.isFirm-hint {
    display: block;
    position: absolute;
    top: 12px;
    left: -2px;
    width: max-content;
    background: #030C29;
    font-size: 16px;
    line-height: 1;
    padding: 10px;
}

.bond-page-isfirm-Yes:hover span.isFirm-hint {
    color: #fff;
    top: -14px;
    left: 16px;
}

.table-cell.isFirm {
    overflow: visible;
    white-space: pre;
}

.table-content .green-bond {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../img/icon-green.png') no-repeat center;
    background-size: contain;
    margin-left: 10px;
}

.table-header .table-cell {
    height: 70px;
}

.cell-image {
    display: flex;
    align-items: center;
}

.table-cell img {
    border-radius: 7px;
    width: 36px;
    height: 36px;
    margin-right: 12px;
}

.table-cell.right {
    text-align: right;
}

.table-cell > small {
    font-size: 14px;
    opacity: 0.75;
}

.table-fixed,
.table-scrollable {
    display: inline-block;
}

.table-scrollable {
    padding-right: 20px;
    will-change: transform;
}

.screener .button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
    display: none;
}

.user-subscription-no .screener .button.active {
    display: inline-block;
}

.user-subscription-no .registration-locked {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url("/assets/img/reg-lock-icon.svg") no-repeat center / contain;
}

body.user-subscription-no .field .checkbox .premium-locked,
body.user-subscription-basic .field .checkbox .premium-locked {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url("/assets/img/premium-lock-icon.svg") no-repeat center / contain;
}

body.user-subscription-no .select-wrapper.premium-locked:after,
body.user-subscription-basic .select-wrapper.premium-locked:after {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url("/assets/img/premium-lock-icon.svg") no-repeat center / contain;
    top: 50%;
    transform: translateY(-50%);
}

body.user-subscription-no .select-wrapper select:disabled,
body.user-subscription-basic .select-wrapper select:disabled {
    opacity: 1;
}

.table-header-premium-locked {
    display: none;
    gap: 4px;
    align-items: center;
    cursor: pointer;
}
.table-header-premium-locked:after {
    content: ' ';
    display: inline-block;
    width: 19px;
    height: 17px;
    background: url('/assets/img/premium-lock-icon.svg') no-repeat center / contain;
}
.table-header-premium-locked a {
    color: #ffc700;
    font-weight: bold;
    text-decoration: underline;
}

body.user-subscription-no .table-header-premium-locked,
body.user-subscription-basic .table-header-premium-locked {
    display: flex;
    font-size: 14px;
    margin-top: 18px;
}

body.user-subscription-no .premium-locked-width,
body.user-subscription-basic .premium-locked-width {
    width: 115px !important;
}

section.picks {
    margin: 5px auto 0;
    max-width: 1500px;
    padding: 15px 30px 0 10px;
}
@property --bondHowGrad1 {
    syntax: '<color>';
    initial-value: #3773C0;
    inherits: false;
}

@property --bondHowGrad2 {
    syntax: '<color>';
    initial-value: #2C5D9A;
    inherits: false;
}
#bonds-select-how {
    font-size: 22px;
    padding: 10px 25px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(57.96deg, var(--bondHowGrad1) 0%, var(--bondHowGrad2) 100%);
    right: 0;
    z-index: 3;
    transform: rotate(-90deg) translate(0px, -25px);
    transform-origin: right center;
    cursor: pointer;
    position: fixed;
    top: 50%;
    margin-top: calc(341px/2 * -1);
    transition: --bondHowGrad1 0.25s ease-out, --bondHowGrad2 0.25s ease-out;
}
#bonds-select-how:hover {
    --bondHowGrad1: #437FCD;
    --bondHowGrad2: #437FCD;
    transition-duration: 0s;
}

.firefox #bonds-select-how {
    background-color: #437FCD;
}
#picks-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 30px;
}
#picks-slider {
    position: relative;
    width: 250px;
    padding-right: 25px;
}
.picks-slider-scroll {
    /*overflow: scroll;*/
    /*scrollbar-width: none;*/
    /*-ms-overflow-style: none;*/
}
.picks-slider-scroll::-webkit-scrollbar {
    display: none;
}
#picks-slider .chevron {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 3;
}
#picks-slider .chevron.back {
    left: 33px;
}
#picks-slider .chevron.next {
    right: 33px;
}
#picks-slider .chevron.hidden {
    display: none;
}
.picks-slider-inner {
    display: flex;
    gap: 20px;
    flex-direction: column;
    min-height: 304px;
    max-height: 600px;
    overflow: auto;
    padding-right: 10px;
    width: calc(100% + 10px);
}
.picks-slider-inner::-webkit-scrollbar {
    background: rgba(13, 25, 94, 0.41);
    border-radius: 20px;
    height: 10px;
}
.picks-slider-inner::-webkit-scrollbar-thumb {
    background: rgba(135, 151, 209, 0.5);
    border-radius: 20px;
    height: 10px;
}
.picks-slider-slide {
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.00);
    background-blend-mode: plus-lighter;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    transition: all 0.25s ease-out;
}
.picks-slider-slide:hover {
    opacity: 0.75;
    background: rgba(255, 255, 255, 0.10);
    transition-duration: 0s;
}
.picks-slider-slide.active {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0);
    opacity: 1;
    cursor: default;
}
.picks-slider-slide img {
    width: 60px;
    border-radius: 16px;
}
.picks-slider-slide .swiper-list {
    width: 100%;
    margin-top: 0;
    gap: 5px;
}
.picks-slider-slide .swiper-list-item {
    font-size: 14px;
    justify-content: flex-start;
    gap: 4px;
}
.picks-slide-promo {
    padding: 1px 8px;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    margin-top: 6px;
}
.picks-slide-promo:empty {
    display: none;
}
.picks-premium-message {
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 40%);
    padding: 29px 8px;
    text-align: center;
    margin-top: 20px;
}
.picks-premium-message-header {
    font-size: 20px;
}
.picks-premium-message-subheader {
    font-size: 14px;
    color: #8797D1;
}
.picks-premium-message-text {
    font-size: 14px;
    margin-top: 20px;
}
.picks-premium-message-text a {
    color: #ffc700;
    text-decoration: underline;
    font-weight: 600;
}
.picks-slide-title {
    font-size: 18px;
    font-weight: 700;
}
.picks-slider-scroll .swiper-list-item span:first-child,
.picks-slider-scroll .swiper-list-item span:last-child {
    width: auto;
    color: #fff;
}
.picks-slider-scroll .swiper-list-item span:last-child i {
    color: #20FFBC;
}
.picks-slide-subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.picks-slide-tags {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}
.pick-tag {
    background: linear-gradient(20deg, #649EEA 0%, #B0D3FF 100%);
    font-size: 14px;
    line-height: 1;
    color: rgba(0,0,0,0.7);
    padding: 5px 10px;
    border-radius: 6px;
    display: inline-block;
}
.pick-tag:nth-child(6n + 1) {
    background: linear-gradient(20deg, #649EEA 0%, #B0D3FF 100%);
}
.pick-tag:nth-child(6n + 2) {
    background: linear-gradient(20deg, #B38FFF 0%, #E3D6FF 100%);
}
.pick-tag:nth-child(6n + 3) {
    background: linear-gradient(20deg, #2999A5 0%, #69DFE1 100%);
}
.pick-tag:nth-child(6n + 4) {
    background: linear-gradient(20deg, #F18CB8 0%, #FFBAD8 100%);
}
.pick-tag:nth-child(6n + 5) {
    background: linear-gradient(20deg, #8FFFD0 0%, #D9FFD6 100%);
}
.pick-tag:nth-child(6n + 6) {
    background: linear-gradient(20deg, #DADD5F 0%, #FFF9C5 100%);
}

.picks-slider-locked {
    position: relative;
    display: flex;
    width: fit-content;
    gap: 18px;
}
.picks-slider-locked-message {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    left: 180px;
    text-align: center;
    padding-left: 140px;
    background: url(../img/unlock.png) no-repeat center left;
    background-size: 95px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
}
.picks-slider-locked .picks-slider-slide {
    filter: blur(10px);
    cursor: default;
}
.picks-locked-header {
    font-size: 35px;
}
.picks-locked-text {
    font-size: 22px;
    color: #8797D1;
    width: 340px;
}
.picks-locked-button {
    position: relative;
}
.picks-locked-button:before {
    content: ' ';
    background: linear-gradient(57.96deg, #FF83B8 0%, #FFC0DB 100%);
    width: 90%;
    height: 91%;
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 1px;
    border-radius: 80px;
}
.picks-locked-button-content {
    font-size: 22px;
    width: 235px;
    padding: 5px 51px 5px 29px;
    line-height: 1;
    /*border: 1px solid;*/
    /*border-image-source: linear-gradient(101.11deg, rgba(255, 255, 255, 0.7) -75.45%, rgba(255, 255, 255, 0) 53.08%);*/
    /*background: linear-gradient(101.11deg, rgba(255, 255, 255, 0.7) -75.45%, rgba(255, 255, 255, 0) 53.08%), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../img/arrow_forward.svg") no-repeat center right 10px;*/
    border: 1px solid rgba(255,255,255,0.1);
    background: url(../img/arrow_forward.svg) no-repeat center right 10px;
    border-radius: 83px;
    box-sizing: border-box;
    cursor: pointer;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
    z-index: 2;
}
#pick-info-container {
    width: calc(100% - 250px - 50px);
    max-width: 1090px;
    box-sizing: border-box;
    padding-left: 25px;
    transition: opacity 0.25s ease-out;
}
.pick-promo-label {
    padding: 4px 16px;
    align-items: center;
    border-radius: 6px;
    background: #51AF3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 28px;
}
.pick-promo-label:empty,
#pick-info-container.loading .pick-promo-label {
    display: none;
}
.lists.pick-lists,
.pick-risks,
#pick-auth-content,
.pick-info-wrapper {
    opacity: 0;
    transition: opacity 0.25s ease-out;
}
.loaded .lists.pick-lists,
.loaded .pick-risks,
.loaded #pick-auth-content,
.loaded .pick-info-wrapper {
    opacity: 1;
}
#loading-bond {
    display: none;
    font-size: 18px;
    margin-top: 25px;
    color: #8797D1;
    mix-blend-mode: plus-lighter;
}
#pick-info-container.loading #loading-bond {
    display: block;
}

.pick-header {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}
.pick-header.pick-green:after {
    content: ' ';
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-left: 12px;
    background: url(../img/icon-green.png) no-repeat center;
    background-size: contain;
}
.pick-tags {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.lists.pick-lists {
    margin-bottom: 20px;
    gap: 50px;
}
.pick-info-wrapper {
    margin-top: 20px;
    padding: 30px;
    background: rgba(6, 12, 43, 0.2);
    border-radius: 30px;
}
#company-stats table {
    padding: 20px;
    background: rgba(6, 12, 43, 0.2);
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1);
}
#company-info-wrapper .pick-lists {
    border-bottom: none;
    margin-bottom: 0;
}
.pick-lists .list {
    font-size: 20px;
}
.pick-lists .list-item {
    gap: 20px;
    white-space: nowrap;
    justify-content: flex-start;
}
.list-item[data-field="brokers"] .list-item-value {
    font-size: 0;
    height: 27px;
    display: flex;
    gap: 5px;
    overflow: visible;
}
.premium-locked {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.premium-locked span {
    color: #ffc700;
    font-weight: bold;
    text-decoration: underline;
}
.premium-locked img {
    margin-left: 4px;
}
.list-item[data-field="brokers"] .list-item-value .premium-locked {
    font-size: 14px;
}
.list-item[data-field="brokers"] .list-item-value img {
    margin-top: -5px;
}
.list-item[data-field="brokers"] .list-item-value .premium-locked img {
    width: 24px;
    height: 24px;
    margin-top: 0;
}
.list-item-name {
    color: #AEBBE7;
}
.list-item-value {
    white-space: normal;
    max-width: 230px;
}
.list-item-value.isin-copy {
    white-space: nowrap;
}
.list-item-value i {
    font-style: normal;
    color: #01FFC2;
}
.list-item-value b {
    font-weight: normal;
    color: #FF7474;
}
#pick-stats .pick-lists .list:nth-child(1) .list-item-name {
    width: 85px;
}
#pick-stats .pick-lists .list:nth-child(2) .list-item-name {
    width: 75px;
}
#pick-stats .pick-lists .list:nth-child(3) .list-item-name {
    width: 136px;
}
#company-stats .pick-lists .list:nth-child(1) .list-item-name {
    width: 245px;
}
#company-stats .pick-lists .list:nth-child(2) .list-item-name {
    width: 76px;
}
#company-stats .pick-lists .list:nth-child(3) .list-item-name {
    width: 212px;
}
#pick-stats .pick-lists a {
    transition: opacity 300ms ease;
}
#pick-stats .pick-lists a:hover {
    transition: none;
    opacity: 0.7;
}
.company-stats-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.company-stats-container p {
    width: 100%;
    margin-bottom: 10px;
}
.company-market-cap {
    position: relative;
}
.company-market-cap-content {
    width: 100%;
    height: 100%;
    min-width: 184px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(6, 12, 43, 0.2);
    border-radius: 20px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}
.bg-blur-wrapper {
    position: relative;
    overflow: hidden;
}
.bg-blur-content {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}
.company-market-cap:before,
.bg-blur-wrapper:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    width: 70%;
    height: 65%;
    border-radius: 100px;
    background-color: rgba(130, 185, 255, 1);
    top: -18%;
    left: -3%;
}
.company-market-cap:after,
.bg-blur-wrapper:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    width: 73%;
    height: 60%;
    border-radius: 100px;
    background-color: rgba(255, 154, 197, 1);
    bottom: -15%;
    right: -13%;
}
body.safari .company-market-cap:before,
body.safari .bg-blur-wrapper:before,
body.safari .company-market-cap:after,
body.safari .bg-blur-wrapper:after {
    display: none;
}
.company-market-cap:before {
    width: 82%;
    height: 43%;
    top: 1%;
    left: 0%;
}
.company-market-cap:after {
    width: 73%;
    height: 40%;
    bottom: 1%;
    right: 0;
}
.company-market-cap-text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
}
.company-market-cap-subtext {
    color: #AEBBE7;
    font-size: 20px;
    text-align: center;
    line-height: 19px;
}
.company-market-cap-subtext small {
    font-size: 14px;
}
.list-item-value img {
    width: 36px;
    border-radius: 6px;
}
.pick-risks {
    display: flex;
    gap: 40px;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-top: 20px;
}
.pick-risk {
    display: flex;
    gap: 9px;
    flex-direction: column;
}
.pick-risk-name {
    font-size: 20px;
    line-height: 1;
    color: #AEBBE7;
}
.pick-api-marketrisk,
.pick-api-creditrisk {
    flex: 1;
    cursor: pointer;
}
.pick-risk-value {
    width: 168px;
    height: 20px;
    background: rgba(255,255,255,0.15);
    border-radius: 100px;
    overflow: hidden;
}
.pick-risk-value-word {
    color: #FFF;
    font-size: 14px;
    line-height: 1;
    margin-top: 12px;
}
.pick-risk-value-inner {
    height: 100%;
}
.swiper-item .pick-risk-value {
    width: 84px;
    height: 12px;
}
.about-text {
    max-width: 1200px;
    margin: 50px auto 0;
    color: #AEBBE7;
    font-size: 20px;
    line-height: 1.4;
}
.about-text h2,
.about-text h3,
.about-text h4,
.about-text h5 {
    font-size: 32px;
    margin-bottom: 10px;
    margin-top: 50px;
    color: #fff;
}
h1.pick-header:not(.pick-header-with-button),
h1.pick-header .pick-header-text,
#company-about.about-text h2 {
    background: linear-gradient(90deg, #FAFFF6 0%, #A7A5B7 43.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: opacity 300ms ease-out;
}
h1.pick-header a:hover {
    opacity: 0.75;
    transition: none;
}
.pick-header-with-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#company-info-wrapper {
    margin-top: 40px;
}
h2.pick-header {
    font-size: 32px;
    color: #fff;
}
.pick-header-button {
    color: #9893D9;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: inline-flex;
    padding: 10px 36px 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    background: #131A33 url("../img/arrow_btn.svg") no-repeat center right 16px / 8px;
    height: auto;
}
.about-text p {
    margin-bottom: 20px;
    line-height: 1.5;
}
.about-text img {
    max-width: 100%;
    border-radius: 30px;
    margin-top: 20px;
}
.about-text h2 + img {
    margin-top: 0;
}
.pick-about-text {
    margin-top: 20px;
}
.about-text .pick-about-text h1:first-child {
    margin-top: 0;
}
body.user-subscription-no .pick-about-text.hidden,
body.user-subscription-basic .pick-about-text.hidden {
    height: 330px;
    overflow: hidden;
    position: relative;
    margin-bottom: 150px;
}
.pick-about-text h2:first-child,
.pick-about-text h3:first-child,
.pick-about-text h4:first-child,
.pick-about-text h5:first-child {
    margin-top: 0;
}
.pick-about-text ol,
.pick-about-text ul {
    padding-left: 1em;
}
.pick-about-text li {
    margin-bottom: 15px;
    line-height: 1.4;
}
.about-text-read-more {
    display: none;
}
.hidden .about-text-read-more {
    position: absolute;
    bottom: 34px;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    color: #FFA3CA;
    font-size: 25px;
    line-height: 1.5;
    background: rgba(255,255,255,0.05) url(../img/read_more.svg) no-repeat center left 30px;
    background-size: 28px 14px;
    padding: 8px 29px 8px 78px;
    border-radius: 40px;
    cursor: pointer;
    transition: background 0.25s ease-out;
    width: 230px;
    box-sizing: border-box;
}
.hidden .about-text-read-more:hover {
    background-color: rgba(255,255,255,0.15);
    transition-duration: 0s;
}
body.user-subscription-no .hidden .about-text-read-more,
body.user-subscription-basic .hidden .about-text-read-more {
    display: block;
}
body.user-subscription-no .hidden .pick-about-text-grad,
body.user-subscription-basic .hidden .pick-about-text-grad {
    -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 100%);
    height: 100%;
}
.pick-subtitle {
    color: #AEBBE7;
    font-size: 20px;
    line-height: 1;
    margin-top: 12px;
}
#company-stats {
    color: #AEBBE7;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
#company-stats p br {
    display: none;
}
#company-stats p strong {
    font-weight: normal;
}
#company-stats .pick-header {
    margin-bottom: 8px;
}
#company-stats table {
    width: auto;
}
#company-stats table td {
    padding-bottom: 10px;
    color: #FFF;
    font-size: 20px;
    vertical-align: top;
}
#company-stats table td:nth-child(odd) {
    padding-right: 20px;
}
#company-stats table td:nth-child(odd),
#company-stats table td span {
    color: #AEBBE7;
}
#company-stats table td:nth-child(even) {
    padding-right: 50px;
}
#company-stats table td:last-child {
    padding-right: 0;
}
#company-stats table tr:last-child td {
    padding-bottom: 0;
}
#company-stats thead {
    display: none;
}

#company-about {
    margin-top: 30px;
}

.unavailable .about-text-read-more {
    display: none !important;
}
.unavailable .about-text h2,
.unavailable .about-text h3,
.unavailable .about-text h4,
.unavailable .about-text h5,
.unavailable h2.pick-header,
.unavailable #company-stats p {
    filter: blur(3px);
}
.unavailable .about-text p,
.unavailable #company-info-wrapper table {
    filter: blur(12px);
}
.unavailable .pick-about-text-grad {
    -webkit-mask-image: none;
}
.unavailable .pick-about-text.hidden {
    overflow: visible;
    height: auto;
}
.unavailable .readings-author {
    display: none;
}

#pick-auth-content {
    position: relative;
}
.pick-locked-popup {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 200px;
    width: 90%;
    max-width: 565px;
    display: none;
    overflow: hidden;
    border-radius: 30px;
}
.pick-locked-popup-content {
    display: flex;
    border-radius: 30px;
    border: none;
    background: linear-gradient(180deg, rgba(255,255,255, 0.15), rgba(255,255,255, 0.03));
    backdrop-filter: blur(50px);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.30);
    padding: 20px 25px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 1;
}
.pick-locked-popup:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    width: 232px;
    height: 62px;
    border-radius: 100px;
    background-color: rgba(72, 153, 255, 0.90);
    top: 53px;
    left: 16px;
    filter: blur(30px);
}
.pick-locked-popup:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    width: 181px;
    height: 44px;
    border-radius: 100px;
    background-color: rgba(255, 63, 145, 0.90);
    bottom: 30px;
    right: 2px;
    filter: blur(30px);
}
body.user-subscription-no .unavailable #pick-auth-popup {
    display: block;
}
body.user-subscription-basic .unavailable #pick-premium-popup {
    display: block;
}
.pick-locked-popup-header {
    font-size: 32px;
    font-weight: 800;
}
.pick-locked-popup-text {
    font-size: 16px;
    opacity: 0.5;
    mix-blend-mode: plus-lighter;
}
.pick-locked-popup-button {
    padding: 12px 54px;
    font-size: 20px;
}

.prototype {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
}

.prototype-video {
    position: relative;
    width: 100%;
    max-width: 360px;
    aspect-ratio: 1008/2103;
}

.prototype-video .iphone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url('../img/iphone.png?1');
    background-repeat: no-repeat;
    z-index: 10;
}

.prototype-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 90px;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.prototype-video video.hidden {
    opacity: 0;
}

.prototype-description {
    max-width: 600px;
    transform: translateY(-100px);
    margin: unset !important;
}

.prototype ul {
    margin-top: 30px;
    margin-bottom: 50px;
}

.prototype ul li {
    margin-bottom: 15px;
}

section.features {
    width: 100%;
    max-width: 1200px;
    margin: 70px auto 100px;
}

.features-list {
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin-top: 30px;
}

.features-row {
    display: flex;
    gap: 16px;
}

.features-item-large,
.features-item-small {
    position: relative;
    border-radius: 70px;
    /* border: 1px solid rgba(255,255,255,0.15); */
}

.features-item-large {
    width: 66.5%;
    max-width: 798px;
    aspect-ratio: 798 / 509;
}

.features-item-large {
    background-image: url('../img/features-glow-1.png');
    background-repeat: no-repeat;
}

.features-item-small {
    background-image: url('../img/features-glow-2.png');
    background-repeat: no-repeat;
    width: 32.16%;
    max-width: 386px;
    aspect-ratio: 386 / 509;
}

.feature-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 70px;
    z-index: 0;
}

@media screen and (min-width: 800px) and (max-width: 1100px) {
    .features-item-small {
        width: 35%;
    }
    .features-item-header {
        font-size: 38px;
    }
    div[data-feature="details"] .features-item-caption {
        font-size: 20px;
    }
}

div[data-feature="quotes"] .feature-image {
    background-image: url('../img/feature-1-image.png');
}

div[data-feature="lists"] .feature-image {
    background-image: url('../img/feature-2-image.png');
}

div[data-feature="AI"] .feature-image {
    background-image: url('../img/feature-4-image.png');
}

.features-item-text {
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translateX(-50%);
    z-index: 1;
}

.features-item-header {
    color: #FFF;
    text-align: center;
    font-size: 42px;
    font-weight: 800;
    line-height: normal;
}

.features-item-caption {
    color: #FFF;
    text-align: center;
    font-size: 24px;
}

div[data-feature="details"] .features-item-text {
    bottom: 50%;
    transform: translate(-50%, 50%);
    width: 75%;
}

div[data-feature="details"] .features-item-header,
div[data-feature="details"] .features-item-caption {
    text-align: left;
}

div[data-feature="details"] .features-item-caption {
    font-size: 20px;
}

div[data-feature="AI"] .features-item-header,
div[data-feature="AI"] .features-item-caption {
    color: #111;
}

div[data-feature="details"] .features-item-caption ul li {
    margin-bottom: 10px;
}

section.readings {
    margin: 5px auto 0;
    max-width: 1500px;
    padding: 15px 30px 0 10px;
    display: flex;
    gap: 80px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.readings-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 330px;

    .widgets {
        position: sticky;
        top: 20px;
    }
}

body.loading-user-data .readings-sidebar .widget-container {
    visibility: hidden;
}

.readings-sidebar h1 {
    padding-bottom: 1px;
    font-size: 56px;
    font-weight: 800;
    color: white;
}

.readings-title {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.readings-sidebar .search-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 7px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M13.6531 22.4527C15.8891 22.4527 17.9844 21.7777 19.7281 20.6246L25.8875 26.798C26.2953 27.1918 26.8156 27.3887 27.3781 27.3887C28.5453 27.3887 29.4031 26.4746 29.4031 25.3215C29.4031 24.7871 29.2203 24.2668 28.8266 23.873L22.7094 17.7277C23.975 15.9277 24.7203 13.748 24.7203 11.3855C24.7203 5.29648 19.7422 0.318359 13.6531 0.318359C7.57813 0.318359 2.58594 5.29648 2.58594 11.3855C2.58594 17.4746 7.56406 22.4527 13.6531 22.4527ZM13.6531 19.4996C9.19531 19.4996 5.53906 15.8434 5.53906 11.3855C5.53906 6.92773 9.19531 3.27148 13.6531 3.27148C18.1109 3.27148 21.7672 6.92773 21.7672 11.3855C21.7672 15.8434 18.1109 19.4996 13.6531 19.4996Z' fill='white' style='fill:white;fill:white;fill-opacity:1;'/%3E%3C/svg%3E");
    opacity: 0.75;
    transition: opacity 0.7s 1s;
    cursor: pointer;
}

.readings-sidebar .search-icon.hidden {
    opacity: 0;
}

.readings-sidebar .search-icon.animated {
    transition-duration: 0.15s;
    transition-delay: 0s;
}

.readings-sidebar .search-icon:hover {
    opacity: 1;
    transition-duration: 0s;
}

.readings-caterogies {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.readings-top-title {
    color: #FFF;
    font-size: 32px;
    font-weight: 800;
}

#picks-author-template {
    display: none !important;
}
.readings-author {
    padding: 20px 25px 0 25px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #2F33A9 0%, #131443 100%);
    border-radius: 30px;
    overflow: hidden;
}

body.loading-user-data .readings-author {
    display: none;
}

.readings-author-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    mix-blend-mode: plus-lighter;
}

.readings-author-name {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
    mix-blend-mode: plus-lighter;
}

.readings-author-description {
    color: #8797D1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    opacity: 0.5;
    mix-blend-mode: plus-lighter;
    margin-top: 20px;
}

.readings-author-photo {
    width: 114%;
    margin-left: -3%;
    margin-top: 10px;
    min-height: 25px;
    display: flex;
}

.readings-author-photo img {
    width: 100%;
}

.reading-content .readings-author-photo img {
    margin: 0;
}

.reading-content .readings-top a {
    color: inherit;
}

.readings-category {
    color: #FFF;
    font-size: 22px;
    opacity: 0.5;
    transform: translateX(0);
    transition-property: opacity, transform;
    transition-duration: 0.5s;
    font-weight: 400;
    line-height: normal;
}

.readings-category.hidden {
    opacity: 0 !important;
    transform: translateX(-50px);
}

.readings-category:nth-child(1) {
    transition-delay: 0.15s;
}

.readings-category:nth-child(2) {
    transition-delay: 0.2s;
}

.readings-category:nth-child(3) {
    transition-delay: 0.25s;
}

.readings-category:nth-child(4) {
    transition-delay: 0.3s;
}

.readings-category:nth-child(5) {
    transition-delay: 0.35s;
}

.readings-category:nth-child(6) {
    transition-delay: 0.4s;
}

.readings-category:nth-child(7) {
    transition-delay: 0.45s;
}

.readings-category:nth-child(8) {
    transition-delay: 0.5s;
}

.readings-category:nth-child(9) {
    transition-delay: 0.55s;
}

.readings-category:nth-child(10) {
    transition-delay: 0.6s;
}

.readings-category.animated {
    transition-duration: 0.15s !important;
    transition-delay: 0s !important;
}

.readings-category:hover {
    opacity: 1;
    transition-duration: 0s;
}

.readings-category.active {
    opacity: 1;
}

.readings-corporate-blog {
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,0.25);
}

/* Readings table (readings / email) */
.readings-table {
    border-collapse: collapse;
    padding: 0;
    margin: 15px 0 30px;
    width: 100%;
}

.readings-table__thead {
    color: #727FB2;
}

.readings-table__row--head,
.readings-table__row--sep {
    border-bottom: 1px solid #323642;
}

.readings-table__cell {
    vertical-align: top;
    padding: 10px 20px 10px 0;
}

.readings-table__cell--name {
    width: auto;
}

.readings-table__cell--cur {
    width: 70px;
}

.readings-table__cell--price {
    width: 105px;
}

.readings-table__cell--yield {
    width: 70px;
}

.readings-table__cell--risk {
    width: 90px;
}

.readings-table__cell--reason {
    padding: 12px 0;
    vertical-align: top;
}

.readings-table__reason-label {
    color: #727FB2;
    float: left;
}

.readings-table__reason-text {
    float: left;
    margin-left: 20px;
    width: 75%;
}

.readings-table__reason-clear {
    clear: both;
}

.reading-content a.readings-table__link {
    color: #fff;
    text-decoration: underline;
}

/* Glossary: alphabet nav (reuse readings-caterogies layout) */
.glossary-nav.readings-caterogies {
    flex-wrap: wrap;
    flex-direction: row;
    width: 210px;
    gap: 4px;
    margin-top: 40px;
}

.glossary-letter-item {
    display: inline-flex;
}

.glossary-letter-item a {
    color: #FFF;
    font-size: 32px;
    text-decoration: none;
    display: flex;
    width: 48px;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.glossary-letter-item a.active {
    background: rgba(255, 255, 255, 0.20);
}

.glossary-letter-all a {
    font-weight: 700;
}

.glossary-page .readings-news-item.glossary-item {
    padding: 30px 50px;
    width: 100%;
    box-sizing: border-box;
}

.glossary-page .glossary-item .readings-news-image {
    display: none;
}

.glossary-page a.glossary-item {
    text-decoration: none;
    color: inherit;
    display: flex;
}

.glossary-term-page .reading-image {
    display: none;
}

section.readings.glossary-page {
    gap: 40px;

    .readings-news {
        align-items: flex-start;
    }

    .readings-sidebar {
        width: auto;
    }
}

a.glossary-title-show-all {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    opacity: 0.4;
    margin-top: 10px;
    transition: opacity 0.15s ease-out;
    margin-bottom: 48px;
}

a.glossary-title-show-all:hover {
    opacity: 0.8;
    transition-duration: 0s;
}

.glossary-empty {
    font-size: 32px;
}

section.glossary-term-page {
    margin: 130px auto 0;
    max-width: 1500px;
    padding: 0 30px 0 10px;

    .readings-title {
        h1 {
            display: flex;
            gap: 40px;

            .glossary-title-show-all {
                margin-bottom: 0;
            }
        }
    }
}

.glossary-item-content {
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    margin-top: 40px;
    padding: 55px 100px;
    display: flex;
    flex-direction: row-reverse;
    gap: 54px;
    justify-content: flex-end;

    .readings-sidebar {
        width: auto;
    }

    .reading {
        width: auto;
        max-width: none;
    }
}

.readings-top {
    padding: 25px;
}

.readings-top ol {
    padding: 0;
    margin-left: 20px;
    margin-top: 10px;
}

.readings-top li {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 20px;
    opacity: 0.5;
    transition: opacity 0.15s;
    mix-blend-mode: plus-lighter;
}

.readings-top li:hover {
    opacity: 0.75;
    transition-duration: 0s;
}

.readings-top li:last-child {
    margin-bottom: 0;
}

.readings-report {
    padding: 25px;
}

.readings-report-title {
    color: #FFF;
    font-size: 32px;
    font-weight: 800;
}

.readings-report p {
    color: #FFF;
    font-size: 16px;
    opacity: 0.5;
    mix-blend-mode: plus-lighter;
    margin-top: 10px;
}

.readings-report .button {
    margin-top: 20px;
    font-size: 20px;
    padding: 12px 40px;
}

.readings-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% - 80px - 330px);
    margin-top: 40px;
}

.readings-news .widgets {
    display: none;
}

.readings-news-item {
    display: flex;
    padding: 50px;
    gap: 40px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.01);
    transition: background-color 0.25s;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.1);
    justify-content: space-between;
}

.readings-news-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    transition-duration: 0s;
}

.readings-news-item:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.readings-news-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.readings-news-date {
    color: var(--text-blue-gray);
    font-size: 14px;
    font-weight: 400;
}

.readings-news-title {
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 10px;
}

.readings-news-title a {
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.25); */
}

.readings-news-description {
    color: #AEBBE7;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.readings-news-image {
    max-width: 170px;
    width: 100%;
}

.readings-news-image img {
    width: 100%;
}

.readings-news-image,
.readings-news-image img {
    border-radius: 30px;
}

.paginator {
    margin-top: 30px;
    margin-bottom: 100px;
    display: flex;
    gap: 50px;
    font-size: 26px;
}

.paginator .page {
    opacity: 0.3;
}

.paginator .page.active {
    opacity: 1;
}

.page-reading .readings {
    gap: 130px;
}

.reading {
    width: calc(100% - 330px - 130px);
    max-width: 800px;
}

.reading-back {
    display: inline-flex;
    padding: 5px 12px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.20);
    transition: background-color 0.15s;
    cursor: pointer;
}

.reading-back:hover {
    background-color: rgba(0, 0, 0, 0.50);
    transition-duration: 0s;
}

.reading-back:active {
    background-color: rgba(0, 0, 0, 0.75);
}

.reading-back::before {
    content: '';
    background-image: var(--icon-arrow);
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleX(-1) translateY(1px);
    width: 16px;
    height: 16px;
}

.widgets.mobile {
    display: none;
}

.reading-date {
    margin-top: 10px;
    color: #cfd8f8;
    font-size: 14px;
}

.reading-title {
    margin-top: 0px;
    font-size: 26px;
    font-weight: 700;
}

.reading-image {
    margin-top: 25px;
}

.reading-image,
.reading-image img {
    max-width: 100%;
    max-height: 400px;
    border-radius: 40px;
}

.reading-content {
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.3;
}

.reading-content img {
    max-width: 100%;
    margin: 30px 0 40px 0;
    height: auto;
}

.reading-content h1,
.reading-content h2,
.reading-content h3,
.reading-content p {
    line-height: 1.3;
    color: #fff;
    opacity: 0.85;
}

.reading-content a {
    color: var(--text-blue-gray);
    transition: color 0.25s ease-out;
}
.reading-content a:hover {
    color: var(--text-blue-gray-hover);
    transition-duration: 0s;
}

.reading-content p {
    margin-bottom: 15px;
}
.reading-content h1,
.reading-content h2,
.reading-content h3 {
    margin-bottom: 15px;
    margin-top: 30px;
}

section.background-video {
    height: 500px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
    mix-blend-mode: plus-lighter;
    margin-top: 0;
}

.background-video video {
    width: 100%;
}

section.about {
    margin: 0 auto;
    width: calc(100% - 20px);
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.about-block {
    margin-top: 400px;
    max-width: 500px;
}

.about-block-right {
    max-width: 570px;
    transform: translateY(-90px);
}

.about-block-title {
    font-size: 56px;
    font-weight: 800;
    background: var(--white-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: normal;
}

.about-block-description {
    color: var(--text-blue-gray);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
}

section.team {
    margin: 0 auto;
    margin-top: 100px;
    width: calc(100% - 20px);
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 70px;
}

section.team .section-header {
    margin-bottom: -40px;
}

.team-member {
    display: flex;
    flex-direction: column;
    gap: 110px;
}

.team-member-photo {
    max-width: 500px;
    display: flex;
}

.team-member-photo img {
    width: 100%;
}

.team-member-main {
    display: flex;
    justify-content: space-between;
    border-width: 0 0 1px 0;
    border-style: solid;
    align-items: center;
}

.team-member.left .team-member-main {
    border-image: linear-gradient( to right, rgba(255,255,255,0.5), rgba(255,255,255,0) ) 1;
}

.team-member.right .team-member-main {
    border-image: linear-gradient( to left, rgba(255,255,255,0.5), rgba(255,255,255,0) ) 1;
}

.team-member-text {
    max-width: 570px;
    mix-blend-mode: plus-lighter;
}

.team-member-name {
    font-size: 40px;
    font-weight: 800;
    background: var(--pink-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-member-linkedin {
    display: inline-block;
    width: 83px;
    height: 25px;
    padding: 5px 15px;
    background-image: url('../img/social-linkedin-button.png');
    background-color: white;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
    border-radius: 12px;
}

.team-member-description {
    color: var(--text-blue-gray);
    font-size: 18px;
    line-height: 150%;
    margin-top: 30px;
}

.team-member-description p {
    margin-bottom: 15px;
}

.team-member-additional {
    display: flex;
    justify-content: space-between;
    mix-blend-mode: plus-lighter;
    gap: 50px;
}

.team-member-quote {
    transform: translateY(-70px);
    max-width: 500px;
    font-size: 38px;
    font-style: italic;
    font-weight: 700;
    line-height: 150%;
    background: linear-gradient(160deg, #CBD7FD 7.88%, rgba(174, 187, 231, 0.00) 134.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: plus-lighter;
}

.team-member-quote-wide {
    max-width: 700px;
}

.team-member-quote::before {
    content: '“';
    transform: translateY(10px);
    display: block;
    font-family: "Times New Roman", serif;
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    padding-top: 20px;
    background: #FF9AC5;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-member-extra {
    max-width: 570px;
    color: var(--text-blue-gray);
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    line-height: 150%;
}

.team-member-extra p {
    margin-bottom: 15px;
}

section.contacts {
    display: flex;
    margin: 0 auto;
    width: calc(100% - 20px);
    max-width: 1200px;
    gap: 80px;
    margin-bottom: 300px;
}

.contacts .form-wrapper {
    max-width: 500px;
    padding: 40px;
}

.contact-info {
    max-width: 40%;
}

.contact-info-title {
    font-size: 56px;
    font-weight: 800;
}

.contact-info-data {
    max-width: 570px;
    font-size: 26px;
    line-height: 150%;
    margin-top: 40px;
}

.contact-info-data p {
    margin-bottom: 30px;
}

img.about-plnt-logo {
    width: 100%;
    min-width: 250px;
}

.contacts .button {
    width: 60%;
    margin: 0 auto;
}

section.selection {
    margin-top: 70px;
}

.section-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.selection-date {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 20px;
    border-radius: 50px;
    background: linear-gradient(90deg, #724E67 0%, #AE6B7F 46.88%, #A36B91 74.48%, #875F93 100%);
    color: white;
}

.selection-table {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 30px;
}

.table-rows-wrapper {
    margin: unset;
    padding: 50px 60px;
    box-sizing: border-box;
    width: fit-content;
    border-radius: 20px;
    background: rgba(13, 25, 94, 0.41);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.table-rows {
    display: table;
}

.table-row {
    display: table-row;
}

.table-row-head {
    display: table-row;
    color: #D1BBFF;
}

.table-row-head .table-row-cell span {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(209, 187, 255, 0.5);
}

.table-row-cell {
    display: table-cell;
    padding-right: 30px;
    padding-bottom: 30px;
    font-size: 25px;
    vertical-align: top;
}

.table-row-cell.right {
    text-align: right;
}

.table-row-cell img {
    width: 36px;
    height: 36px;
    border-radius: 7px;
    margin-right: 13px;
    transform: translateY(-2px);
}

.table-img {
    display: flex;
    align-items: center;
}

.table-row-cell:last-child {
    padding-right: 0;
}

section.investment-rationale {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 160px;
}

.rationales {
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin-top: 30px;
}

.rationale {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.rationale-left img {
    width: 100%;
    border-radius: 25px;
}

.rationale-left {
    max-width: 540px;
    height: fit-content;
}

.rationale-right {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.rationale-section-title {
    font-size: 40px;
    font-weight: 800;
    background: var(--pink-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rationale-section-text {
    margin-top: 25px;
    color: var(--text-blue-gray);
    font-size: 22px;
    line-height: 150%;
}

.rationale-section-text p {
    margin-bottom: 20px;
}

.rationale-name {
    color: #FFF;
    font-size: 26px;
    font-weight: 800;
    margin-top: 10px;
}

.rationale-isin {
    color: var(--text-blue-gray);
    font-size: 18px;
    opacity: 0.5;
}

.rationale-left .widget {
    padding: 30px;
}

.rationale-general {
    display: flex;
    gap: 45px;
}

.rationale-left .list {
    margin-top: 20px;
    max-width: 220px;
}

.rationale-caption {
    color: var(--text-blue-gray);
    font-size: 16px;
    margin-top: 20px;
    opacity: 0.75;
}

.rationale-section-subtitle {
    color: var(--text-blue-gray);
    font-size: 22px;
}

.rationale-additional {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.rationale-financials .lists {
    margin-top: 30px;
}

.rationale-brokers-tags {
    display: flex;
    gap: 30px;
}

.rationale-broker-tag {
    display: flex;
    padding: 10px 50px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(175px);
    -webkit-backdrop-filter: blur(175px);
    color: var(--text-blue-gray);
    font-size: 22px;
    margin-top: 20px;
}

.lists {
    display: flex;
    gap: 100px;
    align-items: center;
}

.list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 20px;
}

.rationale-left .list {
    color: var(--text-blue-gray);
}

.list-item {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: flex-start;
}

footer {
    margin: 0 auto;
    margin-top: 120px;
    width: 100%;
    padding-bottom: 20px;
    background-image: url('../img/footer.png');
    background-size: cover;
    background-repeat: no-repeat;
    /* -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,1) 100%); */
    position: relative;
}

footer:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translatey(-100%);
    background: linear-gradient(0deg, #000 20%, rgba(2, 5, 13, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.footer-wrapper {
    display: flex;
    gap: 70px;
    flex-direction: column;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}

footer a:not([href*="tel"]) {
    opacity: 0.75;
    transition: opacity 0.15s;
}

footer a:hover {
    opacity: 1;
    transition-duration: 0s;
}

footer a:not([href*="tel"]) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.footer-logo a {
    border: none !important;
}

.footer-top {
    display: flex;
    gap: 60px;
    font-size: 18px;
    justify-content: flex-start;
}

.footer-bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 25px;
}

.footer-logo {
    max-width: 300px;
}

.footer-logo img {
    width: 100%;
    max-width: 300px;
}

.footer-menu-and-address {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-menu {
    display: flex;
    gap: 30px;
}

.footer-menu-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-menu-title,
.footer-address-title {
    color: var(--text-blue-gray);
    font-style: italic;
}

.footer-menu-item {
    transition: opacity 0.15s;
    opacity: 0.75;
}

.footer-menu-item:hover {
    opacity: 1;
    transition-duration: 0s;
}

.footer-address {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 430px;
    padding-right: 20px;
}

.footer-address-value {
    display: flex;
    gap: 30px;
}

.footer-bottom-socials {
    display: flex;
    gap: 32px;
}

.footer-bottom-socials a {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: none !important;
}

.footer-plnt-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    max-width: 400px;
}

.facebook {
    background-image: url('../img/icon-facebook.svg');
}

.instagram {
    background-image: url('../img/icon-instagram.svg');
}

.twitter {
    background-image: url('../img/icon-x.svg');
}

.youtube {
    background-image: url('../img/icon-youtube.svg');
}

.linkedin {
    background-image: url('../img/icon-linkedin.svg');
}

.tiktok {
    background-image: url('../img/icon-tiktok.svg');
}

body[data-page="reports"] .table-cell {
    margin-right: 25px;
    font-size: 24px;
}

body[data-page="reports"] .table-cell[data-column="name"] {
    width: 440px;
}
body[data-page="reports"] .table-cell[data-column="yield"] {
    width: 100px;
}
body[data-page="reports"] .table-cell[data-column="duration"] {
    width: 100px;
}
body[data-page="reports"] .table-cell[data-column="country"] {
    width: 120px;
}
body[data-page="reports"] .table-cell[data-column="isin"] {
    width: 190px;
    font-family: monospace;
}

body[data-page="reports"] .table-content {
    margin-top: 10px;
}

section.disclaimer {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1500px;
}
.info-disclaimer {
    margin-top: 200px;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    padding-top: 18px;
    color: #AEBBE7;
}
.info-disclaimer:before {
    content: ' ';
    display: block;
    width: 128px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #AEBBE7;
}
.info-disclaimer p {
    margin-bottom: 20px;
    line-height: inherit;
}
.info-disclaimer ul {
    margin: 0;
    padding-left: 1.5em;
    margin-top: 13px;
}
.info-disclaimer li {
    margin-bottom: 11px;
}

.menu-item.menu-personal,
.mobile-menu-item.menu-personal {
    display: flex;
    align-items: center;
    gap: 7px;
}
.menu-personal:before,
.mobile-menu-item.menu-personal:before {
    content: ' ';
    width: 15px;
    height: 16px;
    display: inline-block;
    background: url("../img/person.svg") no-repeat left center;
    background-size: contain;
}
.menu-personal a {
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
section.personal {
    max-width: 1500px;
    padding: 0 30px 0 10px;
    margin: 60px auto 0;
}
body[data-page="personal"] .glow-3 {
    display: none;
}
#personal-tabs-switcher {
    display: flex;
    gap: 50px;
}
.personal-tabs-switcher-tab {
    font-size: 56px;
    line-height: 1;
    font-weight: 800;
    opacity: 0.5;
    transition: opacity 0.25s ease-out;
    cursor: pointer;
}
.personal-tabs-switcher-tab:hover {
    transition-duration: 0s;
    opacity: 0.75;
    transition-duration: 0s;
}
.personal-tabs-switcher-tab.active {
    opacity: 1;
    cursor: default;
}
#personal-tabs-list {
    margin-top: 30px;
    opacity: 0;
    transition: all 0.25s ease-out;
}
#personal-tabs-list.active {
    opacity: 1;
}
.personal-tabs-list-tab {
    display: none;
}
.personal-tabs-list-tab.active {
    display: block;
}
.personal-edit-section {
    max-width: 830px;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.personal-edit-section:first-of-type {
    border-top: none;
    padding-top: 0;
}
section.personal > h1 {
    margin-bottom: -30px;
}
.personal-edit-section h2 {
    font-size: 32px;
    margin-bottom: 20px;
}
.personal-edit-columns {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.personal-edit-column {
    width: 400px;
}
.personal-edit-line {
    width: 100%;
}
.personal-edit-column .field {
    margin-bottom: 30px;
}
.personal-edit-column select,
.personal-edit-column input {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
}
.personal-edit-section .button {
    width: 260px;
    height: 62px;
    padding: 14px;
    box-sizing: border-box;
}
.personal-subscriptions {
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.personal-subscription {
    min-height: 71px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(30px);
    max-width: 704px;
    padding: 10px 20px;
    position: relative;
    box-sizing: border-box;
    display: none;
}
.personal-subscription.available {
    display: block;
}
.personal-subscription .title {
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
}
.personal-subscription .subtitle {
    font-size: 18px;
    line-height: 1;
    margin-top: 6px;
}
.personal-subscribe-all .title {
    margin-top: 11px;
}
.personal-subscribe-all {
    margin-bottom: 7px;
    max-width: 704px;
    border-radius: 13px;
}
.personal-subscription .switcher {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.switcher {
    width: 52px;
    height: 32px;
    background: linear-gradient(90deg, rgba(255,255,255,0.16) 34.9%, rgba(255,255,255,0.16) 100%);
    border-radius: 40px;
    position: relative;
    cursor: pointer;
}
.switcher.on {
    background: linear-gradient(90deg, rgba(92, 143, 213, 1) 34.9%, rgba(224, 102, 169, 1) 100%);
}
.switcher-inner {
    width: 28px;
    height: 28px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 100%;
    transition: transform 0.25s ease-out;
}
.switcher.on .switcher-inner {
    transform: translateX(18px);
}
.personal-actions {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    font-size: 18px;
    color: var(--text-blue-gray);
}
.bullet-separator {
    display: none;
}
.personal-actions .action-button {
    cursor: pointer;
    border-bottom: 1px solid var(--text-blue-gray);
}
.swiper-item-blur-content-text .mobile {
    display: none;
}

.subscriptions-plans-list {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: space-between;
    flex-direction: column;
    width: fit-content;
}
.section-header + .subscriptions-plans-list {
    margin-top: 30px;
}
.subscriptions-plans-list-line {
    display: flex;
    gap: 40px;
    justify-content: flex-start;
}
.subscription-enterprise-wrapper {
    width: 100%;
}
.subscriptions-subscription-wrapper {
    border-radius: 35px;
    width: 100%;
    max-width: 446px;
}
.subscriptions-subscription-wrapper.subscription-enterprise-wrapper {
    max-width: none;
}
.subscriptions-plans-list .bg-grad-wrapper {
    border-radius: 35px;
    height: 100%;
    background: linear-gradient(180deg, rgba(1, 4, 19, 0.60) 0%, rgba(19, 20, 42, 0.60) 100%);
    position: relative;
    z-index: 1;
}
.subscriptions-plans-list .subscription-premium-wrapper .bg-grad-wrapper {
    background: linear-gradient(180deg, #1028A2 0%, #161952 100%);
}
.subscriptions-subscription-wrapper.active .bg-grad-wrapper:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 260px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(29, 33, 61, 0) 0%, #181B6C 100%);
    border-radius: 0 0 35px 35px;
}
.subscriptions-plans-list .bg-grad-content {
    position: relative;
    z-index: 2;
}
.subscriptions-plan-block {
    box-sizing: border-box;
    padding: 45px 40px 45px 50px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 35px;
    border: 2px solid rgba(255,255,255,0.1);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
}
.subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block-status {
    position: static;
    width: 235px;
    margin-top: 0;
    margin-bottom: auto;
}
.subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block-pluses {
    margin: 0;
    height: auto;
}
.subscriptions-subscription-wrapper.subscription-enterprise-wrapper .bg-grad-wrapper {
    padding-bottom: 0;
}
.subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block-button {
    margin-top: 0;
    padding: 20px;
    width: max-content;
}
.subscriptions-plan-block-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.subscription-basic-wrapper .subscriptions-plan-block-title {
    background-color: #8797d1;
}
.subscription-premium-wrapper .subscriptions-plan-block-title {
    background-image: linear-gradient(90deg, #FAFFF6 0%, #A7A5B7 43.57%);
}
.subscription-professional-wrapper .subscriptions-plan-block-title {
    background-image: linear-gradient(90deg, #FAFFF6 0%, #A7A5B7 43.57%);
}
.subscription-enterprise-wrapper .subscriptions-plan-block-title {
    background-image: linear-gradient(90deg, #FFF 0%, #6067AD 100%);
}
.subscriptions-plan-block-price {
    line-height: 1;
    margin-top: 40px;
}
.subscriptions-plan-block-price .old-price {
    font-size: 24px;
    text-decoration-line: line-through;
    color: rgba(255, 255, 255, 0.60);
    width: 100%;
}
.subscriptions-plan-block-price .current-price {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
}
.subscriptions-plan-block-price .comment-price {
    font-size: 16px;
    color: #8289a0;
}
.subscriptions-plan-block-price .monthly,
.subscriptions-plan-block-price .yearly {
    display: none;
}
.monthly-prices .subscriptions-plan-block-price .monthly,
.yearly-prices .subscriptions-plan-block-price .yearly {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 16px;
}
.subscriptions-plan-block-desc {
    max-width: 380px;
    font-size: 22px;
    line-height: 1.23;
    margin-top: 30px;
    height: 86px;
    color: #8797d1;
}
.subscriptions-plan-block-pluses {
    padding: 0;
    margin: 50px 0 0 -33px;
    list-style: none;
}
.subscriptions-plan-block-pluses-before + .subscriptions-plan-block-pluses {
    margin-top: 10px;
}
.subscriptions-plan-block-pluses li {
    line-height: 1.45;
}
.subscriptions-plan-block-pluses li {
    padding-left: 33px;
    position: relative;
}
.subscriptions-plan-block-pluses li {
    margin-top: 9px;
}
.subscriptions-plan-block-pluses li:before {
    content: ' ';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 13px;
    background: url('../img/checkmark_lock.svg') no-repeat;
    background-size: contain;
}
.subscriptions-plan-block-status {
    text-align: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
}
.subscriptions-plan-block-active,
.subscriptions-plan-block-loading,
.subscriptions-plan-block-canceled,
.subscriptions-plan-block-trial {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-top: 9px;
    box-sizing: border-box;
    display: none;
}
.subscriptions-plan-block-active,
.subscriptions-plan-block-trial {
    text-align: left;
}
.subscriptions-plan-block-active div:before,
.subscriptions-plan-block-trial div:before {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 100%;
    background-image: linear-gradient(180deg, #01E0AC 0%, #015D7A 100%);
}
.subscriptions-plan-block-active div,
.subscriptions-plan-block-trial div {
    padding-left: 35px;
    margin-top: 64px;
    position: relative;
}
.subscriptions-plan-block-trial div {
    margin-top: 34px;
}
.subscriptions-subscription-wrapper.active .subscriptions-plan-block-status {
    bottom: 53px;
}
.canceled .subscriptions-plan-block-canceled {
    display: block;
    margin-bottom: 14px;
}
.canceled .subscription-basic-wrapper .subscriptions-plan-block-button {
    display: none;
}
.subscription-basic-wrapper .subscriptions-plan-block-active {
    font-size: 18px;
    font-weight: 700;
    opacity: 1;
}
.subscriptions-plan-block-button.button {
    width: 202px;
    height: 42px;
    box-sizing: border-box;
    font-size: 18px;
    padding-top: 9px;
}
.subscriptions-subscription-wrapper.active .subscriptions-plan-block-active,
.subscriptions-subscription-wrapper.trial .subscriptions-plan-block-trial {
    display: block;
}
.subscriptions-subscription-wrapper.active .subscriptions-plan-block-button {
    display: none;
}
body.loading-user-data .subscriptions-plan-block-loading {
    display: block;
}
body.loading-user-data .subscriptions-plan-block-button,
body.loading-user-data .subscriptions-plan-block-active,
body.loading-user-data .subscriptions-plan-block-trial {
    display: none !important;
}
.subscription-premium-wrapper .subscriptions-plan-block-active {
    padding: 0;
}
.subscriptions-plan-block-active small {
    display: block;
    color: #8289A0;
}
.subscriptions-plan-block-button {
    margin-top: 30px;
}
#premium-waitlist-subscribe {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 40px;
}
.cancel-on,
.canceled .active-until {
    display: none;
}
.canceled .cancel-on {
    display: inline;
}


.loader-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.10);
    backdrop-filter: blur(65px);
    -webkit-backdrop-filter: blur(65px);
    overflow: auto;
    z-index: 10000;
}
body.stripe-loading .loader-wrapper {
    display: block;
}
.lds-ellipsis {
    color: #8797D1;
}
.lds-ellipsis,
.lds-ellipsis div {
    box-sizing: border-box;
}

.lds-ellipsis {
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lds-ellipsis div {
    position: absolute;
    top: 33.33333px;
    width: 13.33333px;
    height: 13.33333px;
    border-radius: 50%;
    background: currentColor;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

.personal-edit-plans-section {
    max-width: 1400px;
}
.personal-faq-wrapper {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-top: 30px;
}
.personal-faq-item {
    padding: 30px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 30px;
    cursor: pointer;
    position: relative;
    transition: all 0.25s ease-out;
}
.personal-faq-item:hover {
    background-color: rgba(255, 255, 255, 0.14);
    transition-duration: 0ms;
}
.personal-faq-item:active {
    background-color: rgba(149, 149, 149, 0.07);
}
.personal-faq-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    position: relative;
    padding-right: 100px;
}
.personal-faq-title:before {
    content: ' ';
    display: block;
    width: 15px;
    height: 28px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2222%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2011C0.0127325%2010.566%200.178257%2010.1939%200.522038%209.85908L10.428%200.421646C10.7209%200.148816%2011.0646%200%2011.4848%200C12.3379%200%2013%200.64487%2013%201.47576C13%201.8726%2012.8345%202.24464%2012.5416%202.52988L3.6288%2011L12.5416%2019.4701C12.8345%2019.7554%2013%2020.115%2013%2020.5242C13%2021.3551%2012.3379%2022%2011.4848%2022C11.0774%2022%2010.7209%2021.8512%2010.428%2021.5784L0.522038%2012.1285C0.165524%2011.8061%200%2011.434%200%2011Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-position: center;
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -11px;
}
.personal-faq-text {
    font-size: 20px;
    line-height: 1.33;
    color: #AEBBE7;
    margin-top: 30px;
    display: none;
}
.personal-faq-text p {
    margin: 0 0 30px;
}
.personal-faq-text ul {
    margin: 0;
    padding: 0;
    padding-left: 1em;
    line-height: inherit;
}
.personal-faq-text li {
    margin-bottom: 30px;
    line-height: inherit;
}
.personal-faq-item.active .personal-faq-title:before {
    transform: rotate(90deg);
}
.personal-faq-item.active .personal-faq-text {
    display: block;
}

section.pricing {
    max-width: 1500px;
    padding: 15px 30px 0 10px;
    margin: 0 auto;
}
section.pricing .section-header .overheader {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 60px;
    margin-bottom: 20px;
    color: #8797d1;
    mix-blend-mode: screen;
}
section.pricing .section-header .ml16 {
    padding-top: 0;
}
.switcher-wrapper {
    display: flex;
    gap: 45px;
    margin-top: 64px;
    margin-bottom: 70px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.switcher-wrapper .modal-switcher {
    margin: 0;
}
.switcher-compare-plans {
    display: none;
}
.pricing-plate {
    padding: 4px 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    border-radius: 6px;
}
.pricing-plate.yellow {
    background: linear-gradient(90deg, #E5D161 -1.43%, #D5AC15 98.57%);
    color: #0f1e51;
    -webkit-text-fill-color: #0f1e51;
}
.pricing-plate.purple {
    background: linear-gradient(270deg, #7E45CF 1.35%, #211EF8 97.46%);
    color: #fff;
    -webkit-text-fill-color: #fff;
}
.subscriptions-plan-block-title {
    position: relative;

    .pricing-plate {
        position: absolute;
        top: 11px;
        right: -48px;
    }
}

.pricing-table {
    --table-width: 1018px;

    width: var(--table-width);
    --cell-width: 150px;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 50px;
    overflow: hidden;

    .table-backdrop {
        display: none;
    }

    .table-cell.pricing-name-cell {
        width: calc(var(--table-width) - var(--cell-width) * 3);
        padding-left: 33px;
        text-align: left;
    }
    .table-header {
        color: #fff;
        font-weight: 700;
        font-size: 20px;

    .table-cell {
        height: auto;
    }
    }
    .table-row {
        width: 100%;
    }
    .table-cell {
        width: var(--cell-width);
        margin: 0;
        padding: 18px 10px;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid rgba(135, 151, 209, 0.2);
        font-weight: 600;
    }
    .table-fixed, .table-scrollable {
        padding: 0;
    }
    .table-content .table-row:last-child .table-cell {
        border-bottom: none;
    }
    .pricing-no-cell {
        background: url("/assets/img/pricing-table-no.svg") no-repeat center / 14px;
    }
    .pricing-yes-cell {
        background: url("/assets/img/pricing-table-yes.svg") no-repeat center / 16px;
    }
}

.modal-text {
    .pricing-table {
        --table-width: 740px;

        .table-cell {
            height: 70px;
            padding: 24px 7px 7px;
        }

        .table-cell.pricing-name-cell {
            padding-left: 7px;
        }
    }
}

.bond-page-wrapper {
    margin: 96px auto 0;
    max-width: 1500px;
    padding: 15px 30px 0 10px;
    display: flex;
    gap: 40px;
    flex-direction: column;
}
.bond-page-block {
    max-width: 1000px;
    background-color: rgba(13,25,94,0.5);
    padding: 40px 50px;
    border-radius: 20px;
    box-sizing: border-box;
    position: relative;
}
.bond-page-block-hide {
    position: absolute;
    top: 54px;
    right: 54px;
    width: 28px;
    height: 15px;
    background: url("../img/arr_up_white.svg");
    cursor: pointer;
}
.bond-page-block.hidden .bond-page-block-hide {
    transform: rotate(180deg);
}
.bond-page-summary {
    padding: 30px;
    display: flex;
    gap: 37px;
}
.bond-page-summary-logo img {
    width: 97px;
}
.bond-page-summary-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}
.bond-page-summary-info-title {
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
}
.bond-page-summary-info-marks {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.bond-page-summary-info-mark {
    padding: 6px 24px;
    background-color: rgba(33,47,102,0.7);
    border-radius: 20px;
}
.bond-page-summary-info-mark-label {
    color: #D3DAF1;
}
.bond-page-summary-info-mark-label.with-image {
    display: flex;
    align-items: center;
    gap: 10px;
}
.bond-page-summary-info-mark-label.with-image img {
    width: 24px;
    max-height: 18px;
    object-fit: contain;
    object-position: center;
}
.bond-page-summary-info-mark-value {
    color: #20FFBC;
}
.bond-page-summary-info-mark-icon-EUR {
    display: flex;
    gap: 8px;
    align-items: center;
}
.bond-page-summary-info-mark-icon-EUR:before {
    content: ' ';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../img/curr_euro.svg");
    background-size: contain;
}
.bond-page-graph {

}
.bond-page-graph-controls {
    display: flex;
    justify-content: space-between;
}
.bond-page-graph-control-period,
.bond-page-graph-control-switch-elem {
    box-sizing: border-box;
    padding: 2px 15px;
    height: 26px;
    font-size: 16px;
    color: #D5D8F5;
    border: 1px solid rgba(255,255,255,0.1);
    background: transparent;
    border-radius: 2px;
}
.bond-page-graph-control-period {
    padding-right: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath opacity='0.75' d='M2 7L11 16L20 7' stroke='%23D5D8F5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}
.bond-page-graph-control-switch {
    display: flex;
    gap: 9px;
}
.bond-page-graph-control-switch-elem {
    cursor: pointer;
}
.bond-page-graph-control-switch-elem.active {
    background-color: #212F66;
}
#bond-page-graph-container {
    margin-top: 20px;
    min-height: 400px;
}
.bond-page-info {

}
.bond-page-block-header {
    font-weight: bold;
    font-size: 30px;
}
.bond-page-block-subheader {
    color: rgba(174, 187, 231, 0.7);
    font-size: 18px;
    margin-top: 8px;
}
.bond-page-block-content {
    margin-top: 22px;
}
.bond-page-block.hidden .bond-page-block-content,
.bond-page-block.hidden .bond-page-block-subheader {
    display: none;
}
.bond-page-block-subheader + .bond-page-block-content {
    margin-top: 33px;
}
.bond-page-content-columns-wrapper {
    display: flex;
    gap: 120px;
    opacity: 0;
    transition: all 250ms ease-out;
}
.bond-page-content-columns-wrapper.active {
    opacity: 1;
}
.bond-page-content-column {
    display: flex;
    gap: 38px;
    max-width: 48%;
}
.bond-page-content-labels,
.bond-page-content-values{
    display: flex;
    gap: 22px;
    line-height: 1.4;
    flex-direction: column;
    font-size: 18px;
}
.bond-page-content-labels {
    white-space: nowrap;
}
.bond-page-content-values {

}
.bond-page-content-label,
.bond-page-content-value {
    /*height: 24px;*/
}
.bond-page-content-value .premium-locked,
.bond-page-info-table td:nth-child(2) .premium-locked {
    display: flex;
    gap: 4px;
}
.bond-page-content-label {
    color: rgba(174, 187, 231, 0.7);
}
.bond-page-content-label-help {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cpath d='M12 2.75C10.3683 2.75 8.77325 3.23385 7.41655 4.14038C6.05984 5.0469 5.00242 6.33537 4.378 7.84286C3.75357 9.35035 3.5902 11.0092 3.90853 12.6095C4.22685 14.2098 5.01259 15.6798 6.16637 16.8336C7.32016 17.9874 8.79016 18.7731 10.3905 19.0915C11.9909 19.4098 13.6497 19.2464 15.1571 18.622C16.6646 17.9976 17.9531 16.9402 18.8596 15.5835C19.7661 14.2267 20.25 12.6317 20.25 11C20.25 8.81196 19.3808 6.71354 17.8336 5.16637C16.2865 3.61919 14.188 2.75 12 2.75Z' stroke='%238797D1' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M9.375 8.4827C9.375 8.4827 9.41438 7.66239 10.2923 6.95598C10.8131 6.53645 11.4375 6.41504 12 6.40661C12.5123 6.40004 12.9698 6.48489 13.2436 6.6152C13.7123 6.83832 14.625 7.38301 14.625 8.5413C14.625 9.76005 13.8281 10.3136 12.9202 10.9225C12.0122 11.5315 11.7656 12.1924 11.7656 12.8754' stroke='%238797D1' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M11.7812 16.375C12.3335 16.375 12.7812 15.9273 12.7812 15.375C12.7812 14.8227 12.3335 14.375 11.7812 14.375C11.229 14.375 10.7812 14.8227 10.7812 15.375C10.7812 15.9273 11.229 16.375 11.7812 16.375Z' fill='%238797D1'/%3E%3C/svg%3E");
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.15s;
}
.bond-page-content-label-help:hover {
    opacity: 1;
    transition-duration: 0s;
}
.bond-page-content-value.isin-copy {
    display: flex;
    align-items: flex-start;
}
.bond-page-content-value.isin-copy span:last-child {
    transform: translate(-5px, -3px);
}
.bond-page-content-value-risk > span:not(.premium-locked) {
    padding: 5px 16px;
    margin-left: -16px;
    margin-top: -5px;
    display: inline-block;
    border-radius: 14px;
}
.bond-page-content-value img {
    margin-right: 11px;
    max-width: 24px;
}
.bond-page-info-table {
    color: rgba(174, 187, 231, 0.7);
}
span.after-tax-change-country {
    color: #AEBBE7;
    text-decoration: underline;
    cursor: pointer;
}
span.after-tax-change-country:hover {
    opacity: 0.8;
}
.bond-page-info-table td {
    padding-bottom: 22px;
}
.bond-page-info-table .hidden {
    display: none;
}
.bond-page-info-table td img.screener-locked,
.bond-page-content-value img.screener-locked {
    margin: 0;
}
.bond-page-info-table td:nth-child(1) {
    white-space: nowrap;
    padding-right: 44px;
}
.bond-page-info-table td:nth-child(2) {
    padding-right: 30px;
}
.bond-page-about {

}
.bond-page-text-content {
    color: #AEBBE7;
    font-size: 18px;
    line-height: 1.5;
}
.bond-page-text-content p {
    margin-bottom: 30px;
}
.bond-page-more {
    max-width: none;
}
.bond-page-screener.table {
    background: transparent;
}
.bond-page-screener .table-content .table-cell[data-column="profit"] span {
    display: none;
}
.bond-page-screener + .button {
    margin-top: 20px;
    font-size: 20px;
    padding: 13px 32px;
}
.bond-page-content-value-iscallable-No div {
    display: none !important;
}
.bond-page-content-value-iscallable-Yes {
    position: relative;
}
.bond-page-content-value-iscallable-Yes span {
    display: inline-block;
    background-color: #5466AF;
    padding: 5px 16px;
    border-radius: 14px;
    margin-left: -16px;
}
.bond-page-content-value-iscallable-Yes > div {
    position: absolute;
    left: 71px;
    top: -32px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.1);
    padding: 22px;
    border-radius: 14px;
    font-size: 17px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    width: fit-content;
    box-sizing: border-box;
}
@media screen and (min-width: 800px) {
    .bond-page-content-value-iscallable-Yes:hover > div {
        opacity: 1;
    }
}
.bond-page-content-value-iscallable-row {
    display: flex;
}
.bond-page-content-value-iscallable-row-label {
    color: rgba(174, 187, 231, 0.7);
    width: 48%;
    padding-right: 23px;
}
.bond-page-content-value-iscallable-row-value {
    color: #fff;
    width: 48%;
    min-width: 80px;
}
.bond-page-content-value-isgreen-Yes {
    display: flex;
    gap: 6px;
    align-items: center;
}
.bond-page-content-value-isgreen-Yes:before {
    content: ' ';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/icon-green.png) no-repeat center;
    background-size: contain;
}
.bond-page-breadcrumbs {
    font-size: 20px;
    line-height: 1.4;
    mix-blend-mode: screen;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bond-page-breadcrumbs li {
    display: inline-block;
    position: relative;
    margin-right: 30px;
}
.bond-page-breadcrumbs a {
    display: inline-block;
    color: #8797D1;
    opacity: 0.6;
}
.bond-page-breadcrumbs a:after {
    content: ' ';
    display: block;
    width: 5px;
    height: 10px;
    background: url("../img/breadcrumbs_arr.svg");
    background-size: contain;
    position: absolute;
    top: 6px;
    right: -20px;
}
.bond-page-breadcrumbs span {
    color: #8797D1;
}
.bond-page-screener .table.fixed .table-header {
    width: calc(100% - 10px - 29px - 51px);
}
.highcharts-scrolling {
    padding-bottom: 20px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
}
.highcharts-scrolling.visible {
    opacity: 1;
}
.highcharts-scrolling::-webkit-scrollbar {
    background: rgba(13, 25, 94, 0.41);
    border-radius: 20px;
    height: 10px;
}
.highcharts-scrolling::-webkit-scrollbar-thumb {
    background: rgba(135, 151, 209, 0.5);
    border-radius: 20px;
    height: 10px;
}
#bond-page-no-logo,
#bond-page-no-graph {
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 17px;
}
#bond-page-no-logo.active,
#bond-page-no-graph.active {
    display: flex;
}
#bond-page-no-logo {
    background: rgba(78, 93, 156, 0.60);
    width: 120px;
    height: 120px;
}
#bond-page-no-logo img {
    width: 24px;
}
#bond-page-no-graph {
    height: 400px;
    margin-top: 20px;
}
#bond-page-no-graph img {
    width: 40px;
}
#bond-page-no-graph span {
    line-height: 1.6;
}

body[data-page="solutions"] section.characteristics {
    margin-top: 320px;
}
body[data-page="solutions"] .text-blocks {
    gap: 100px 158px;
}
body[data-page="solutions"] .text-block h2 {
    color: #fff;
    background: none;
    font-size: 50px;
    -webkit-text-fill-color: initial;
}
body[data-page="solutions"] .text-block-text {
    font-size: 18px;
    margin-top: 18px;
}
body[data-page="solutions"] section.contacts {
    display: flex;
    margin: 134px auto 0;
    gap: 100px;
}
.solutions-intro {
    margin: 65px auto 0;
    position: relative;
}
body[data-page="solutions"] section.contacts,
.solutions-intro,
body[data-page="solutions"] .text-blocks-wrapper {
    max-width: 1200px;
    width: calc(100% - 20px);
}
.solutions-intro h1 {
    font-weight: bold;
    font-size: 70px;
    line-height: 1.2;
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.solutions-intro-text {
    max-width: 880px;
    font-size: 38px;
    font-style: italic;
    font-weight: 700;
    line-height: 150%;
    background: linear-gradient(160deg, #CBD7FD 7.88%, rgba(174, 187, 231, 0.00) 134.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: plus-lighter;
    margin: 120px auto 0;
    text-align: center;
    position: relative;
    z-index: 2;
}
.solutions-intro-bg.hidden {
    opacity: 0;
}
.solutions-intro-bg {
    position: absolute;
    top: 120px;
    left: 0;
    width: 39vw;
    max-width: 635px;
    height: 635px;
    background: url('../img/solutions.png') no-repeat center;
    background-size: contain;
    z-index: 1;
    opacity: 1;
    transition: opacity 2s ease-out;
}
body[data-page="solutions"] .form-subheader {
    display: none !important;
}
body[data-page="solutions"] .contacts .contact-form {
    width: 100%;
    max-width: 500px;
}

.captcha-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.captcha-wrapper.hidden {
    display: none;
}

body.user-subscription-no .hide-unauth,
body.user-subscription-basic .show-premium,
body.user-subscription-premium .hide-premium,
body.user-subscription-professional .hide-premium,
body.user-subscription-premium .example-trending,
body.user-subscription-professional .example-trending,
body.user-subscription-basic .hide-basic,
body.user-subscription-no .hide-professional,
body.user-subscription-basic .hide-professional,
body.user-subscription-premium .hide-professional,
body.user-subscription-professional .hide-on-professional {
    display: none !important;
}

body.loading-user-data .hide-unauth,
body.loading-user-data .show-premium,
body.loading-user-data .hide-premium,
body.loading-user-data .hide-basic,
body.loading-user-data .hide-professional,
body.loading-user-data .hide-on-professional {
    opacity: 0;
}


.error_content {
    margin-top: 185px;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
}
.error_code {
    color: transparent;
    width: 491px;
    height: 116px;
    background: url("../img/404.png");
}
.error_text {
    color: var(--text-blue-gray);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    mix-blend-mode: plus-lighter;
    margin-top: 40px;
}
.error_btn {
    margin-top: 40px;
    border: 1px solid #fff;
    border-radius: 80px;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    padding: 17px 96px;
}

#translate_element_wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
    box-sizing: border-box;
    background: #080419;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-200px);
    z-index: 9999;
}
body.translation-opened {
    padding-top: 115px;

    .mobile-nav {
        padding-top: 140px;

        .mobile-close {
            top: 170px;
        }

        .translate-button {
            top: 175px;
        }
    }


}
body.translation-opened #translate_element_wrapper {
    transform: translateY(0);
}
.translate-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
}
.translate-hint {
    font-size: 24px;
    font-weight: 500;
}
#translate_element_wrapper select {
    background-image: var(--select-arrow);
    background-repeat: no-repeat;
    background-position: right 18px center;
    padding-right: 49px;
    color: var(--text-blue-gray);
}
.goog-te-banner-frame, .skiptranslate .skiptranslate {
    display: none;
    height: 0 !important;
    visibility: hidden;
}
.goog-te-gadget select.goog-te-combo {
    margin-right: 15px;
}
.translate-disclaimer {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    opacity: 0.4;
    max-width: 300px;
}
.translate-close {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #07154c var(--closeIcon) no-repeat center / 20px;
    top: 3px;
    right: 0;
    cursor: pointer;
}
.translate-close:hover {
    background-color: #1c2d70;
}

.subscribe-section {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 10px;
    position: relative;
}
.subscribe-section.screener-subscribe {
    margin-top: 85px;
}
.subscribe-block {
    border: 2px solid #29293C;
    background: linear-gradient(180deg, #13142A 0%, #010413 100%);
    border-radius: 35px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}
.screener-subscribe .subscribe-block {
    padding: 61px 110px;
}
.subscribe-block-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 3;
}
.subscribe-block-content h2 {
    background: linear-gradient(58deg, #FFF 0%, #6E74AB 50%, #6E74AB 100%);;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.screener-subscribe .subscribe-block-content h2 {
    font-size: 36px;
    line-height: 1.33;
}
.subscribe-block-icon {
    background: url("/assets/img/mail_subscribe.png") no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 3;
}
.screener-subscribe .subscribe-block-icon {
    width: 111px;
    height: 113px;
    min-width: 111px;
    min-height: 113px;
}
.subscribe-text {
    font-size: 24px;
    line-height: 1.4;
    color: #8797D1;
}
.subscribe-button {
    margin-top: 28px;
    width: fit-content;
    padding: 18px 36px;
    line-height: 1;
    font-weight: 700;
}
.screener-subscribe .subscribe-block:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("/assets/img/subscribe_line_1.svg") no-repeat bottom right;
}
.screener-subscribe .subscribe-block:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("/assets/img/subscribe_line_2.svg") no-repeat bottom right;
}
.button-purple {
    background: linear-gradient(180deg, #171741 0%, #302759 34%, #604688 100%);
    border-radius: 40px;
    margin-bottom: 0;
    margin-top: auto;
    cursor: pointer;
}
.button-purple:hover {
    background: linear-gradient(180deg, #171741 0%, #302759 34%, #302759 100%);
}
img.screener-locked {
    width: 24px;
    height: auto;
    border-radius: 0;
    display: block;
    cursor: pointer;
}

body.user-subscription-premium img.screener-locked,
body.user-subscription-professional img.screener-locked {
    display: none;
}

body.user-subscription-no, body.user-subscription-basic {
    .premium-locked-wrapper {
        opacity: 0;
    }
}

.freedom24-wrapper {
    border-radius: 35px;
    border: 1px solid #32336F;
    background: linear-gradient(0deg, rgba(4, 6, 33, 0.50) 0%, rgba(4, 6, 33, 0.50) 100%), linear-gradient(90deg, rgba(20, 26, 163, 0.49) 0%, rgba(4, 6, 41, 0.70) 100%);
    padding: 37px 50px;
    display: flex;
    gap: 65px;
    position: relative;
    margin: 40px auto;
}
.freedom24-column:first-child {
    min-width: 255px;
    max-width: 255px;
}
.freedom24-title {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.freedom24-button {
    background-color: #51af3d;
    padding: 10px 23px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-top: 30px;
    display: inline-block;
    border-radius: 40px;
    box-sizing: border-box;
}
.freedom24-button:hover {
    background-color: #2f6523;
}
.freedom24-list {
    margin: 0;
    list-style-type: none;

    li {
        color: rgba(255, 255, 255, 0.80);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        position: relative;
        padding-left: 20px;
        margin-bottom: 6px;
    }
}
.freedom24-list li:before {
    content: ' ';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #51AF3D;
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 100%;
}
.freedom24-note {
    color: #727FB2;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-left: 20px;
    margin-top: 10px;

    a {
        color: inherit;
        text-decoration: underline;
    }
}
.freedom24-logo {
    max-width: 215px;
}
.freedom24-tag {
    position: absolute;
    border-radius: 7px;
    border: 1px solid #32336F;
    background: linear-gradient(0deg, #040621 0%, #040621 100%), linear-gradient(270deg, #7E45CF 1.35%, #211EF8 97.46%);
    color: #5A5CAF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    bottom: -15px;
    right: 45px;
    padding: 4px 10px;
}

.reading-content {
    a.freedom24-button {
        color: #fff;
    }

    img.freedom24-logo {
        max-width: 215px;
        margin: 0 0 20px;
    }

    .freedom24-title {
        font-size: 24px;
    }

    .freedom24-column:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/** Common redesign **/
.container {
    width: 100%;
    max-width: 1355px;
    padding: 0 15px;
    margin: 0 auto;
}
.gradient-header {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #FAFFF6 0%, #A7A5B7 43.57%);
}

/** Index page redesign **/
.index-banner {
    margin-top: 120px;

    .container {
        display: flex;
        gap: 100px;
        justify-content: space-between;
        align-items: center;
    }
}
.index-banner-img {
    max-width: 560px;
}
.index-banner-content-title {
    font-size: 56px;
    font-weight: 700;
}
.index-banner-content-text {
    margin-top: 40px;
    margin-bottom: 80px;
    color: #8797D1;
    font-size: 24px;
}
.index-banner-content-buttons {
    display: flex;
    gap: 20px;

    .button-new-blue {
        padding-left: 30px;
        padding-right: 30px;
    }

    .button-white {
        text-transform: uppercase;
        padding: 20px 50px;
        height: auto;
        display: flex;
        align-items: center;
    }
}
.index-brokers {
    pointer-events: none;
    padding: 40px 0;
    position: relative;
    transition: opacity 600ms ease;
    transition-delay: 500ms;
    opacity: 1;
}
.loading-user-data .index-brokers {
    opacity: 0;
}
.index-brokers:before,
.index-brokers:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0.5;
    background: linear-gradient(91deg, rgba(156, 163, 206, 0.00) 1.24%, #FFF 50.88%, rgba(156, 163, 206, 0.00) 99.58%);
    position: absolute;
    left: 0;
}
.index-brokers:before {
    top: 0;
}
.index-brokers:after {
    bottom: 0;
}
.brokers-slider {
    .splide__slide {
        display: flex;
        align-items: center;
    }
    img {
        width: auto;
    }
}
.index-customers {
    margin-top: 160px;

    .container {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
    }
}
.index-customers-title {
    font-size: 56px;
    font-weight: 600;
    max-width: 780px;
    background-image: linear-gradient(-90deg, #FAFFF6 0%, #A7A5B7 53.57%);
}
.index-customers-text {
    font-size: 30px;
    line-height: 1.5;
    max-width: 780px;
}
.index-customers-groups {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.index-customers-group {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0.6px;
    color: #fff;
    padding: 13px 20px;
    border-radius: 21px;
    background: linear-gradient(90deg, #1E1DA0 0%, #211122 103.51%);
}
.index-customers-group.inverted {
    background: linear-gradient(-90deg, #1E1DA0 0%, #211122 103.51%);
}
.index-how-header {
    color: #727FB2;
    font-size: 40px;
    font-weight: 600;
    position: relative;
    text-align: center;
    line-height: 1;
}
.index-how-header:before,
.index-how-header:after {
    content: '';
    display: block;
    width: calc(50% - 190px);
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.index-how-header:before {
    left: 0;
    background: linear-gradient(90deg, rgba(49, 54, 76, 0.00) 0%, #727FB2 100%);
}
.index-how-header:after {
    right: 0;
    background: linear-gradient(90deg, #727FB2 0%, rgba(49, 54, 76, 0.00) 100%);
}
.index-image-aside {
    margin-top: 80px;
    display: flex;
    gap: 0;
    align-items: center;
    width: 100%;
}
.index-image-aside.reverse {
    flex-direction: row-reverse;
}
.index-image-aside-img {
    width: 45%;
    max-width: 586px;
}
.index-image-aside-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.index-image-aside-content {
    width: 508px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.index-image-aside-content-header {
    font-size: 48px;
    font-weight: 700;
}
.index-image-aside-content-text {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
}
.index-image-aside-content-button {
    margin-top: 20px;
    display: inline-block;
    width: fit-content;
    padding: 19px 36px;
}
.index-small-blocks-wrapper {
    margin-top: 80px;
    display: flex;
    gap: 40px;
}
.index-small-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.index-small-block-image {
    width: 100%;
}
.index-small-block-header {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
}
.index-small-block-text {
    color: #B0BDE6;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}
.index-small-block-text a {
    color: #fff;
    text-decoration: none;
}
.index-small-block-text a:hover {
    color: var(--text-blue-gray);
}
.index-grad-section {
    position: relative;
    padding-top: 155px;
}
.index-grad-section:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0.5;
    background: linear-gradient(91deg, rgba(156, 163, 206, 0.00) 1.24%, #FFF 50.88%, rgba(156, 163, 206, 0.00) 99.58%);
    position: absolute;
    top: 0;
    left: 0;
}
.index-grad-section:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    opacity: 0.3;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.20) 100%);
}
.index-intelligence {
    .index-small-block-header {
        height: 76px;
    }
}
.index-picks-wrapper {
    width: 568px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.index-picks-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .index-picks-header-text {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
    }
}
.index-picks-items {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(2px);
}
.index-picks-item {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 12px 30px;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    position: relative;

    img {
        width: 32px;
        border-radius: 4px;
    }
}
.index-picks-item:hover {
    background-color: rgba(255,255,255,0.1);
    transition: background-color 300ms ease;
}
.index-picks-item:last-child {
    border-bottom: none;
}
.index-picks-item-info {
    width: 100%;
    display: flex;
    gap: 13px;
    align-items: center;

    i {
        font-style: normal;
    }
}
.index-picks-item-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}
.index-picks-item-title {
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 25%;
}
.index-picks-item-subtitle {
    color: #8797d1;
    width: 35%;
}
.index-picks-more {
    background: linear-gradient(270deg, #7E45CF 1.35%, #211EF8 97.46%);
    padding: 10px 20px;
    border-radius: 8px;
    margin-top: -10px;
    position: relative;
}
.index-picks-more:hover {
    background: linear-gradient(92deg, #4b35f3 0%, #bf78ff 100%);
}
.index-picks-more:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 40px;
    height: 35px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url('../img/arrow_forward.svg') no-repeat center;
    background-size: contain;
}
section.index-pricing {
    margin-top: 160px;

    .switcher-wrapper {
        justify-content: center;
    }
    .switcher-comment {
        display: none;
    }
    .switcher-compare-plans {
        display: block;
        font-size: 18px;
        font-weight: 700;
        text-decoration: underline;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        cursor: pointer;
    }
    .switcher-compar`e-plans:hover {
        opacity: 0.8;
    }
}
.index-sections-header {
    font-size: 56px;
    font-weight: 800;
    text-align: center;
    background-image: linear-gradient(91deg, #FFF 1.24%, #9CA3CE 99.58%);
}
.index-sections-subheader {
    font-size: 30px;
    margin-top: 40px;
    text-align: center;
    color: #aebbe7;
}
.index-testimonials-ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}
.index-testimonials-rating {
    display: flex;
    gap: 20px;
    padding: 20px;
    border-radius: 80px;
    border: 1px solid #FFF;
    font-size: 18px;

    b {
        padding-left: 32px;
        background: url("../img/index/star-icon.svg") no-repeat left center;
        background-size: contain;
    }
}
.index-testimonials-rating:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 300ms ease;
}
.index-testimonials {
    overflow: hidden;

    .swiper {
        margin-top: 120px;
        gap: 40px;
        padding: 0;
        align-items: flex-start;
    }
    .swiper-item {
        background: rgba(11, 13, 60, 1);
        border-radius: 35px;
        border: none;
        color: #fff;
        padding: 40px;
        font-size: 22px;
        width: 426px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 40px;
        cursor: default;
        min-height: 510px;

        p {
            display: block;
            max-height: 290px;
            overflow: hidden;
        }
    }

    .swiper.animated .swiper-item:hover {
        transform: none;
    }

    .swiper-wrapper .chevron {
        top: 340px;
    }
}
.index-testimonials-title {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;

    a {
        display: block;
        font-size: 0;
    }
}
.index-testimonials-title:hover {
    color: var(--text-blue-gray);
}
.index-testimonials-position {
    color: #727fb2;
    line-height: 1.2;
    margin-top: -20px;
    height: 54px;

    a:hover {
        color: var(--text-blue-gray);
    }
}
.index-testimonials-text {
    line-height: 1.36;
}
.index-testimonials-text.cutted {
    height: 213px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.index-testimonials-text.cutted:after {
    content: '';
    display: block;
    width: 100%;
    height: 74px;
    background: linear-gradient(180deg, rgba(11, 13, 60, 0.00) 0%, rgba(11, 13, 60, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.index-testimonials-full {
    font-size: 22px;
    margin-top: auto;
    margin-bottom: 0;
    cursor: pointer;
}
.index-testimonials-full:hover {
    color: var(--text-blue-gray);
}
.index-testimonials-text.cutted + .index-testimonials-full span:nth-child(1),
.index-testimonials-text:not(.cutted) + .index-testimonials-full span:nth-child(2) {
    display: inline;
}
.index-testimonials-text.cutted + .index-testimonials-full span:nth-child(2),
.index-testimonials-text:not(.cutted) + .index-testimonials-full span:nth-child(1) {
    display: none;
}
section.education {
    overflow: hidden;

    .swiper {
        margin-top: 120px;
        gap: 80px;
        padding: 0;
    }
}

section.education .swiper-item {
    width: 576px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
}

section.education .swiper-logo,
section.education .swiper-logo img {
    border-radius: 0;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

section.education .swiper-title {
    font-size: 32px;
    font-weight: 700;
    margin-top: 28px;
    text-align: left;
}

section.education .swiper-annotation {
    font-size: 22px;
    line-height: 1.5;
    color: #aebbe7;
    margin-top: 20px;
    height: 123px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.36;
}

.education-tags {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.education-tag {
    font-size: 18px;
    padding: 18px 20px;
    border-radius: 80px;
    border: 1px solid #FFF;
}
.education-tag:hover {
    background: rgba(255,255,255,0.1);
    transition: background-color 300ms ease;
}
.education-tag.education-yt {
    background-image: url('../img/icon-youtube.svg');
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 16px auto;
    padding-left: 43px;
}

.index-become-member {
    .container {
        border-radius: 20px;
        background: linear-gradient(270deg, #7E45CF 1.35%, #211EF8 97.46%);
        padding: 20px;
        text-align: center;
        color: #fff;
        font-size: 24px;
        max-width: 1210px;

        a {
            font-weight: 700;
            text-decoration: underline;
        }

        a:hover {
            opacity: 0.8;
        }
    }
}

.index-faq {
    max-width: 1275px;
    margin: 180px auto 160px;

    .personal-faq-wrapper {
        max-width: 1005px;
        margin: 60px auto 0;
    }

    .personal-faq-title {
        font-size: 28px;
    }
    .personal-faq-text {
        font-size: 24px;
        line-height: 1.5;
    }
}


@media screen and (max-width: 1380px) {
    .freedom24-title {
        font-size: 22px;
    }
    .freedom24-column:first-child {
        min-width: 210px;
        max-width: 210px;
    }
}

@media screen and (max-width: 1250px) {
    .freedom24-wrapper {
        gap: 35px;
        padding: 30px;
    }
}

@media screen and (max-width: 1150px) {
    .freedom24-wrapper {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 800px) {
    .freedom24-column:first-child {
        min-width: 0;
        max-width: none;
        text-align: center;
    }

    a.freedom24-button {
        width: 100%;
    }
}

@media (min-width: 801px) {
    .mobile {
        display: none;
    }
    section.index-pricing {
        .subscription-enterprise-wrapper {
            .bg-grad-wrapper {
                background: transparent;

            .subscriptions-plan-block {
                border: none;
                background: transparent;
            }
        }
    }
    }
}

@media (max-width: 1500px) {
    nav .translate-button {
        margin-right: 10px;
    }
    .menu-personal a {
        max-width: 50px;
    }
}
@media (max-width: 1430px) {
    .container {
        box-sizing: border-box;
    }
}
@media (max-width: 1300px) {
    .menu-item {
        font-size: 16px;
        padding: 8px 15px;
    }
}
@media (max-width: 1280px) {
    .getreport-middle {
        display: none;
    }
    #company-stats table td {
        font-size: 18px;
    }

    body[data-page="solutions"] .text-blocks {
        gap: 80px 120px;
    }
    .subscriptions-plans-list,
    .subscriptions-plans-list-line {
        gap: 25px;
    }
    .index-customers-group {
        padding: 10px 15px;
    }
    .index-small-blocks-wrapper {
        gap: 30px;
    }
    section.education {
        .swiper {
            gap: 40px;
        }
    }
    .index-banner-content-buttons {
        .button-new-blue,
        .button-white {
            text-transform: unset;
        }
    }
}
@media (max-width: 1240px) {
    .index-banner-content-buttons {
        .button-new-blue,
        .button-white {
            font-size: 16px;
        }
    }
}
@media (max-width: 1200px) {
    .about-block-title {
        font-size: 36px;
    }

    .about-block-description {
        font-size: 16px;
    }

    .team-member-quote {
        transform: translateY(-55px);
        font-size: 32px;
        line-height: 130%;
    }

    section.readings {
        gap: 30px;
    }

    .readings-news {
        width: calc(100% - 30px - 330px);
    }

    .readings-news-item {
        padding: 30px;
        gap: 30px;
        border-radius: 30px;
    }

    .readings-news-title {
        font-size: 22px;
    }

    .readings-news-description {
        font-size: 16px;
    }

    .readings-news-image,
    .readings-news-image img {
        border-radius: 20px;
    }
    .index-banner {
        .container {
            gap: 50px;
        }
    }
    .index-banner-content-buttons {
        .button-white {
            height: 100%;
            padding-bottom: 14px;
        }
    }
    .index-customers-groups {
        gap: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1450px) {
    .screener-filters .screener-search-field .input-wrapper {
        width: 280px;
    }
    .lists.pick-lists {
        flex-wrap: wrap;
    }
}

@media (max-width: 1180px) {
    body[data-page="solutions"] .text-blocks {
        gap: 70px 100px;
    }
    body[data-page="solutions"] .text-block {
        max-width: 450px;
    }
    .subscriptions-plan-block-title .pricing-plate {
        top: -10px;
        right: -10px;
    }
    .subscriptions-plan-block {
        padding: 30px;
    }
    .subscriptions-plan-block-title {
        font-size: 38px;
    }
    .subscriptions-plan-block-desc {
        font-size: 20px;
        height: 75px;
    }
    .subscriptions-plan-block-price .current-price {
        font-size: 38px;
    }
    .subscriptions-plan-block-price .old-price {
        font-size: 20px;
    }
    .monthly-prices .subscriptions-plan-block-price .monthly,
    .yearly-prices .subscriptions-plan-block-price .yearly {
        gap: 9px;
    }
    .subscriptions-plan-block-price {
        margin-top: 25px;
    }
    .subscriptions-plan-block-pluses {
        margin-top: 25px;
        margin-left: 0;
        font-size: 14px;
    }
    .subscriptions-plan-block-pluses li {
        margin-top: 7px;
    }
    .index-picks-wrapper {
        width: 100%;
    }
}
@media (max-width: 1140px) {
    .menu-item {
        padding: 8px 12px;
    }
    .logo img {
        width: 115px;
    }
    .menu-personal a {
        max-width: 70px;
    }
    .index-banner-content-buttons {
        .button-new-blue,
        .button-white {
            padding: 20px;
            justify-content: center;
            align-items: center;
        }
    }
}

@media (max-width: 1100px) {
    .personal-edit-plans-section {
        --table-width: calc(100vw - 55px);

        .pricing-table {
            --cell-width: 130px;

            .table-cell {
                padding: 18px 0px;
            }
        }
    }

    .modal-text {
        .pricing-table {
            --table-width: calc(100vw - 60px);
            --cell-width: 50px;
        }
        .table-cell {
            font-size: 14px;
            line-height: 1.2;
            height: 60px;
            padding: 23px 7px 7px;
        }
    }
}

@media (max-width: 1050px) {
    .logo img {
        width: 120px;
    }
    nav {
        padding-right: 10px;
    }
    .menu {
        background: transparent;
    }
    .menu-item {
        font-size: 16px;
        padding: 8px 12px;
    }
    .index-banner-img {
        max-width: 420px;
    }
    .index-image-aside-img {
        width: 35%;
        max-width: 500px;
    }
}

@media (max-width: 1000px) {
    section.contacts {
        gap: 30px;
    }

    .contact-info-data {
        font-size: 22px;
    }

    section.contacts {
        margin-bottom: 0;
    }

    .readings-sidebar {
        gap: 30px;
        width: 280px;
    }

    .readings-news {
        width: calc(100% - 30px - 280px);
    }

    .readings-sidebar h1 {
        font-size: 36px;
    }

    .readings-caterogies {
        gap: 15px;
    }

    .readings-category {
        font-size: 18px;
    }

    .glossary-letter-item a {
        font-size: 18px;
    }

    .readings-top li {
        font-size: 14px;
    }

    .readings-top ol {
        margin-left: 10px;
    }

    .readings-top {
        padding: 20px;
    }

    .widget {
        border-radius: 20px;
    }

    #translate_element_wrapper {
        overflow: hidden;
        padding: 10px 30px;
    }

    .translate-container {
        flex-wrap: wrap;
        gap: 12px;
    }

    .translate-hint {
        font-size: 16px;
    }

    .translate-close {
        width: 30px;
        height: 30px;
        background-size: 18px;
    }
}

@media (max-width: 900px) {
    .team-member-additional {
        flex-direction: column;
        gap: 0;
    }

    .team-member-quote,
    .team-member-extra {
        max-width: unset;
    }

    section.contacts {
        flex-direction: column;
    }

    section.contacts .widget-container {
        max-width: 500px;
    }

    .readings-news-item {
        flex-direction: column-reverse;
    }

    .logo img {
        width: 100px;
    }

    .menu-item {
        font-size: 16px;
        padding: 4px 6px;
    }

    .modal-side-left {
        display: none;
    }

    .personal-edit-plans-section {
        .pricing-table {
            overflow-x: scroll;

            .table-backdrop {
                display: block;
                width: 40vw;
            }

            .table-cell.pricing-name-cell {
                width: 40vw;
            }
        }
    }
}


@media (max-width: 800px) {
    .desktop {
        display: none;
    }

    .logo img {
        width: 140px;
    }

    section.readings {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .readings-sidebar {
        gap: 20px;
    }

    .readings-caterogies {
        flex-direction: row;
        overflow: scroll;
        scrollbar-width: 0;
        width: calc(100% + 29px);
    }

    .glossary-nav.readings-caterogies {
        flex-wrap: nowrap;
        width: 100%;
        margin-top: 10px;
    }

    section.readings.glossary-page {
        .readings-news {
            margin-top: 0;
        }

        a.glossary-title-show-all {
            margin-bottom: 20px;
            margin-top: -10px;
        }

        .readings-news-item.glossary-item {
            background: rgba(11, 13, 60, 1);
        }
    }

    .glossary-letter-item a {
        white-space: nowrap;
    }

    .glossary-item-content {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 30px;
        border: none;
        padding: 0;

        .reading {
            width: 100%;

            .reading-content {
                width: 100%;
                overflow: auto;
            }
        }
    }

    a.glossary-title-show-all {
        font-size: 24px;
    }

    section.glossary-term-page {
        margin-top: 60px;

        .readings-title {
            h1 {
                display: flex;
                gap: 40px;
                width: 100%;
                justify-content: space-between;
                align-items: center;

                .glossary-title-show-all {
                    margin-top: 0;
                }
            }
        }
    }

    .readings-caterogies::-webkit-scrollbar {
        display: none;
    }

    .readings-category {
        white-space: nowrap;
    }

    .readings-corporate-blog {
        padding-top: 0;
        border-top: none;
    }

    .readings-sidebar {
        width: 100%;
    }

    .readings-sidebar .search-icon {
        top: 6px;
        position: relative;
    }

    .readings-sidebar .widgets {
        display: none;
    }

    /*.readings-news .widgets {*/
    /*    display: block;*/
    /*}*/

    .readings-news {
        width: 100%;
    }

    .readings-news-item {
        padding: 20px;
        border-radius: 30px;
        gap: 20px;
        flex-direction: column-reverse;
        align-items: center;
    }

    .readings-news-title {
        font-size: 20px;
    }

    .readings-news-description {
        font-size: 16px;
    }

    .readings-news-image,
    .readings-news-image img {
        border-radius: 50px;
    }

    .reading {
        width: 100%;
    }

    .reading-image,
    .reading-image img {
        width: 100%;
        border-radius: 50px;
    }

    .reading-content {
        font-size: 16px;
    }

    .paginator {
        margin-left: 20px;
    }

    .hamburger {
        display: block;
    }

    .menu,
    .menu-item.action,
    .menu-item.menu-personal {
        display: none;
    }

    nav .translate-button {
        display: none;
    }

    .swiper-wrapper .chevron {
        display: none;
    }

    :root {
        --educationBorderRadius: 30px;
    }

    h1 {
        font-size: 28px;
    }

    label {
        font-size: 18px;
    }

    .subheader {
        font-size: 16px;
    }

    section {
        margin: 0 auto;
        margin-top: 70px;
    }

    section.getreport,
    section.portfolio,
    section.education .section-header,
    section.screener .section-header,
    section.characteristics,
    section.features,
    section.about,
    section.contacts,
    section.team,
    section.selection .section-header,
    section.investment-rationale,
    .screener-filters-wrapper {
        width: calc(100% - 20px) !important;
    }


    section.screener {
        padding: 0;
        margin-top: 15px;
    }

    .screener-table {
        margin-top: 30px;
        padding: 0;
        border-radius: 0;
        overflow-x: scroll;
    }

    .screener-filters select {
        width: 100% !important;
    }

    .screener-filters .screener-search-field .input-wrapper,
    .screener-filters .screener-search-field .input-wrapper input[type="text"],
    #screener-search {
        width: 100%;
        box-sizing: border-box;
        height: 52px;
    }

    .screener-filters .input-wrapper {
        width: 100%;
    }

    .input-buttons {
        left: auto;
        right: 72px;
    }

    .table-fixed {
        padding-left: 10px;
    }

    .table-cell {
        font-size: 16px;
        height: 50px;
    }

    .table-cell[data-column="name"] {
        font-size: 14px;
    }

    body.user-subscription-no .table-header-premium-locked,
    body.user-subscription-basic .table-header-premium-locked {
        margin-top: 3px;
    }

    .table-cell img {
        border-radius: 5px;
        width: 26px;
        height: 26px;
        margin-right: 8px;
        margin-top: 0;
        margin-bottom: auto;
    }

    .table-content .green-bond {
        margin-top: 0;
        margin-bottom: auto;
        width: 42px;
        background-size: 26px auto;
    }

    .table-backdrop {
        width: 197px;
        left: -5px;
    }

    .table-cell[data-column="name"] {
        width: 170px;
        line-height: 1.2;
    }

    .text-blocks {
        gap: 20px;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .text-block h2 {
        font-size: 24px;
    }

    .text-block-text {
        font-size: 18px;
    }

    .swiper {
        gap: 15px;
    }

    .swiper-container {
        width: 100%;
        -webkit-mask-image: unset;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .swiper-item {
        width: 250px;
        padding: 30px;
        border-radius: 30px;
    }

    .swiper-title {
        font-size: 22px;
    }

    .swiper-subtitle {
        font-size: 12px;
    }

    .swiper-list {
        font-size: 12px;
        gap: 12px;
    }

    .swiper.animated .swiper-item:hover {
        transform: none;
    }


    .swiper-item .button {
        margin-top: 20px;
    }

    section.getreport {
        background-position-y: 150px;
        padding: 0;
    }

    .section-subheader {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .getreport-wrapper {
        flex-direction: column;
    }

    .getreport .form {
        width: 100%;
        margin-top: 30px;
    }

    .getreport {
        flex-direction: column;
        justify-content: unset;
    }

    .getreport-middle {
        display: none;
    }

    section.portfolio {
        margin-top: inherit;
        flex-direction: column;
    }

    .picks-wrapper {
        transform: translateY(0);
        flex-direction: column;
        margin-top: 50px;
    }

    .picks .section-header {
        transform: translateX(0);
    }

    .picks-left {
        max-width: unset;
        transform: scale(1.2);
    }

    .picks-right {
        width: 100%;
        margin-top: 40px;
    }

    .picks-right h2 {
        font-size: 28px;
    }

    .picks-right p {
        margin-top: 20px;
        font-size: 16px;
    }

    .picks-right .form {
        margin-top: 30px;
    }

    .form-header {
        font-size: 32px;
    }

    .picks .form-wrapper {
        padding: 20px;
    }

    section.picks {
        transform: translateX(0);
        overflow-x: hidden;
    }

    .form-wrapper {
        gap: 10px;
        padding: 20px;
    }

    .form-fields {
        gap: 20px;
    }

    .picks .form .button {
        margin-top: 20px;
        padding: 12px 42px;
    }

    .prototype {
        flex-direction: column;
    }

    .prototype-description {
        width: calc(100% - 20px);
        transform: translateY(-10px);
    }

    .features-row {
        flex-direction: column;
    }

    .features-item-large,
    .features-item-small {
        width: 100%;
        aspect-ratio: 370 / 509;
        border-radius: 50px;
    }

    .feature-image {
        border-radius: 50px;
    }

    div[data-feature="details"] .features-item-header {
        text-align: center;
    }

    div[data-feature="details"] strong {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }

    div[data-feature="details"] ul li {
        margin: 0 auto;
        max-width: 210px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    div[data-feature="quotes"] .feature-image {
        background-image: url(../img/feature-1-image-mobile.png);
    }

    div[data-feature="lists"] .feature-image {
        background-image: url(../img/feature-2-image-mobile.png);
    }

    div[data-feature="AI"] .feature-image {
        background-image: url(../img/feature-4-image-mobile.png);
    }

    .features-item-header {
        font-size: 28px;
    }

    .features-item-caption {
        font-size: 16px;
    }

    section.background-video {
        top: 100px;
        height: auto;
        width: 100%;
    }

    .background-video video {
        width: 100%;
    }

    section.about {
        margin-top: 280px;
        flex-direction: column;
        gap: 40px;
    }

    .about-block-right {
        margin-top: 0;
        transform: translateY(0);
    }

    .about-block-title {
        font-size: 28px;
    }

    .about-block {
        margin-top: 0;
    }

    .team-member-main {
        flex-direction: column;
    }

    .team-member-additional {
        flex-direction: column;
    }

    section.team {
        margin-top: 70px;
    }

    .team-member {
        gap: 70px;
    }

    .team-member-name {
        font-size: 24px;
    }

    .team-member-text {

    }

    .team-member-linkedin {
        margin-top: 10px;
    }

    .team-member-description {
        margin-top: 15px;
    }

    .team-member-description p {
        line-height: 1.3;
    }

    .team-member.left .team-member-main {
        border-image: none;
        border: none;
    }

    .team-member-quote {
        font-size: 28px;
        line-height: 130%;
    }

    .team-member-quote::before {
        padding-top: 20px;
    }

    .team-member-extra {
        margin-top: -30px;
    }

    .team-member-extra p {
        line-height: 130%;
    }

    .team-member-photo {
        margin-bottom: 30px;
        border-image: linear-gradient( to right, rgba(255,255,255,0.5), rgba(255,255,255,0) ) 1;
        border-width: 0 0 1px 0;
        border-style: solid;
    }

    .team-member.right .team-member-main {
        border: none;
    }

    .form-subheader {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .contacts .form-wrapper {
        padding: 20px;
    }

    .contact-info-title {
        font-size: 26px;
    }

    .contact-info-data {
        font-size: 20px;
        margin-top: 20px;
    }

    .contact-info-data p {
        line-height: 130%;
    }

    section.contacts {
        margin-bottom: 150px;
    }

    section.contacts {
        flex-direction: column;
    }

    .rationale-general {
        flex-direction: column;
    }

    section.selection {
        margin-top: 20px;
    }

    .selection-date {
        font-size: 18px;
    }

    .selection-table {
        max-width: unset;
        border-radius: 0;
    }

    body[data-page="reports"] .section-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        margin-bottom: 10px;
    }

    body[data-page="reports"] .table-cell[data-column="name"] {
        width: 180px;
    }

    body[data-page="reports"] .table-header .table-cell {
        height: 40px;
        margin-right: 15px;
    }

    body[data-page="reports"] .table-cell {
        font-size: 16px;
        margin-right: 15px;
    }

    body[data-page="reports"] .table-cell[data-column="yield"],
    body[data-page="reports"] .table-cell[data-column="duration"] {
        width: 60px;
    }

    body[data-page="reports"] .table-cell[data-column="country"],
    body[data-page="reports"] .table-cell[data-column="isin"] {
        width: 120px;
    }

    .lists {
        flex-direction: column;
    }

    .rationale-brokers-tags {
        flex-wrap: wrap;
    }

    section.investment-rationale {
        margin-top: 70px;
    }

    .rationale-left .widget {
        padding: 20px;
    }

    .rationale-name {
        font-size: 22px;
    }

    .rationale-isin {
        font-size: 18px;
    }

    .rationale-section-title {
        font-size: 24px;
    }

    .rationale-section-text,
    .rationale-section-text p {
        font-size: 18px;
        line-height: 130%;
    }

    .rationale-right {
        gap: 20px;
    }

    .rationales {
        gap: 40px;
    }

    .rationale {
        gap: 20px;
        padding-bottom: 40px;
    }

    .rationale-section-subtitle {
        font-size: 18px;
    }

    .rationale-financials .lists {
        margin-top: 10px;
    }

    .rationale-additional {
        gap: 20px;
    }

    .rationale-brokers-tags {
        gap: 10px;
    }

    .rationale-brokers-tags {
        margin-top: 10px;
    }

    .rationale-broker-tag {
        margin-top: 0;
        font-size: 16px;
    }

    .rationale-broker-tag {
        padding: 6px 20px;
        margin-top: 0;
    }

    .lists {
        gap: 0;
    }

    .rationale-section-text {
        margin-top: 10px;
    }

    .modal-content {
        padding: 15px;
        padding-top: 50px;
        top: 70px;
        width: 94%;
        box-sizing: border-box;
        min-width: unset;
        border-radius: 30px;
    }

    .modal-header {
        font-size: 30px;
        margin-top: 0;
    }

    .modal-close, .modal-back {
        width: 36px;
        height: 36px;
        background-size: 28px;
        top: 14px;
        right: 14px;
        z-index: 3;
    }

    .modal-back {
        background-size: 11px auto;
        right: auto;
        left: 14px;
        background-position: left 11px center;
    }

    .modal .button {
        width: 70%;
    }

    .create-actions-wrapper {
        height: auto;
    }

    .modal-subheader {
        font-size: 20px;
    }

    .modal .actions .action,
    .modal .actions .action-wrapper {
        font-size: 18px;
    }

    .lock-modal {
        padding-top: 100px;

        .modal-subheader {
            margin-bottom: 50px;
            font-size: 20px;
        }

        .modal-list {
            font-size: 18px;
        }

        .button {
            width: 100%;
            font-size: 16px;
        }
    }

    .modal-content.modal-content-broker-detail {
        padding: 55px 20px 90px;
    }

    .search-wrapper input {
        height: 56px;
        font-size: 27px;
        padding: 10px 30px;
    }

    .search-wrapper .search-clear {
        width: 32px;
        height: 32px;
    }

    .search-result {
        flex-direction: column;
        align-items: center;
    }

    footer {
        background-size: 200% 100%;
        margin-top: 100px;
    }

    footer:before {
        height: 100px;
    }

    .personal-edit-columns {
        flex-direction: column;
    }
    .personal-edit-column {
        width: 100%;
        max-width: 400px;
    }
    .personal-subscription {
        padding-right: 90px;
    }


    div#picks-wrapper {
        display: flex;
        flex-direction: column;
    }
    div#picks-slider {
        width: calc(100% + 10px + 30px);
        padding: 0;
        margin-left: -10px;
    }
    .picks-slider-scroll {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;

        .readings-author {
            display: none;
        }
    }
    .picks-slider-inner {
        display: flex;
        flex-direction: row;
        gap: 10px;
        min-height: 0;
    }
    .picks-slider-slide {
        width: 250px;
        min-width: 250px;
        max-width: 250px;
    }
    .picks-slider-scroll .swiper-item-blur-content-wrapper {
        margin-left: 10px;
        margin-top: 0;
        min-width: 342px;
        margin-right: 10px;
    }
    .picks-slider-scroll .swiper-item-blur-content {
        width: 342px;
        height: 86px;
        padding: 0;
        text-align: left;
        background-size: 60px;
        background-position: left 10px center;
        padding-left: 75px;
        padding-top: 13px;
    }
    .picks-slider-scroll .button {
        display: none;
    }
    .picks-slider-scroll .swiper-item-blur-content-header {
        font-size: 18px;
    }
    .picks-slider-scroll .swiper-item-blur-content-subheader {
        display: block;
    }
    .picks-slider-scroll .swiper-item-blur-content-text .desktop {
        display: none;
    }
    .picks-slider-scroll .swiper-item-blur-content-text .mobile {
        display: block;
    }
    .picks-slider-scroll .swiper-item-blur-content-text {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.60);
    }
    .picks-slider-scroll .swiper-item-blur-content-wrapper:before {
        top: 0px;
        left: 6px;
    }
    .picks-slider-scroll .swiper-item-blur-content-wrapper:after {
        bottom: 0px;
        right: 15px;
    }
    #pick-info-container {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .pick-header {
        font-size: 28px;
    }
    .lists.pick-lists {
        gap: 40px;
        align-items: flex-start;
    }
    .pick-lists .list {
        font-size: 20px;
        width: 100%;
    }
    .pick-lists .list-item {
        width: 100%;
    }
    #pick-stats .pick-lists .list:nth-child(1) .list-item-name,
    #pick-stats .pick-lists .list:nth-child(2) .list-item-name,
    #pick-stats .pick-lists .list:nth-child(3) .list-item-name {
        width: 45%;
    }
    .pick-risks {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 20px;
        border: none;
    }
    .pick-risk {
        gap: 20px;
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .pick-risk-name {
        font-size: 20px;
        width: 45%;
    }
    .pick-risk-value {
        width: 100%;
        max-width: 168px;
    }
    .about-text {
        font-size: 18px;
        line-height: 1.33;
    }
    #company-stats table tr {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        gap: 5px;
    }
    #company-stats table td {
        padding: 0 0 10px !important;
        font-size: 18px;
    }
    #company-stats table td:nth-child(odd) {
        width: 75%;
    }
    #company-stats table td:nth-child(even) {
        width: 15%;
    }
    section.picks .disclaimer {
        width: 100%;
    }
    #bonds-select-how {
        display: none;
    }
    .pick-locked-popup {
        margin-left: 10px;
    }
    .pick-locked-popup-header {
        text-align: center;
        line-height: 1.1;
    }
    .modal-switcher {
        margin-top: 30px;
        width: 100%;
    }
    .modal-switch {
        font-size: 16px;
        width: 50%;
    }
    .picks-slider-scroll .widgets,
    .glow-3 {
        display: none !important;
    }
    .pick-info-wrapper,
    #company-stats table {
        padding: 0;
        background: transparent;
    }
    #personal-tabs-switcher {
        flex-direction: column;
        gap: 30px;
    }
    .personal-tabs-switcher-tab {
        font-size: 40px;
    }
    section.pricing {
        padding-left: 10px;
        padding-right: 10px;
    }
    .subscriptions-plans-list {
        flex-direction: row;
        gap: 20px;
        width: 100vw;
        overflow: auto;
        margin-left: -15px;
        padding: 0 0 0 15px;
        box-sizing: border-box;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .subscriptions-plan-block {
        width: 80vw;
        padding: 30px 20px 30px 25px;
    }
    .personal-subscription .title {
        font-size: 22px;
        line-height: 1.2;
    }
    .personal-subscription .subtitle {
        font-size: 16px;
        line-height: 1.33;
    }
    section.pricing .section-header .subheader {
        margin-top: 10px;
    }
    section.pricing .switcher-wrapper {
        flex-direction: column;
        gap: 25px;
        margin: 30px auto;
    }
    section.pricing .modal-switcher {
        width: 100%;
        max-width: 340px;
    }
    section.pricing .modal-switch {
        width: 50%;
    }
    .subscriptions-plans-list .bg-grad-wrapper {
        padding-bottom: 0;
    }
    .subscriptions-plan-block-status {
        position: static;
        width: 100%;
    }
    .subscriptions-plan-block-pluses {
        height: auto;
    }
    .subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block {
        display: flex;
        flex-direction: column;
    }
    .subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block-status {
        width: 100%;
        margin-top: auto;
        margin-bottom: 0;
    }
    .subscriptions-plan-block-title,
    .subscriptions-plan-block-price .current-price {
        font-size: 30px;
    }
    .subscriptions-plan-block-desc {
        font-size: 18px;
    }
    .subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block-button {
        width: 100%;
        margin-top: 35px;
    }
    .subscriptions-plan-block-title .pricing-plate {
        top: 0;
        right: 0;
    }
    .personal-edit-plans-section {
        --table-width: calc(100vw - 20px);

        .pricing-table {
            .table-cell {
                height: 100px;
                font-size: 14px;

                span {
                    display: flex;
                    align-items: center;
                    height: 100%;
                    justify-content: center;
                }
            }

            .table-cell.pricing-name-cell {
                span {

                    justify-content: flex-start;
                }
            }
        }
    }

    .table.fixed .table-header {
        width: calc(100% - 24px);
    }

    .swiper-logo {
        width: 184px;
        height: 184px;
    }
    .swiper-logo img {
        max-width: 100%;
    }
    .swiper-item {
        min-width: 0;
        width: 255px;
        box-sizing: border-box;
        padding: 20px;
    }

    .info-disclaimer {
        margin-top: 100px;
    }

    .portfolio-right .button {
        font-size: 22px;
    }

    .button {
        font-size: 22px;
    }

    .swiper-list-item[data-item="available"] span:last-child {
        flex-wrap: wrap;
    }

    .swiper-item .pick-risk-value {
        width: 100%;
    }

    .personal-faq-title {
        font-size: 18px;
        padding-right: 50px;
    }
    .personal-faq-text {
        font-size: 16px;
    }

    .menu-personal:before, .mobile-menu-item.menu-personal:before {
        width: 20px;
        height: 20px;
    }

    .widgets.mobile {
        display: flex;
        margin-top: 30px;
    }

    .hidden .about-text-read-more {
        bottom: 0;
    }
    .pick-about-text.hidden {
        margin-bottom: 50px;
    }
    .list-item-value {
        max-width: 45%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-item-value.isin-copy {
        position: relative;
        overflow: visible;
    }
    .list-item-value.isin-copy span:last-child {
        margin-left: 10px;
        position: absolute;
        top: -3px;
        right: -32px;
    }

    .bond-page-block {
        padding: 20px 10px;
    }
    .bond-page-summary {
        gap: 24px;
        flex-direction: column;
    }
    .bond-page-summary-info {
        gap: 12px;
    }
    .bond-page-summary-info-title {
        font-size: 24px;
    }
    .bond-page-content-columns-wrapper {
        flex-direction: column;
    }
    .bond-page-content-columns-wrapper {
        gap: 24px;
        flex-direction: column;
    }
    .bond-page-content-labels, .bond-page-content-values {
        line-height: 1.2;
        white-space: normal;
        font-size: 16px;
    }
    .bond-page-content-labels {
        width: 105px;
    }
    .mobile-smaller-width {
        width: 80px;
    }
    .bond-page-content-values {
        width: calc(100% - 125px);
    }
    .bond-page-content-value img {
        margin-right: 5px;
        position: relative;
        top: 2px;
    }
    .text-overflow {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bond-page-block-hide {
        top: 34px;
        right: 24px;
    }
    .bond-page-info-table td:nth-child(1) {
        white-space: normal;
        padding-right: 15px;
        width: 115px;
    }
    .bond-page-info-table td:nth-child(2) {
        padding-right: 10px;
    }
    .bond-page-block-header {
        font-size: 24px;
    }
    .bond-page-more {
        padding: 20px 0;
        width: 100vw;
        margin-left: -10px;
        border-radius: 0;
    }
    .bond-page-more .bond-page-block-header {
        padding: 0 10px;
    }
    .bond-page-screener + .button {
        margin-left: 10px;
    }
    .bond-page-content-label, .bond-page-content-value {
        height: 43px;
    }
    .bond-page-summary-info-mark-icon-EUR {
        align-items: start;
    }
    .bond-page-content-values .bond-page-summary-info-mark-icon-EUR:before {
        position: relative;
        top: -4px;
    }
    .bond-page-content-column {
        max-width: none;
        gap: 20px;
    }
    .bond-page-content-value-iscallable-Yes {
        height: auto !important;
    }
    .bond-page-content-value-iscallable-Yes > div {
        position: static;
        display: none;
        opacity: 1;
        margin-left: -125px;
        margin-top: 22px;
        width: inherit;
    }
    .bond-page-content-value-iscallable-Yes.active > div {
        display: flex;
    }
    .bond-page-content-value-risk span,
    .bond-page-content-value-iscallable-Yes span {
        margin-left: 0;
    }
    .bond-page-content-value-iscallable-Yes span {
        position: relative;
        top: -4px;
    }

    .solutions-intro h1 {
        font-size: 54px;
    }
    .solutions-intro-text {
        font-size: 28px;
        margin-top: 40px;
    }
    .solutions-intro-bg {
        display: none;
    }
    body[data-page="solutions"] section.characteristics {
        margin-top: 80px;
    }
    body[data-page="solutions"] .text-blocks {
        gap: 40px;
    }
    body[data-page="solutions"] .text-block h2 {
        font-size: 36px;
    }
    body[data-page="solutions"] section.contacts {
        margin-top: 80px;
    }

    .footer-bottom-links {
        width: calc(100% - 40px);
    }

    .menu-personal a {
        max-width: none;
    }

    .subscribe-block {
        flex-direction: column;
    }

    .screener-subscribe .subscribe-block {
        padding: 30px;
    }

    .screener-subscribe .subscribe-block-content {
        gap: 8px;
    }

    .subscribe-block-content h2 {
        background-image: linear-gradient(58deg, #FFF 0%, #6E74AB 70%, #6E74AB 100%);
    }

    .subscribe-button {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-size: 18px;
        margin-top: 0;
    }

    .screener-subscribe .subscribe-button {
        margin-top: 34px;
    }

    .subscribe-section .subscribe-block-content h2,
    .subscribe-text {
        font-size: 18px;
    }

    .subscribe-section h2 {
        display: flex;
        gap: 14px;
        align-items: center;
    }

    .subscribe-section h2 .subscribe-block-icon {
        display: inline-block;
        width: 64px;
        height: 65px;
    }

    .screener-subscribe .subscribe-block:before,
    .screener-subscribe .subscribe-block:after {
        display: none;
    }

    .risk-help-item {
        flex-direction: column;
        gap: 10px;
    }

    .tax-related-modal .tax-related-beta-tag {
        left: 0px;
        top: -33px;
    }

    .screener-filters-wrapper .screener-filters > .field.screener-search-field {
        width: 100%;
    }

    section.screener-table-section {
        padding: 0 10px;
    }

    .screener-table-wrapper {
        padding: 1px 4px 17px;
    }

    .table-header .table-cell {
        height: 50px;
        padding-top: 0;
    }

    .screener-filters-wrapper .screener-filters.fields {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .field.screener-reset-field {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 100;
        margin: 20px auto;
    }

    .screener-mobile-filters-toggle {
        font-size: 18px;
        color: #fff;
        background-color: transparent;
        display: flex;
        position: relative;
        padding: 10px 65px;
        border-radius: 10px;
        border: 2px solid #fff;
        cursor: pointer;
        align-items: flex-start;
        transition-property: background-color, border-color;
        transition-duration: 0.15s;
        white-space: nowrap;
        height: auto;
        box-sizing: content-box;
        line-height: normal;
        font-weight: 400;
    }

    /* Mobile screener filters popup (created in JS when width <= 800px) */
    .screener-mobile-filters-popup {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: none;
        z-index: 10000;
        width: 100%;
        height: 100vh;
        overflow: auto;
    }

    .screener-mobile-filters-backdrop {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgb(2, 6, 43);
    }

    .screener-mobile-filters-inner {
        position: relative;
        margin: 0 auto;
        padding: 16px;
        max-width: 640px;
        width: 100%;
        box-sizing: border-box;
        background: #02062B;
    }

    .screener-mobile-filters-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }

    .screener-mobile-filters-close {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: none;
        padding: 0;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.5 4.5L4.5 13.5M4.5 4.5l9 9' stroke='%238797D1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
    }

    .screener-mobile-filters-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .reset-button:not(.screener-reset-compact) {
        border-color: transparent;
    }

    .readings-table {
        font-size: 12px;
    }

    .readings-table__cell {
        padding-right: 10px;
    }

    .readings-table__cell--name {
        min-width: 140px;
    }

    .readings-table__cell.readings-table__cell--risk {
        padding-right: 0;
    }

    .index-banner {
        margin-top: 40px;

        .container {
            flex-direction: column;
        }
    }

    .index-banner-img {
        max-width: 500px;
        width: 100%;
    }
    .index-banner-content-title {
        font-size: 36px;
    }
    .index-banner-content-text {
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 20px;
    }
    .index-banner-content-buttons {
        flex-direction: column;

        .button-new-blue {
            justify-content: center;
        }
        .button-white {
            padding: 18px 50px;
            justify-content: center;
        }
    }
    .index-brokers {
        padding: 20px 0;

        img {
            max-height: 18px;
            margin: 0 !important;
        }
    }
    .index-customers {
        margin-top: 60px;

        .container {
            gap: 40px;
        }
    }
    .index-customers-title {
        font-size: 36px;
        font-weight: 700;
        background-image: linear-gradient(90deg, #FAFFF6 0%, #A7A5B7 43.57%);
    }
    .index-customers-text {
        font-size: 20px;
    }
    .index-customers-groups {
        flex-direction: column;
    }
    .index-customers-group {
        font-size: 22px;
    }
    .index-customers-group:nth-child(1),
    .index-customers-group:nth-child(3) {
        background: linear-gradient(180deg, #1E1DA0 0%, #211122 103.51%);
    }
    .index-customers-group:nth-child(2),
    .index-customers-group:nth-child(4) {
        background: linear-gradient(0deg, #1E1DA0 0%, #211122 103.51%);
    }
    .index-how-header:before, .index-how-header:after {
        display: none;
    }
    .index-image-aside {
        margin-top: 40px;
        flex-direction: column;
        gap: 30px;
    }
    .index-image-aside.reverse {
        flex-direction: column;
    }
    .index-image-aside-img {
        max-width: none;
        width: 100%;
    }
    .index-image-aside-content {
        gap: 30px;
    }
    .index-image-aside-content-header {
        font-size: 36px;
    }
    .index-image-aside-content-text {
        font-size: 20px;
    }
    .index-image-aside-content-button {
        width: 100%;
    }
    .index-small-blocks-wrapper {
        margin-top: 60px;
        flex-direction: column;
    }
    .index-small-block {
        gap: 10px;
    }
    .index-small-block-header {
        font-size: 24px;
    }
    .index-small-block-text {
        font-size: 18px;
    }
    .index-grad-section {
        position: relative;
        padding-top: 35px;
    }
    .index-picks-header {
        gap: 20px;

        .index-picks-header-text {
            font-size: 20px;
        }
    }
    .index-picks-item {
        padding: 10px;
        font-size: 16px;
    }
    section.index-pricing {
        margin-top: 60px;
    }
    .index-sections-header {
        font-size: 36px;
    }
    .index-sections-subheader {
        font-size: 24px;
        margin-top: 20px;
    }
    section.index-pricing {
        .switcher-wrapper {
            flex-direction: column;
            margin: 30px 0;
            gap: 50px;
        }
        .switcher-compare-plans {
            position: static;
        }
    }
    .index-testimonials {
        padding: 0 15px;

        .swiper {
            margin-top: 40px;
            gap: 20px;
        }

        .swiper-item {
            padding: 25px;
            font-size: 20px;
            width: calc(100vw - 90px);
        }
    }
    .index-testimonials-ratings {
        width: 100%;
        margin: 40px auto 0;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .index-testimonials-rating {
        width: 190px;
        box-sizing: border-box;
        padding: 15px;
        justify-content: space-between;
    }
    .index-testimonials-text.cutted:after {
        height: 35px;
    }
    .education-tags {
        justify-content: flex-start;
        gap: 0;
        overflow: auto;
        width: 100vw;
        padding: 15px;
        margin-top: 25px;
        margin-bottom: -15px;
        -webkit-overflow-scrolling: touch;
    }
    .education-tag {
        text-align: center;
        padding: 15px;
        margin-right: 15px;
        white-space: nowrap;
    }
    .education-tag:last-child {
        margin-right: 30px;
    }
    section.education {
        .swiper {
            gap: 20px;
            margin-top: 60px;
        }

        .swiper-item {
            width: calc(100vw - 90px);
        }

        .swiper-title {
            font-size: 24px;
            text-align: left;
        }
        .swiper-annotation {
            font-size: 18px;
        }
    }
    .index-become-member {
        padding: 0 15px;

        .container {
            font-size: 18px;
            display: flex;
            flex-direction: column;
        }
    }
    .index-faq {
        margin-top: 60px;

        .personal-faq-title {
            font-size: 20px;
        }
        .personal-faq-text {
            font-size: 18px;
        }
    }

}

@media (max-width: 1200px) {
    footer {
        background-size: cover;
    }

    .footer-menu {
        gap: 35px;
        flex-wrap: wrap;
    }

    .footer-menu-column {
        gap: 15px;
    }

    .footer-menu-and-address {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
        gap: 30px;
    }

    .footer-top {
        flex-direction: column;
        font-size: 16px;
    }

    .footer-address-value {
        flex-direction: column;
    }

    .footer-logo {
        max-width: 100%;
        text-align: center;
    }

    .footer-logo img {
        width: 50%;
    }

    .footer-bottom {
        font-size: 16px;
    }

    .footer-plnt-logo {
        position: static;
        width: 400px;
    }
}

@media screen and (max-width: 500px) {
    .footer-plnt-logo,
    img.about-plnt-logo {
        width: 80%;
        min-width: 0;
    }
}

@media screen and (max-width: 410px) {
    div.screener-filters-wrapper .screener-filters.fields > .field:not(.screener-search-field) {
        width: 100%;
    }
    .field .checkbox i {
        margin-left: 0;
        margin-right: 9px;
    }
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
    width: 24% !important;
}
#CookiebotWidget {
    z-index: 999 !important;
}

button.button {
    border: none;
    color: #fff;
    box-sizing: content-box;
}
.search {
    overflow: auto;
}
.fred :not([class^=fa]) {
    mix-blend-mode: normal !important;
}
.text-blocks-wrapper {
    margin: 0 auto;
    max-width: 1500px;
}