html {
    scroll-behavior: unset !important;
}

/**/

header .custom-logo-link img,
header #mobile-menu-btn,
header .login-mobile {
    filter: none !important;
}

/**/

.site-header .herov3-btn-outline {
    font-size: 16px;
    background: #5F70EC;
    color: #FCFCFD;
}

.site-header .login-btn,
.btn-abra,
.login-btn:visited {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    border-radius: 16px;
    padding: 15px 24px;
    border: 1px solid #D5D7DA;
    transition: all 0.15s ease-in-out;
    color: #191930 !important;
}

.btn-abra.btn-abra-darkbg {
    border: 1.33333px solid rgba(213, 215, 218, 0.2) !important;
}

.site-header .login-btn:hover,
.btn-abra.btn-abra-darkbg:hover {
    background-color: #5F70EC !important;
    color: #f8f9fa !important;
    opacity: 1 !important;
}

.site-header .herov3-btn-outline:hover {
    background: #FCFCFD;
}

/**/

.hero-v3 {
    background-image: url('../../images/HeroSection.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.yield-hero-v3 {
    background-image: url('../../images/Image31111.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.herov3-container_info {
    padding-left: 0;
    padding-right: 0;
}

.herov3-container_info.solutions {
    margin-bottom: 64px;
}

.abra-container.hero-v3 {
    padding: 253px 0;
    max-width: 100% !important;
}

.abra-container.yield-hero-v3 {
    padding: 130px 0;
    max-width: 100% !important;
}

.herov3-section .container {
    max-width: 1200px;
}

.herov3-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #6C737F;
    margin-bottom: 32px;
}

.herov3-title {
    font-weight: 400;
    font-size: 80px;
    line-height: 110%;
    text-align: center;
    color: #FCFCFD;
    margin-bottom: 32px;
    text-transform: none !important;
}

.herov3-title.solutions {
    font-size: 64px;
    margin-bottom: 40px;
    text-transform: none !important;
}

.herov3-signature {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: #6C737F;
    max-width: 855px;
    margin: 0 auto 40px;
}

.herov3-signature.solutions {
    margin: 0 auto;
}

.herov3-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.herov3-buttons a:visited {
    color: #FCFCFD;
}

.herov3-btn-main {
    align-items: center;
    padding: 20px 24px;
    background: #5F70EC;
    border-radius: 16px;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #FCFCFD;
    border: none;
    outline: none;
    transition: all 0.15s ease-in-out;
}

.herov3-btn-main:hover {
    color: #5F70EC !important;
    background: #f8f9fa !important;
}

.herov3-btn-outline {
    padding: 20px 24px;
    border: 1.33333px solid rgba(213, 215, 218, 0.2);
    border-radius: 16px;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #FCFCFD;
}

.herov3-btn-outline:hover {
    color: #5F70EC !important;
}

/**/

.current-yield_container-hero {
    max-width: max-content;
    padding: 20px 20px;
    border-radius: 16px;
    background: #1D1D32;
    border: 1px solid #2D2D41;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 64px auto;
}

.current-yield_container-title {
    font-weight: 400;
    font-size: 24px;
    color: #FCFCFD;
    text-transform: none;
}

.current-yield_container-hero span {
    font-weight: 400;
    font-size: 64px;
    color: #FCFCFD;
}

.current-yield_container-signature.chart-updated.chart-updated {
    font-weight: 400;
    font-size: 16px !important;
    color: #9DA4AE !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*---*/

.portfolio-yield_title-hero {
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    text-align: center;
    text-transform: none;
    /*color: #FCFCFD;*/
    padding-bottom: 32px;
    margin: 0;
}

.portfolio-yield_crypto-container {
    display: flex;
    align-items: center;
    gap: 105px;
    margin: 0;
    padding: 0 0 64px 0;
    list-style: none !important;
    justify-content: center;
}

.portfolio-li {
    display: flex;
    gap: 12px;
    align-items: center;

    .portfolio-image_crypto {
        display: flex;
        align-items: center;

        svg {
            max-width: 52px;
            max-height: 52px;
            object-fit: cover;
        }
    }
}

.portfolio_crypto-info {
    display: flex;
    align-items: center;
    gap: 32px;

}

.crypto-name {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #FCFCFD;
}

.crypto-procent {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FCFCFD;
}

/**/

.abrav3 h2 {
    font-size: clamp(24px, calc(64 / 1920 * 100vw), 150px) !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

/**/

.stats-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #D5D7DA;
    border-bottom: 2px solid #D5D7DA;
    padding: 24px 60px;
    width: 100%;
}

.stats-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stats-icon {
    svg {
        width: 32px;
        height: 32px;
        object-fit: cover;
    }
}

.stats-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #111927;
}

/**/

.consultation-popup,
.consultation-popup-account,
.consultation-popup-started {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.consultation-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(23, 23, 23, 0.2);
    backdrop-filter: blur(20px);
}

.consultation-popup__window {
    position: relative;
    background: #FFFFFF;
    width: 800px;
    padding: 16px 24px 24px 24px;
    border-radius: 24px;
    text-align: center;
    z-index: 2;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.consultation-popup__close {
    display: flex;
    background: none;
    float: right;
    border: none;
    transition: all 0.3s ease-in-out;
    padding: 0;

    img {
        width: 44px;
        height: 44px;
    }
}

.consultation-popup__close:hover {
    rotate: 45deg;
}

.consultation-popup__title {
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: #171717;
    margin: 7px 0 16px;
    text-transform: none;
}

.consultation-popup__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #6C737F;
    max-width: 400px;
    margin: 0 auto 32px;
}

.consultation-options,
.consultation-options__link {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.consultation-option,
.consultation-option-btn {
    display: flex;
    gap: 16px;
    padding: 24px;
    border: 1px solid #ddd;
    border-radius: 24px;
    cursor: pointer;
    transition: 0.25s;
    max-width: 50%;
    text-decoration: none !important;
}

.consultation-option:hover,
.consultation-option-btn:hover {
    background: rgba(110, 42, 205, 0.08);
    border: 1px solid #5F70EC;
}

.consultation-option.active {
    background: rgba(110, 42, 205, 0.08);
    border: 1px solid #5F70EC;
}

.consultation-option__icon {
    max-width: 44px;
    max-height: 44px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #D5D7DA;
    width: 100%;
    height: 100%;
    display: flex;

    img {
        width: 24px;
        object-fit: cover;
        height: 24px;
    }
}

.consultation-option__text {
    text-align: left;

    h3 {
        font-weight: 400;
        font-size: 20px;
        line-height: 120%;
        color: #111927;
        margin-bottom: 8px;
        text-transform: none;
        text-decoration: none !important;
    }

    p {
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #6C737F;
        margin-bottom: 0;
        text-decoration: none !important;
    }

    .account-btn {
        margin-top: 16px;
        display: block;
        max-width: max-content;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #5F70EC;
        border-bottom: 2px solid #C8D0FF;
        padding-bottom: 2px;
        text-decoration: none;
        transition: all 0.15s ease-in-out;
    }

    .account-btn:hover {
        border-bottom: 2px solid transparent;
    }
}

.bottom-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 32px;
}

.bottom-info {
    p {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #6C737F;
        margin: 0 !important;

        strong {
            color: #111927;
        }
    }
}

/* .transition */
.consultation-submit-btn {
    display: block;
    margin: 0 auto;
    max-width: max-content;
    width: 100%;
    padding: 16px 20px;
    border-radius: 12px;
    background: #5F70EC;
    opacity: 0.3;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #FCFCFD;
}

.transition {
    display: block;
    margin: 0 auto;
    max-width: max-content;
    width: 100%;
    padding: 16px 20px;
    border-radius: 12px;
    background: #5F70EC;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #FCFCFD;
}

.consultation-submit-btn:visited,
.transition:visited {
    color: #FCFCFD;
}

.consultation-submit-btn:hover,
.transition:hover {
    background: #5f70ecb3;
    color: #FCFCFD;
}

.consultation-submit-btn.enabled {
    background: #5F70EC;
    pointer-events: auto;
    opacity: 1;
}

/*Key number section**/

.container.herov3-numbers-container {
    max-width: 80%;
    margin: 0 auto;
}

.herov3-numbers-section {
    margin-bottom: 64px;
    margin-top: 80px;
}

.herov3-numbers-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #6C737F;
    margin-bottom: 32px;
}

