@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;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
    background-color: #0B1740;
    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);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #02050D;
    mix-blend-mode: overlay;
    z-index: -1;
}

.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: 2099 / 2272;
    top: 0;
    left: 0;
    opacity: 1;
    background-image: url('../img/glow-1.png?1');
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 2s ease-out;
    z-index: -2;
}

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

.glow-2 {
    display: none;
    position: absolute;
    width: 100%;
    aspect-ratio: 1656 / 2468;
    top: 1100px;
    right: 0;
    background-image: url('../img/glow-2.png?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: 1076 / 1454;
    top: 100vh;
    left: 0;
    opacity: 1;
    background-image: url('../img/glow-3.png?1');
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 2s ease-out;
    z-index: -2;
}

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

body[data-page="index"] .glow-2 {
    display: block;
}

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"],
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;
}

#templates {
    display: none !important;
}

#screener-search {
    padding-left: 50px;
    background-image: url("../img/search_icon_darker.svg");
    background-repeat: no-repeat;
    background-position: center left 22px;
    width: calc(100% - 44px - 33px);
}
#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;
}

.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;
}

.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.calculator,
section.getreport,
.section-green-content,
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="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="checkbox"]:checked + label::before {
    content: '';
    width: 16px;
    height: 16px;
    left: 4px;
    top: 4px;
    position: absolute;
    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-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

input[type="checkbox"]:checked:active + label::before {
    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%234D5D94%22%2F%3E%3C%2Fsvg%3E");
}

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;
    top: 50px;
    left: 50%;
    min-width: 410px;
    transform: translateX(-50%);
    border-radius: 40px;
    width: 100%;
    max-width: 670px;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 0.10);
    background: #0D0D0D;
    margin-bottom: 50px;
    z-index: 1010;
    overflow: hidden;
}

.modal-close, .modal-back {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-color: rgba(130, 137, 160, 0.50);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    position: absolute;
    right: 25px;
    top: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: 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");
    background-size: 34px;
    transition: background-color 0.1s linear;
    cursor: pointer;
    z-index: 2;
}

.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: rgba(130, 137, 160, 0.75);
    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;
    padding-right: 60px;
}

.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;
    max-width: 500px;
}

.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 .min-point-margin li {
    margin-bottom: 15px;
}

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

.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;
    }

    .button {
        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;
        min-width: 80%;
    }

    .button:active {
        background: linear-gradient(92deg, #A033FF 0%, #2308EF 100%);
    }

    .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);
    }
}

.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;
}

.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: 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");
    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);
}

section.landing {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-around;
    margin-top: -120px;
    margin-bottom: -130px;
}
.landing-video {
    width: 100%;
    max-width: 770px;
    mix-blend-mode: plus-lighter;
    z-index: -1;
    position: relative;
    transform: translate3d(0,0,0);
}
.landing-video video {
    width: 150%;
    margin-left: -28%;
    margin-top: -5%;
    aspect-ratio: 958 / 720;
    opacity: 1;
    transition: opacity 0.6s ease-out;
    transform: translate3d(0,0,0);
}
.landing-video video.hidden {
    opacity: 0;
}
section.landing .section-header {
    margin-left: 0;
}
section.landing .section-header span {
    display: block;
    background: var(--blue-text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.landing-description {
    max-width: 810px;
    margin-top: 15vw;
}
.landing-description .button {
    margin: 40px 0 30px;
    padding: 16px 90px;
}
.landing-description .subheader {
    font-size: 22px;
    width: 80%;
    margin-top: 22px;
}
@media screen and (max-width: 1650px) {
    .landing-video {
        width: 70%;
    }
    section.landing {
        margin-top: -50px;
        margin-bottom: 0vw;
    }
}
@media screen and (max-width: 1450px) {
    .landing-description {
        margin-top: 13vw;
    }
}
@media screen and (max-width: 1100px) {
    section.landing {
        align-items: center;
    }
}
@media screen and (max-width: 800px) {
    section.landing {
        margin-top: 0;
        padding: 0 20px;
        flex-direction: column;
        overflow: hidden;
    }
    .landing-description .subheader {
        font-size: 16px;
    }
    .landing-description .button {
        font-size: 22px;
        padding: 16px;
        width: 100%;
        box-sizing: border-box;
    }
    .landing-video video {
        width: 190%;
        margin-left: 50%;
        margin-top: -5%;
        margin-bottom: -25%;
        transform: translateX(-50%);
    }
}

.trending .section-header {
    padding: 0 20px;
}

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

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

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

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	height: 1px;
    background-color: white;
}

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;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    display: block;
}

.menu-item.action {
    background: var(--button-gradient);
    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::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;
}

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

.menu-item.action:active {
    background: var(--button-active-gradient);
    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,
.menu-item:not(.menu-personal).active:before,
.menu-item.active + .menu-item: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;
    background-color: rgba(255,255,255,0.05);
}

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

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

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

nav .translate-button {
    width: 20px;
    height: 20px;
    background: url('../img/translate.svg') no-repeat center;
    margin-right: 15px;
    margin-left: auto;
    opacity: 0.3;
    transition: opacity 300ms ease-out;
    cursor: pointer;
}
nav .translate-button:hover {
    opacity: 0.6;
}

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;
}

.mobile-menu {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    margin-top: 30px;
}

.mobile-menu-item {
    font-size: 28px;
    padding: 20px 0;
    opacity: 0.65;
}

.mobile-menu-item.active {
    opacity: 1;
}

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;
}

section.trending {
    margin: 0 auto;
    width: 100%;
    max-width: 1540px;
    overflow: hidden;
}

.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;
}

section.trending .swiper {
    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: 1459px) {
    .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: 1460px) {
    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: calc((100% - 1500px) / 2);
        width: calc(100% - (100% - 1500px) / 2);
    }
    section:not(.trending) .swiper {
        width: fit-content;
        margin-right: calc((100% - 1500px) / 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:not(:last-child):hover {
    transform: translate(0, -20px);
}

section.trending .swiper-item:last-child:hover {
    transform: translate(0, 0);
}

section.trending .swiper.animated .swiper-item:last-child {
    width: 360px;
    padding-left: 10px;
    padding-right: 10px;
}

section.trending .swiper.animated .swiper-item:last-child .swiper-item-blur-wrapper {
    filter: blur(22px);
}

.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;
}

section.trending .swiper-item .button {
    width: 250px;
    font-size: 22px;
    margin: 0;
    box-sizing: border-box;
    padding: 11px 42px;
}

.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%;
}

section.trending .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: rgba(130, 137, 160, 0.75);
    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-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;
}

.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;
    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;
}

section.trending .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%);
}

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

section.trending .swiper-list {
    width: 100%;
}

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

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

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

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

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

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

.calculator-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.calculator-form {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
    margin-top: 40px;
}

.calculator-form-input {
    width: 294px;
    height: 83px;
    font-size: 22px;
}

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

div[data-field="country"] {
    position: relative;
}

.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: 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");
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 16px;
    pointer-events: none;
}

div[data-field="amount"],
div[data-field="tenor"] {
    position: relative;
}

div[data-field="amount"] .input-wrapper span,
div[data-field="tenor"]::after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #707CA9;
}
div[data-field="amount"] .input-wrapper span.curr-units {
    width: 50px;
    font-size: 12px;
    text-align: center;
}
div[data-field="tenor"]::after {
    content: 'years';
    margin-top: 13px;
}
.table-cell.hidden {
    display: none;
}

.calculator-charts {
    display: flex;
    flex-flow: column;
    gap: 40px;
    margin-top: 30px;
}