.herov3-numbers-title {
    font-weight: 400;
    font-size: 64px;
    line-height: 110%;
    text-align: center;
    color: #111927;
    margin: 0;
}

.abrav3#abra-counters {
    padding-top: 0;
    padding-bottom: 80px;
    padding-right: 60px;
    padding-left: 60px;
}

.abrav3version #abra-news,
.abrav3version #abra-faqs,
.abrav3version #abra-mission,
.abrav3version #abra-faqs-questions {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/* 
.abrav3version .abra-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */

.abrav3 .counters-container {
    gap: 40px !important;
}

.dynamic-counter.abrav3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.dynamic-counter.abrav3 {
    padding: 50px;
    background: #F1F1F1;
    border: 1px solid #D5D7DA;
    border-radius: 32px;
}

.dynamic-counter.abrav3 .counter-animate {
    font-weight: 400;
    font-size: 64px;
    line-height: 120%;
    color: #5F70EC;
    text-align: center;
}

.counter-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #6C737F;
    text-align: center;
}

/**/

#abra-investors.abrav3 {
    padding: 80px 0 !important;
}

#abra-investors.abrav3 .flex-column {
    flex-direction: row !important;
}

.abrav3 .investors_head {
    max-width: 330px;
    padding-right: 0;
    padding-left: 60px;
}

.abrav3 .text-grotesk {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: #6C737F;
}

/**/

#abra-solutions.abra-v3 {
    padding: 160px 60px;
}

.abra-v3 .abra-container {
    gap: 0 !important;
    padding: 0 !important;
}

.dark-container.abra-v3 {
    padding: 0;
}

.solutions-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 64px;
}

.solutions-card+.solutions-card {
    margin-bottom: 64px;
}

.solutions-card:last-child {
    margin-bottom: 0 !important;
}

.solutions-info {
    max-width: 880px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.solutions-top_text {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    color: #6C737F;
    margin-bottom: 24px;
}

.solution-title {
    font-weight: 400;
    font-size: 64px;
    line-height: 110%;
    color: #FCFCFD;
    margin-bottom: 32px;
    text-transform: none;
}

.solutions-signature {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #6C737F;
    margin-bottom: 0 !important;
}

.solutions-middle {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
}

.solutions-li {
    padding: 20px 0 20px 32px;
}

.solutions-li>h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    color: #FCFCFD;
    margin-bottom: 10px;
    text-transform: none;
}

.solutions-p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #6C737F;
    margin: 0;
}

.solutions-li:first-child {
    border-left: 2.6px solid #5F70EC;
}

.solutions-bottom a {
    max-width: max-content;
    padding: 22px 24px;
    border-radius: 16px;
    background: #5F70EC;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #FCFCFD;
}

.solutions-image {
    width: 100%;
    height: 100%;
    display: flex;
}

.solutions-image img {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

#abra-solutions.abra-v3 .btc-calc {
    max-height: 100% !important;
    opacity: 1 !important;
    padding: 40px !important;
    border: 1px solid #D5D7DA !important;
    border-radius: 32px !important;
    outline: none !important;
    overflow: hidden !important;
}

#abra-solutions.abra-v3 .btc-calc .abra-text-light {
    font-size: 32px !important;
    text-transform: capitalize !important;
}

#abra-solutions.abra-v3 .btc-calc .inputs-inner.d-flex {
    border-radius: 21px !important;
    overflow: hidden !important;
    border: 1px solid #D5D7DA !important;
    outline: none !important;
}

#abra-solutions.abra-v3 .btc-calc .inputs-inner.d-flex:nth-child(1) .symbol-inner {
    background: #F7931A !important;
    width: 42px !important;
    height: 42px !important;
}

#abra-solutions.abra-v3 .btc-calc .inputs-inner.d-flex:nth-child(1) .symbol-inner svg {
    fill: #ffffff !important;
    width: 24px !important;
    opacity: 1 !important;
}

#abra-solutions.abra-v3 .btc-calc .inputs-inner.d-flex:nth-child(2) .symbol-inner {
    background: #384250 !important;
    width: 42px !important;
    height: 42px !important;
}

#abra-solutions.abra-v3 .btc-calc .inputs-inner.d-flex:nth-child(2) .symbol-inner img {
    width: 24px !important;
}

#abra-solutions.abra-v3 .btc-calc-inputs .inputs-inner input {
    border: none !important;
}

#abra-solutions.abra-v3 .btc-calc-inputs .select2-container {
    /* border: 1px solid #D5D7DA !important; */
    border-radius: 8px;
}

#abra-solutions.abra-v3 .btc-details>div:first-child {
    padding: 32px !important;
    border: none !important;
    outline: none !important;
    overflow: hidden !important;
    border-image: none !important;
    border-radius: 32px !important;
    width: 50% !important;
}

#abra-solutions.abra-v3 .btc-details .additional_details {
    padding: 32px !important;
    border: none !important;
    outline: none !important;
    overflow: hidden !important;
    border-image: none !important;
    border-radius: 32px !important;
    width: 50% !important;
}

.btc-details {
    border-image-slice: 0 !important;
    gap: 32px !important;
}

#abra-solutions.abra-v3 .btc-details p {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #9DA4AE !important;
    margin-bottom: 24px !important;
    text-transform: math-auto !important;
}

#abra-solutions.abra-v3 .btc-footer .text-14 {
    font-size: 16px !important;
    color: #9DA4AE !important;
}

#abra-solutions.abra-v3 .btc-footer {
    width: 100% !important;
}

/* 
#abra-solutions.abra-v3 .btc-calc-inputs .select2-selection {
    border: 1px solid #D5D7DA !important;
} */

/**/

#abra-services.abrav3 {
    padding: 160px 60px;
}

#abra-services.abrav3 .container-top,
#abra-faqs.abrav3 .container-top {
    flex-direction: column !important;
    gap: 0 !important;
    max-width: 1185px;
    margin: 0 auto;
    text-align: center;
}

#abra-services.abrav3 .container-top .herov3-subtitle,
#abra-faqs.abrav3 .container-top .herov3-subtitle {
    width: 100%;
}

.abra-title {
    margin-bottom: 40px;
}

.abra-text p {
    margin: 0;
}

.service-list {
    margin-top: 64px;
}

.service-item {
    width: 100%;
    padding: 64px;
    background: #1D1D32;
    border: 1px solid rgba(213, 215, 218, 0.2);
    border-radius: 32px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 32px;
}

.service-item:last-child {
    margin-bottom: 0;
}

.service-item_left {
    max-width: 50%;
}

.service-item_left .herov3-subtitle {
    text-align: left;
    margin-bottom: 24px;
}

.service-title {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #FCFCFD;
    text-transform: none;
    margin-bottom: 32px;
}