.calculator-chart {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.calculator-chart-ruler {
    display: flex;
    flex-flow: column;
    gap: 10px;
    width: calc(100% - 250px);
    max-width: calc(100% - 250px);
}
@media screen and (min-width: 801px) {
    .calculator-chart-ruler {
        min-width: 180px;
    }
}

.calculator-chart-ruler-body {
    width: 100%;
    height: 20px;
    border-radius: 80px;
}

.calculator-chart[data-chart="deposit"] {
    justify-content: flex-start;
}

.calculator-chart[data-chart="deposit"] .calculator-chart-ruler {
    width: 0%;
    transition: width 0.5s ease-out;
}

.calculator-chart[data-chart="bonds"] .calculator-chart-ruler {
    width: 0%;
    transition: width 0.5s ease-out;
}

.calculator-chart-ruler-caption {
    color: #707CA9;
    font-size: 24px;
    opacity: 0;
    transition: opacity 0.5s;
    white-space: nowrap;
}

.calculator-chart-value {
    display: flex;
    flex-flow: column;
    width: 250px;
    transform: translateY(-6px);
    opacity: 0;
    transition: opacity 0.5s;
}

.calculator-chart-value-relative {
    font-size: 62px;
    font-weight: 800;
}

.calculator-chart-value-absolute {
    color: #707CA9;
    font-size: 22px;
    font-weight: 400;
}

.calculator-chart[data-chart="bonds"] .calculator-chart-ruler-body {
    background: linear-gradient(90deg, #5392E3 0%, #C5457B 100%);
}

.calculator-chart[data-chart="deposit"] .calculator-chart-ruler-body {
    background: linear-gradient(90deg, #CBCBCB 0%, #7A7A7A 100%);
}

.calculator-chart[data-chart="deposit"] .calculator-chart-value-relative {
    color: #D4D4D4;
    font-size: 46px;
}

.calculator-results {
    margin-top: 40px;
}

.calculator-result-header {
    font-size: 36px;
    font-weight: 800;
}

.calculator-result-caption {
    font-size: 36px;
    color: #707CA9;
}

.calculator-result-caption span {
    color: #FF9AC5;
    font-weight: 800;
}

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.green {
    position: relative;
    width: 100%;
    aspect-ratio: 3360 / 4398;
    background-image: url('../img/green-glow.png?1');
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.section-green-logos {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(0px, 90px);
    /*background-image: url('../img/logos.png?1');*/
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 90%;
}
.section-green-logos img {
    position: absolute;
    border-radius: 25%;
    box-shadow: 0 8px 24px rgba(19, 48, 10, 0.4);
}

.section-green-content {
    width: calc(100% - 20px);
    max-width: 1200px;
    margin: 0 auto;
}

.section-green-content-wrapper {
    width: 100%;
    max-width: 580px;
    position: relative;
    top: 440px;
    left: 0px;
}

@media screen and (max-width: 1700px) {
    .section-green-content-wrapper {
        top: 350px;
    }
}
@media screen and (max-width: 1450px) {
    .section-green-content-wrapper {
        left: 100px;
    }
    .hide-small {
        display: none;
    }
}
@media screen and (max-width: 1320px) {
    .section-green-content-wrapper {
        top: 290px;
    }
}
@media screen and (max-width: 1200px) {
    .section-green-content-wrapper {
        top: 290px;
    }
    section.green {
        background-size: 170% 190%;
        background-position: 70% 0;
    }
    .hide-smallest {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .section-green-content-wrapper {
        top: 250px;
        left: 0;
    }
}
@media screen and (max-width: 700px) {
    .section-green-content-wrapper {
        top: 260px;
    }
}
@media screen and (max-width: 600px) {
    .section-green-content-wrapper {
        top: 155px;
    }
}
@media screen and (max-width: 500px) {
    .section-green-content-wrapper {
        top: 50px;
    }
}
@media screen and (max-width: 400px) {
    .section-green-content-wrapper {
        top: 0px;
    }
}

.section-green-content-wrapper p {
    margin-bottom: 10px;
}

.section-green-content h1 {
    color: black;
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.section-green-content .text {
    margin-top: 20px;
    font-size: 24px;
    color: black;
}

.section-green-content .button {
    margin-top: 30px;
}

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;
}

section.education {
    overflow: hidden;
    margin-top: -50vw;
}
@media screen and (max-width: 1400px) {
    section.education {
        margin-top: -45vw;
    }
}
@media screen and (max-width: 1300px) {
    section.education {
        margin-top: -40vw;
    }
}
@media screen and (max-width: 1000px) {
    section.education {
        margin-top: -20vw;
    }
}
@media screen and (max-width: 800px) {
    section.education {
        margin-top: 15vw;
    }
}
@media screen and (min-width: 1700px) {
    section.education {
        margin-top: -55vw;
    }
}

section.education .swiper-item {
    width: 390px;
    position: relative;
    padding: 0;
    cursor: pointer;
    border-radius: var(--educationBorderRadius);
    overflow: hidden;
}

section.education .swiper-logo,
section.education .swiper-logo img {
    border-radius: 0;
}

section.education .swiper-title {
    position: absolute;
    z-index: 10;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: linear-gradient(0deg, #232957 0%, rgba(35, 41, 87, 0.00) 100%);
    font-size: 26px;
    padding: 0 20px 25px;
    box-sizing: border-box;
    line-height: 1.1;
    border-radius: 0;
    overflow: hidden;
}

.safari section.education .swiper-title {
    background: transparent;
}

.safari section.education .swiper-item:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 120px;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #232957 0%, rgba(35, 41, 87, 0.00) 100%);
    border-radius: 0 0 var(--educationBorderRadius) var(--educationBorderRadius);
}

.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;
}

.screener-filters {
    margin: 0 auto;
    max-width: 1500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.screener-filters .input-wrapper {
    width: 300px;
}

.screener-filters .screener-search-field .input-wrapper {
    width: 322px;
}

.screener-filters .fields {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    width: auto;
    align-items: center;
}

.screener-filters .fields-wrapper {
    width: 100%;
    overflow: scroll;
    scrollbar-width: 0;
}

.screener-filters .fields-wrapper::-webkit-scrollbar {
    display: none;
}

.screener-filters .screener-row-1 .field {
    flex-direction: column;
    display: flex;
}

.screener-filters .screener-row-2 .field {
    display: flex;
    position: relative;
    padding: 10px 12px;
    gap: 7px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: rgba(3, 12, 41, 0.50);
    cursor: pointer;
    align-items: flex-start;
    transition-property: background-color, border-color;
    transition-duration: 0.15s;
}

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

.screener-filters .screener-row-2 .field:active {
    background-color: rgba(1, 6, 22, 0.75);
    border-color: rgba(255, 255, 255, 0.10);
}

.field .checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    position: relative;
}

/*.field .checkbox.disabled {*/
/*    opacity: .5;*/
/*}*/

.screener-filters .screener-row-2 .field.special-field {
    display: none;
}

.field.hidden {
    display: none !important;
}

.screener-filters .screener-row-2 .fields.show-special .field.special-field {
    display: flex;
}

.switch-hidden-fields {
    margin: 0 16px;
    cursor: pointer;
}
.switch-hidden-fields span {
    border-bottom: 1px dotted white;
    line-height: 1;
}
.switch-hidden-fields .visible,
.fields.show-special .switch-hidden-fields .hidden {
    display: none;
}

.switch-hidden-fields .hidden,
.fields.show-special .switch-hidden-fields .visible {
    display: inline-block;
}

.reset-button {
    font-size: 18px;
    color: #fff;
    background-color: #6C92F3;
    display: flex;
    position: relative;
    padding: 10px 37px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255, 0.1);
    cursor: pointer;
    align-items: flex-start;
    transition-property: background-color, border-color;
    transition-duration: 0.15s;
}
.reset-button:hover {
    background-color: #6387E2;
    border: 1px solid rgba(255,255,255, 0.2);
    transition-duration: 0s;
}

.screener-filters .screener-row-2 label {
    margin-bottom: 0;
}

.screener-filters select {
    width: 200px;
}

.screener-filters select[id="broker"] {
    width: 250px;
}

.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 {
    margin: 0 auto;
    margin-top: 10px;
    width: 100%;
    max-width: 1500px;
    font-size: 18px;
}

.table {
    position: relative;
    white-space: nowrap;
    border-radius: 20px;
    background: rgba(13, 25, 94, 0.41);
    padding: 20px 0;
    scrollbar-width: 0;
    overflow-x: scroll;
}

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

.table::-webkit-scrollbar {
    background: rgba(13, 25, 94, 0.41);
    border-radius: 0 0 20px 20px;
}
.table::-webkit-scrollbar-thumb {
    background: rgba(135, 151, 209, 0.5);
    border-radius: 0 0 20px 20px;
}

.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;
    max-width: 1500px;
    width: calc(100% - 10px - 29px);
    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;
}

.table-header .table-cell i,
.field .checkbox i {
    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 {
    background-size: 22px;
    background-position: center;
    margin-left: -3px;
}

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

.table-cell .broker-logos {
    display: flex;
    gap: 0px;
}

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

.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);
}

.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;
}