.service-signature {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #6C737F;
    margin-bottom: 0;
}

.service-item_right {
    max-width: 50%;
}

.service-item__container {
    padding: 20px 24px 20px 0;
    display: flex;
}

.service-item__container .service-image {
    padding-top: 4px;
}

.service-item__container .service-image svg {
    width: 32px;
    height: 32px;
    padding-top: 4px;
}

.service-container__info {
    padding-left: 20px;
}

.service-container__info h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    color: #FCFCFD;
    text-transform: none;
    margin-bottom: 10px;
}

.service-container__info p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #6C737F;
    margin: 0 !important;
}

/**/

.news-inner.abrav3 {
    align-items: end !important;
}

.top-left__container .herov3-subtitle {
    text-align: left !important;
}

.news-details-inner.abrav3 .news-details-right .img-post-container:before,
.news-details-inner.abrav3 .news-details-right .img-post-container:after {
    content: none !important;
}

.news-details-inner.abrav3 .news-details-right .img-post-container .news-bg:before,
.news-details-inner.abrav3 .news-details-right .img-post-container .news-bg:after {
    content: none !important;
}

/**/

.herov3-featured {
    padding: 80px 60px 160px;
    width: 100%;
}

.herov3-featured__text {
    font-weight: 400;
    font-size: 42px;
    line-height: 130%;
    color: #111927;
    max-width: 1185px;
    margin: 0 auto;
    text-align: center;
}

/**/

#abra-faqs.abrav3 .abra-title {
    margin-bottom: 32px;
    width: 100%;
    text-align: center;
}

#abra-faqs.abrav3 h2 {
    text-align: center;
    width: 100%;
}

#abra-faqs .abra-text {
    width: 100%;
}

.text.abra-text-secondary {
    width: 100%;
}

/**/

#abra-mission .align-items-start.abrav3 {
    align-items: end !important;
}

/**/

#faq-accordion h3.collapsed:hover::after {
    transform: translateY(-50%) rotate(0) !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23191930'%3e%3cpath fill-rule='evenodd' d='M14.125 11.875V0.625H11.875V11.875H0.625V14.125H11.875V25.375H14.125V14.125H25.375V11.875H14.125Z'/%3e%3c/svg%3e) !important;
}

/**/

.transparency-section {
    padding: 80px 60px 160px;
    background: #191930;
    width: 100%;
}

.transparency-section.portfolio {
    padding: 160px 60px 80px;
    position: relative;
}

/* .transparency-section.portfolio:before {
    content: "";
    display: block;
    background-image: url('https://www.abra.com/wp-content/uploads/2026/01/04.Solutions (1)-scaled.png');
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
} */

.transparency-table {
    max-width: 880px;
    border-radius: 16px;
    outline: 1px solid #2D2D41;
    margin: 0 auto;
}

.transparency-table tr {
    border-bottom: 2.33px solid #2D2D41;
    border-top: 2.33px solid #2D2D41;
}

.transparency-table tr:first-child {
    border-top: 1.33px solid transparent;
}

.transparency-table tr:last-child {
    border-bottom: 1.33px solid transparent;
}

.transparency-table tr td {
    padding: 24px 20px;
    max-width: 50%;
    width: 100%;
}

.transparency-table tr td:first-child {
    font-weight: 400;
    font-size: 24px;
    color: #FCFCFD;
    border-right: 1.33px solid #2D2D41;
}

.transparency-table tr td:last-child {
    font-size: 24px;
    line-height: 150%;
    color: #6C737F;
    text-align: right;
}

.transparency-table-info {
    max-width: 880px;
    margin: 64px auto 0;
}

.abrav3-h5 {
    font-size: 24px;
    line-height: 150%;
    font-weight: 400;
    text-transform: none;
    color: #FCFCFD;
    margin-bottom: 8px;
    text-align: center;
}

.transparency-table-info .herov3-signature {
    margin: 0;
}

/**/

.friendly-section {
    padding: 80px 60px;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}

.friendly-section .light-container {
    flex-direction: column;
}

.light-container .herov3-title {
    color: #111927;
    margin-bottom: 64px;
}

/**/

.cards-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
}

.solana-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.card {
    grid-column: span 2;
    background: #F1F1F1;
    border: 1px solid #D5D7DA;
    border-radius: 32px;
    padding: 32px;
    min-height: 120px;
    gap: 32px;
}

.card-item__product {
    background: #F1F1F1;
    border: 1px solid #D5D7DA;
    border-radius: 32px;
    padding: 32px;
    min-height: 120px;
    gap: 32px;
}

.card__icon {
    padding: 13px;
    border: 1px solid #D5D7DA;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
}

.card__title {
    font-weight: 400;
    font-size: 32px;
    color: #111927;
}

/**/

.transparency-section.portfolio {
    position: relative;
}

.transparency-section.portfolio:before {
    content: "";
    display: block;
    background-image: url(../../images/Background.png);
    width: 100%;
    position: absolute;
    top: -330px;
    left: -10px;
    height: 1000px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.transparency-section__top {
    display: flex;
    justify-content: space-between;
}

.transparency-section__container {
    max-width: 1800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.transparency-section__top .transparency-section-info {
    padding-top: 126px;
    padding-left: 90px;
}

.transparency-section__chart {
    padding-top: 76px;
}

.transparency-section__text-info .herov3-subtitle {
    text-align: left;
}

.transparency-section__text-info .herov3-title {
    text-align: left;
}

.transparency-section__text-info .herov3-signature {
    text-align: left;
    max-width: 100%;
}

.transparency-section-info .current-yield_container-hero {
    display: grid;
    grid-template-columns: repeat(2, 265px);
    gap: 32px 64px;
    margin: 64px 0 0;
}

.yield-item {
    display: flex;
    align-items: center;
}

.dot {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: block;
    margin-right: 24px !important;
}

.yield-item .yield-icon {
    font-size: 0 !important;
}

.yield-item .yield-icon img {
    max-width: 52px;
    max-height: 52px;
    object-fit: cover;
}

.yield-name {
    font-weight: 400 !important;
    font-size: 24px !important;
    color: #FCFCFD !important;
    margin-left: 12px !important;
}

.yield-percent {
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #FCFCFD !important;
    margin-left: 10px !important;
}

/**/

.portfolio-chart__container {
    position: relative;
}

.portfolio-chart__container::before {
    content: '';
    position: absolute;
    inset: 15px;
    border-radius: 50%;
    background: rgba(140, 58, 255, 0.6);
    filter: blur(37px);
}

#portfolioChart {
    width: 551px !important;
    height: 551px !important;
    position: relative;
    z-index: 2;
}

.chart-updated {
    font-weight: 400;
    font-size: 16px !important;
    color: #9DA4AE !important;
    text-align: center !important;
    margin: 23px 0 0 0 !important;
}

/**/

@media (max-width: 1790px) {
    .transparency-section__top .transparency-section-info {
        padding-top: 126px;
        padding-left: 50px;
        max-width: 50%;
    }
}

@media (max-width: 1583px) {
    .abra-container.hero-v3 {
        padding: 153px 0;
    }
}

@media (max-width: 1480px) {
    .transparency-section__top .transparency-section-info {
        padding-top: 0;
        padding-left: 0;
        max-width: 50%;
    }

    .transparency-section__chart {
        padding-top: 60px;
    }

    #portfolioChart {
        width: 361px !important;
        height: 361px !important;
        position: relative;
    }
}