.table-fixed {
    padding-left: 20px;
}

.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-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-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;
}

.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"],
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;
}

.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:before {
    content: ' ';
    display: block;
    opacity: 0.5;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49%, rgba(255, 255, 255, 0.00) 100%);
    width: 1px;
    height: 833px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 100%);
}
.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: center;
    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-scroll .swiper-item-blur-content {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    background: url(../img/lock.open.display.svg) no-repeat top 39px center rgba(255, 255, 255, 0.01);
    background-size: 140px auto;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    width: 100%;
    border-radius: 24px;
    padding: 159px 8px 27px;
    box-sizing: border-box;
}
.swiper-item-blur-content-wrapper {
    position: relative;
}
.picks-slider-scroll .swiper-item-blur-content-wrapper {
    margin-top: 20px;
    overflow: hidden;
}
.picks-slider-scroll .swiper-item-blur-content-wrapper:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    width: 152px;
    height: 42px;
    border-radius: 100px;
    background-color: rgba(72, 153, 255, 0.90);
    top: 40px;
    left: 16px;
}
.picks-slider-scroll .swiper-item-blur-content-wrapper:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -1;
    width: 152px;
    height: 42px;
    border-radius: 100px;
    background-color: rgba(255, 63, 145, 0.90);
    bottom: 30px;
    right: -24px;
}
.picks-slider-scroll .swiper-item-blur-content-header {
    font-size: 20px;
    line-height: 22px;
}
.picks-slider-scroll .button {
    font-size: 18px;
    padding: 8px 13px;
    width: 90%;
    box-sizing: border-box;
    margin: 25px auto 0;
}
.picks-slider-scroll .widgets {
    margin-top: 20px;
    visibility: hidden;
}
.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-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 13px;
    border-radius: 50px;
    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;
}
.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 {
    width: 32px;
    height: 32px;
    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;
}
.pick-risk-value {
    width: 168px;
    height: 20px;
    background: rgba(255,255,255,0.15);
    border-radius: 100px;
    overflow: hidden;
}
.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,
h1.pick-header a,
#company-about.about-text h2 {
    background: linear-gradient(94.36deg, #FFA3CA -16.32%, #E1E1E1 123.65%);
    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;
}
#company-info-wrapper {
    margin-top: 40px;
}
h2.pick-header {
    font-size: 32px;
    color: #fff;
}
.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;
}