@media (max-width: 1440px) {
    .abra-container.hero-v3 {
        padding: 189px 0;
        max-width: 100% !important;
    }

    .herov3-subtitle {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .herov3-title,
    .herov3-title.solutions {
        font-size: 60px;
        margin-bottom: 24px;
    }

    .herov3-signature {
        font-size: 18px;
        margin-bottom: 32px;
    }

    /**/

    .abra-container.yield-hero-v3 {
        padding: 70px 60px;
        max-width: 100% !important;
    }

    .yield-hero-v3 .herov3-subtitle {
        margin-bottom: 44px;
    }

    .yield-hero-v3 .herov3-signature {
        font-size: 18px;
        max-width: 100%;
        margin: 0;
    }

    .current-yield_container-hero {
        margin: 44px auto;
    }

    .current-yield_container-title {
        font-size: 20px;
    }

    .current-yield_container-hero span {
        font-size: 60px;
    }

    .portfolio-yield_title-hero {
        font-size: 26px;
    }

    .crypto-name {
        font-size: 20px;
    }

    .crypto-procent {
        font-size: 18px;
    }

    .portfolio-yield_crypto-container {
        gap: 44px;
        padding: 0 0 44px 0;
    }

    /**/

    .stats-text {
        font-size: 16px;
        color: #111927;
    }

    .stats-icon {
        svg {
            width: 24px;
            height: 24px;
            object-fit: cover;
        }
    }

    /**/

    .herov3-numbers-label {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .herov3-numbers-title {
        font-size: 48px;
    }

    .dynamic-counter.abrav3 .counter-animate {
        font-size: 36px;
    }

    .counter-text {
        font-size: 14px;
    }

    .dynamic-counter.abrav3 {
        padding: 36px;
    }

    .abrav3 .counters-container {
        gap: 20px !important;
    }

    /**/

    .solutions-image img {
        max-width: 420px;
        width: 100%;
        margin: 0 auto;
    }

    .solutions-info {
        gap: 32px;
    }

    .solutions-top_text {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .solution-title {
        font-size: 48px;
        margin-bottom: 24px;
    }

    .solutions-signature {
        font-size: 18px;
    }

    .solutions-li {
        padding: 16px 0 16px 24px;
    }

    .solutions-li>h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .solutions-p {
        font-size: 16px;
    }

    .solutions-bottom a {
        font-size: 16px;
        padding: 16px 20px;
    }

    /**/

    .service-item {
        margin-bottom: 24px;
        padding: 48px;
    }

    .service-item_left .herov3-subtitle {
        margin-bottom: 16px;
    }

    .service-title {
        font-size: 36px;
        margin-bottom: 24px;
    }

    .service-signature {
        font-size: 18px;
    }

    .service-item__container {
        padding: 16px 16px 16px 0;
        display: flex;
    }

    .service-item__container .service-image {
        padding-top: 4px;
    }

    .service-item__container .service-image svg {
        width: 24px;
        height: 24px;
    }

    .service-container__info h3 {
        font-size: 24px;
    }

    .service-container__info p {
        font-size: 16px;
    }

    /**/

    .herov3-featured__text {
        font-size: 32px;
    }

    #abra-faqs.abrav3 .abra-title {
        margin-bottom: 24px;
        width: 100%;
    }

    #abra-faqs .container-top .text {
        font-size: 18px;
    }

    /**/
    .herov3-container_info .herov3-subtitle {
        margin-bottom: 32px;
    }

    .herov3-container_info .herov3-title {
        margin-bottom: 40px;
    }

    .herov3-container_info .herov3-signature {
        margin-bottom: 64px;
    }

    .transparency-table tr td:first-child {
        font-size: 20px;
    }

    .transparency-table tr td:last-child {
        font-size: 16px;
    }

    .abrav3-h5 {
        font-size: 20px;
    }

    /**/

    .friendly-section .herov3-subtitle {
        font-size: 14px;
        margin-bottom: 32px;
    }

    .card__title {
        font-size: 24px;
        line-height: 130%;
    }

    /**/

    .transparency-section__top .transparency-section-info {
        padding-top: 0;
        padding-left: 0;
        max-width: 100%;
    }

    .transparency-section__chart {
        padding-top: 0;
    }

    .transparency-section__text-info .herov3-subtitle {
        margin-bottom: 32px;
    }

    .transparency-section__text-info .herov3-title {
        margin-bottom: 40px;
    }

    .transparency-section__text-info .herov3-signature {
        margin-bottom: 0;
    }

    /**/

    .card-item__product {
        padding: 24px;
    }

    .solana-product-grid .card-item__product .card__title {
        font-size: 24px !important;
    }
}

@media (max-width: 1200px) {
    .cards-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1180px) {
    .solana-product-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1155px) {
    .site-header {
        padding: 40px 20px 20px 20px !important;
    }

    .site-header .login-btn,
    .btn-abra,
    .login-btn:visited {
        font-size: 14px;
        padding: 11px
    }

    .site-header .herov3-btn-outline {
        font-size: 14px;
        padding: 15px
    }

    /**/

    .transparency-section__top {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .transparency-section__text-info .herov3-subtitle {
        text-align: center;
    }

    .transparency-section__text-info .herov3-title {
        text-align: center;
        max-width: 100%;
    }

    .transparency-section__text-info .herov3-signature {
        text-align: center;
    }

    .transparency-section__chart {
        padding-top: 70px;
    }
}

@media (max-width: 1120px) {
    .herov3-container_info.solutions {
        margin-bottom: 32px;
    }

    .solutions-card {
        flex-direction: column-reverse;
        margin-bottom: 32px;
    }

    .solutions-card:nth-child(2) {
        flex-direction: column;
    }

    .solutions-card+.solutions-card {
        margin-bottom: 32px;
    }

    .solutions-image img {
        max-width: 220px;
        width: 100%;
        margin: 0 auto;
    }

    .solutions-info {
        max-width: 100%;
    }

    .service-item {
        padding: 24px 16px;
    }
}

@media (max-width: 1100px) {
    .abra-container.hero-v3 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .herov3-subtitle {
        font-size: 12px;
        line-height: 140%;
        color: #6C737F;
        margin-bottom: 16px;
    }

    .herov3-title,
    .herov3-title.solutions {
        font-size: 48px;
        line-height: 110%;
        text-align: center;
        margin-bottom: 24px;
    }

    .herov3-signature {
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #6C737F;
    }

    .herov3-btn-main,
    .herov3-btn-outline {
        max-width: 50%;
        width: 100%;
    }

    .abrav3#abra-counters,
    .abrav3#abra-investors {
        padding-left: 24px;
        padding-right: 24px;
    }

    .abrav3version #abra-news,
    .abrav3version #abra-faqs,
    .abrav3version #abra-mission,
    .abrav3version #abra-faqs-questions {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .herov3-numbers-title {
        font-size: 32px;
    }

    .herov3-numbers-label {
        font-size: 12px;
    }
}

@media (max-width: 1070px) {
    .stats-row {
        padding: 18px 40px;
    }

    /**/

    .portfolio-yield_crypto-container {
        flex-wrap: wrap;
    }

    /**/

    .herov3-numbers-section {
        margin-bottom: 32px;
        margin-top: 60px;
    }

    .abrav3#abra-counters {
        padding-top: 0;
        padding-bottom: 60px;
    }
}

@media (max-width: 1025px) {
    #abra-counters.abrav3 .counters-container {
        flex-direction: row;
        gap: 8px;
        align-items: stretch !important;
    }

    .dynamic-counter.abrav3 {
        padding: 36px 16px;
    }

    .dynamic-counter.abrav3 .counter-animate {
        font-size: 36px;
    }

    /**/

    #abra-investors.abrav3 .flex-column {
        flex-direction: column !important;
    }

    .abrav3 .investors_head_second {
        max-width: -webkit-fill-available !important;
    }

    .abrav3 .investors_head {
        flex-direction: row !important;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .abrav3 .text-grotesk {
        padding: 0 !important;
        text-align: center !important;
    }

    /**/
    #abra-solutions.abra-v3 .btc-calc {
        padding: 25px !important;
    }

    #abra-solutions.abra-v3 .btc-details .additional_details,
    #abra-solutions.abra-v3 .btc-details>div:first-child {
        width: 100% !important;
    }
}

@media (max-width: 1024px) {
    .headerv3 .header-inner {
        padding: 0 !important;
    }

    .site-header .herov3-btn-outline {
        font-size: 14px;
        padding: 15px 20px;
        max-width: 145px;
    }

    .container.herov3-numbers-container {
        max-width: 100%;
        margin: 0 auto;
    }

    #abra-investors.abrav3>div {
        gap: 32px !important;
    }

    .abrav3 .top-left__container {
        width: 100% !important;
    }

    #abra-mission .align-items-start.abrav3 {
        align-items: start !important;
    }
}

@media (max-width: 980px) {
    .solana-product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .card-item__product .card__title {
        font-weight: 400;
    }
}

@media (max-width: 965px) {
    .stats-row {
        padding: 18px 0 18px 24px;
    }
}

@media (max-width: 910px) {
    .stats-row {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 24px;
    }

    .stats-item {
        flex: 0 0 auto;
    }
}

@media (max-width: 810px) {
    .consultation-popup__window {
        width: 700px;
    }
}

@media (max-width: 768px) {
    .abra-container.hero-v3 {
        padding: 173px 24px 252px;
    }

    .hero-v3 {
        background-image: url('../../images/Image31.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .herov3-title {
        max-width: 560px;
        margin: 0 auto 24px;
    }

    .herov3-title.solutions {
        font-size: 32px;
    }

    .herov3-buttons {
        display: flex;
        justify-content: center;
        gap: 24px;
    }

    .herov3-btn-main,
    .herov3-btn-outline {
        font-size: 16px;
        line-height: 100%;
        color: #FCFCFD;
        padding: 16px;
    }

    /**/

    .abra-container.yield-hero-v3 {
        padding: 96px 24px;
        max-width: 100% !important;
    }

    .yield-hero-v3 .herov3-subtitle {
        margin-bottom: 16px;
    }

    .current-yield_container-hero {
        margin: 32px auto;
    }

    .current-yield_container-hero span {
        font-size: 48px;
    }

    .portfolio-yield_title-hero {
        font-size: 20px;
        padding-bottom: 24px;
    }

    .portfolio-yield_crypto-container {
        gap: 20px;
        padding: 0 0 32px 0;
        flex-wrap: wrap;
    }

    .portfolio_crypto-info {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .portfolio-li {
        & .portfolio-image_crypto {
            svg {
                max-width: 32px;
                max-height: 32px;
                object-fit: cover;
            }
        }
    }

    .crypto-name {
        font-size: 18px;
    }

    .crypto-procent {
        font-size: 16px;
    }

    /**/

    .herov3-numbers-label {
        margin-bottom: 16px;
    }

    .herov3-numbers-section {
        margin-bottom: 32px;
        margin-top: 40px;
    }

    .abrav3#abra-counters {
        padding-bottom: 40px;
    }

    .abrav3 .counters-container {
        gap: 10px !important;
    }


    #abra-counters.abrav3 .counters-container {
        flex-direction: row !important;
        gap: 8px;
        align-items: stretch !important;
    }

    .dynamic-counter.abrav3 {
        padding: 20px 0px;
    }

    /**/

    #abra-investors.abrav3 {
        padding: 40px 0 !important;
    }

    /**/

    #abra-solutions.abra-v3 {
        padding: 80px 24px !important;
    }

    .solutions-top_text {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .solution-title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .solutions-signature {
        font-size: 16px;
    }

    .solutions-li {
        padding: 8px 0 8px 16px;
    }

    .solutions-li>h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .solutions-bottom a {
        max-width: 100%;
    }

    /**/

    #abra-services.abrav3 {
        padding: 80px 24px !important;
    }

    .service-title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .service-signature {
        font-size: 16px !important;
    }

    .service-container__info h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    /**/

    .herov3-featured {
        padding: 40px 24px 80px;
    }

    .herov3-featured__text {
        font-size: 20px;
    }

    /**/

    .transparency-section {
        padding: 80px 24px;
    }

    .herov3-container_info .herov3-subtitle {
        margin-bottom: 16px;
    }

    .herov3-container_info .herov3-title {
        margin-bottom: 16px;
        font-size: 32px;
    }

    .herov3-container_info .herov3-signature {
        margin-bottom: 32px;
    }

    .transparency-table tr td:first-child {
        font-size: 18px;
    }

    .transparency-table tr td:last-child {
        font-size: 16px;
    }

    .transparency-table-info {
        max-width: 880px;
        margin: 32px auto 0;
    }

    /**/

    .friendly-section {
        padding: 80px 24px;
        width: 100%;
    }

    .friendly-section .herov3-subtitle {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .light-container .herov3-title {
        color: #111927;
        margin-bottom: 32px;
    }

    .cards-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }

    .card__title {
        font-size: 18px;
        line-height: 130%;
    }

    /**/

    .transparency-section.portfolio:before {
        content: none;
    }

    .transparency-section.portfolio {
        padding: 80px 24px 80px;
        position: relative;
    }

    .yield-name {
        font-size: 18px !important;
    }

    .yield-percent {
        font-size: 16px !important;
    }

    .transparency-section-info .current-yield_container-hero {
        display: grid;
        grid-template-columns: repeat(2, 265px);
        gap: 32px 64px;
        margin: 32px 0 0;
    }
}