#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: 50px;
    width: 330px;
}

.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;
    display: flex;
    flex-direction: column;
}

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

.readings-author-name {
    color: #cfd8f8;
    margin-top: 5px;
    font-size: 20px;
    mix-blend-mode: plus-lighter;
}

.readings-author-description {
    color: #cfd8f8;
    font-size: 16px;
    line-height: 120%;
    margin-top: 10px;
    mix-blend-mode: plus-lighter;
}

.readings-author-photo {
    width: 100%;
    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-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 {
    width: 100%;
    max-width: 300px;
    border-radius: 50px;
}

.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: 20px;
    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;
}

.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");
}
.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;
}
.switcher-wrapper .modal-switcher {
    margin: 0;
}
.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;
    }
}

.personal-edit-plans-section {
    --table-width: 1018px;

    width: var(--table-width);

    .pricing-table {
        --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;
        }
    }

}


.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);
}
.bond-page-info-table td {
    padding-bottom: 22px;
}
.bond-page-info-table td img:not(.screener-locked) {
    border-radius: 7px;
    width: 36px;
    height: 36px;
    margin-right: 8px;
}
.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 {
    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 {
    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%;
    max-width: 1200px;
    margin: 150px auto 60px;
    padding: 20px 20px 0;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border-top: 1px solid var(--gradColor2);
    display: flex;
    align-items: center;
    gap: 40px;
    color: var(--text-blue-gray);
}
#translate_element_wrapper select {
    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='%238797D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    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;
}

.subscribe-section {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 10px;
    position: relative;
}
.subscribe-section.screener-subscribe {
    margin-top: 85px;
}
.subscribe-section.index-subscribe {
    margin-top: 30px;
}
.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;
}
.index-subscribe .subscribe-block {
    padding: 36px 76px;
    gap: 70px;
    background: linear-gradient(180deg, rgba(19, 20, 42, 0.4) 0%, rgba(1, 4, 19, 0.4) 100%);
}
.subscribe-block-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 3;
}
.index-subscribe .subscribe-block-content {
    max-width: 670px;
    margin-left: 0;
    margin-right: auto;
}
.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;
}
.index-subscribe .subscribe-block-content h2 {
    font-size: 24px;
    line-height: 1.4;
}
.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;
}
.index-subscribe .subscribe-block-icon {
    width: 85px;
    height: 86px;
    min-width: 85px;
    min-height: 86px;
    margin-top: 0;
    margin-bottom: auto;
}
.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 {
    display: none;
}

body.user-subscription-no, body.user-subscription-basic {
    .premium-locked-wrapper {
        opacity: 0;
    }
}



@media (min-width: 801px) {
    .mobile {
        display: none;
    }
}


@media (max-width: 1370px) {
    .menu-personal a {
        max-width: 50px;
    }
}
@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;
    }
}

@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;
    }
}

@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: -22px;
    }
    .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;
    }
}
@media (max-width: 1140px) {
    .menu-item {
        padding: 8px 12px;
    }
    .logo img {
        width: 115px;
    }
    .menu-personal a {
        max-width: 70px;
    }
}