@media (max-width: 720px) {
    .consultation-popup__window {
        width: 600px;
        padding: 16px;
    }

    .consultation-options,
    .consultation-options__link {
        flex-direction: column;
    }

    .consultation-option,
    .consultation-option-btn {
        max-width: 100%;
    }

    .consultation-popup__subtitle {
        margin: 0 auto 20px;
        max-width: 100%;
        font-size: 14px;
    }


    .bottom-block {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
    }

    .consultation-submit-btn,
    .transition {
        max-width: 100%;
        font-size: 14px;
        margin: 0 auto 0;
    }
}

@media (max-width: 660px) {
    .abra-container.yield-hero-v3 {
        padding: 40px 24px;
        max-width: 100% !important;
    }

    .herov3-title,
    .herov3-title.solutions {
        font-size: 38px;
        margin-bottom: 24px;
    }

    .yield-hero-v3 .herov3-signature {
        font-size: 16px;
        max-width: 100%;
        margin: 0;
    }

    .current-yield_container-hero {
        max-width: 100%;
        padding: 16px;
        border-radius: 16px;
        flex-direction: column;
        gap: 12px;
        margin: 24px auto;
    }

    .current-yield_container-title {
        font-size: 18px;
    }

    .current-yield_container-hero span {
        font-size: 38px;
    }

    .current-yield_container-signature.chart-updated {
        font-size: 14px;
    }
}

@media (max-width: 650px) {
    #abra-counters.abrav3 .counters-container {
        flex-direction: column !important;
        gap: 8px;
        align-items: stretch !important;
    }
}

@media (max-width: 620px) {
    .consultation-popup__window {
        width: 500px;
    }

    .consultation-option,
    .consultation-option-btn {
        padding: 14px;
    }

    /***/

    .service-item {
        padding: 24px 16px;
        flex-direction: column;
        gap: 16px;
    }

    .service-item_left,
    .service-item_right {
        max-width: 100%;
    }

    /**/

    .cards-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .card {
        padding: 20px;
        gap: 16px;
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 575px) {
    .abra-container.hero-v3 {
        padding: 100px 24px;
    }

    .container.herov3-container_info {
        padding: 0;
    }

    .herov3-title {
        font-size: 38px;
        line-height: 120%;
    }

    .herov3-buttons {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .herov3-btn-main,
    .herov3-btn-outline {
        max-width: 100%;
        width: 100%;
    }

    /**/

    .abrav3 .text-grotesk {
        font-size: 12px;
        margin: 0 auto;
        max-width: 185px;
    }

    #abra-investors.abrav3>div {
        gap: 0 !important;
    }

    /**/

    .herov3-title.solutions {
        font-size: 28px;
    }

    /**/

    .transparency-section-info .current-yield_container-hero {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        gap: 32px 64px;
        margin: 32px 0 0;
    }

    .yield-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #portfolioChart {
        width: 244px !important;
        height: 244px !important;
        position: relative;
    }

    /**/

    .solana-product-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
}

@media (max-width: 525px) {
    .consultation-popup__window {
        width: 450px;
    }

    .herov3-numbers-title {
        font-size: 28px;
    }
}

@media (max-width: 460px) {
    .consultation-popup__window {
        width: 400px;
    }

    /**/

    .herov3-title {
        font-size: 28px;
        line-height: 120%;
    }

    .transparency-table tr td {
        padding: 20px;
        max-width: 50%;
        width: 100%;
    }

    .transparency-table tr td:first-child {
        font-size: 16px;
    }

    .abrav3-h5 {
        font-size: 18px;
    }
}

@media (max-width: 415px) {
    .consultation-popup__window {
        width: 350px;
    }
}

@media (max-width: 360px) {
    .consultation-popup__window {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .herov3-section .container {
        max-width: 1200px;
    }
}

.performance-table,
.performance-table thead {
    background: #F6F7FC !important;
}

.performance-table th,
.performance-table td,
.performance-table tbody tr {
    color: #2E2E40 !important;
    border-color: #ffffff !important;
}

.performance-table td {
    font-size: 21px !important;
}

.performance-table th {
    font-size: 19px !important;
}