@media (max-width: 1100px) {
    .personal-edit-plans-section {
        --table-width: calc(100vw - 55px);

        .pricing-table {
            --cell-width: 130px;

            .table-cell {
                padding: 18px 0px;
            }
        }
    }
}

@media (max-width: 1050px) {
    .logo img {
        width: 120px;
    }
    nav {
        padding-right: 10px;
    }
    .menu {
        background: transparent;
    }
    .menu-item {
        font-size: 16px;
        padding: 8px 12px;
    }
}

@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;
    }

    .readings-top li {
        font-size: 14px;
    }

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

    .readings-top {
        padding: 20px;
    }

    .widget {
        border-radius: 20px;
    }

    #translate_element_wrapper {
        flex-wrap: wrap;
        overflow: hidden;
    }
}

@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);
    }

    .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;
    }

    .mobile-nav .translate-button {
        width: 20px;
        height: 20px;
        background: url('../img/translate.svg') no-repeat center;
        opacity: 0.3;
        position: fixed;
        right: 90px;
        top: 22px;
        z-index: 10000;
    }

    .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.trending .section-header,
    section.calculator,
    section.getreport,
    .section-green-content,
    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 {
        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 {
        width: calc(100% - 20px);
        margin-top: 20px;
    }

    /*.screener-row-1 {*/
    /*    flex-direction: column !important;*/
    /*    width: 100% !important;*/
    /*    gap: 20px !important;*/
    /*}*/

    div[data-field="amount"] {
        width: 250px;
    }

    .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: 56px;
    }

    .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;
    }

    section.education .swiper-item {
        width: 250px;
    }

    section.education .swiper-title {
        padding: 0 10px 10px;
        font-size: 18px;
    }

    section.trending .button {
        margin-top: 20px;
    }

    .calculator-form {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .calculator-form-input {
        width: 100%;
    }

    .calculator-charts {
        gap: 20px;
    }

    .calculator-chart {
        flex-direction: column;
        align-items: flex-start;
    }

    .calculator-chart-ruler {
        gap: 5px;
        width: 100%;
        max-width: none;
    }

    .calculator-chart-value {
        width: 100%;
        align-items: flex-end;
        margin-top: -50px;
        transform: translateY(0);
    }

    .calculator-chart-ruler-caption {
        font-size: 18px;
    }

    .calculator-chart-value-relative {
        font-size: 36px;
    }

    .calculator-chart-value-absolute {
        font-size: 16px;
    }


    .calculator-chart[data-chart="deposit"] .calculator-chart-value-relative {
        font-size: 26px;
    }

    .calculator-result-header {
        font-size: 23px;
    }

    .calculator-result-caption {
        font-size: 21px;
    }

    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;
    }

    section.green {
        background-size: 400% 100%;
        background-position-x: 0;
        padding-bottom: 130px;
    }

    .section-green-logos {
        transform: translate(0px, 15px);
        background-image: url(../img/logos-mobile.png);
        background-size: contain;
    }

    .section-green-logos img {
        display: none;
    }

    .section-green-content {
        transform: translateY(110px);
    }

    .section-green-content .text {
        font-size: 18px;
    }

    .section-green-content .text p {
        margin-bottom: 10px;
    }

    .section-green-content-wrapper {
        transform: translateY(0);
    }

    .section-green-content .button {
        font-size: 22px;
    }

    .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;
        }
    }

    .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;
    }
    .picks-slider-inner {
        display: flex;
        flex-direction: row;
        gap: 10px;
        min-height: 0;
    }
    .picks-slider-slide {
        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;
    }
    .modal-switch {
        font-size: 16px;
        width: 120px;
    }
    .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,
    .subscriptions-plans-list-line {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }
    .subscriptions-plan-block {
        width: 100%;
        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%;
        margin-top: 25px;
    }
    .subscriptions-plan-block-pluses {
        height: auto;
    }
    .subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block {
        display: block;
    }
    .subscriptions-subscription-wrapper.subscription-enterprise-wrapper .subscriptions-plan-block-status {
        width: 100%;
    }
    .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: 100%;
    }

    section.trending .swiper-logo {
        width: 184px;
        height: 184px;
    }
    section.trending .swiper-logo img {
        max-width: 100%;
    }
    section.trending .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;
    }

    .index-subscribe .subscribe-block {
        padding: 30px;
        background: none;
        border: none;
        gap: 20px;
    }

    .screener-subscribe .subscribe-block {
        padding: 30px;
    }

    .index-subscribe .subscribe-block-content {
        gap: 20px;
    }

    .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;
    }
}

@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;
    }
}

#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;
}