#solutions.token-extensions .content-list {
    width: min(970px, 100%)!important
}

@media screen and (max-width:1200px) {
    #solutions.token-extensions #whyBlock .content .green {
        font-size: 40px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500
    }
}

@media screen and (max-width:860px) {
    #solutions.token-extensions #whyBlock .content .green {
        font-size: 32px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500
    }
}

#solutions .document-header {
    background: url(../../../images/docs-bg.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50% 0
}

#solutions .document-header h1 {
    font-size: 48px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500;
    text-align: center;
    max-width: 780px
}

#solutions .document-header p {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.045em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 8px
}

#solutions .document-header h2 {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:860px) {
    #solutions .document-header h1 {
        font-size: 32px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500
    }
}

#solutions #using {
    background: #fff;
    padding: 120px 24px
}

@media screen and (max-width:860px) {
    #solutions #using {
        padding: 40px 24px
    }
}

#solutions.solutions .solutions_intro {
    background-image: url(../../../images/landing/solutionBg.svg);
    background-position: 0 0;
    background-size: cover;
    padding: 80px 0;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

#solutions.solutions .solutions_intro .background {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(50px);
    width: 863px;
    height: 713px;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    background-image: linear-gradient(to right top, #49ff86, #41ffa7, #4affc3, #62ffd9, #80ffea);
    animation: blobAnim 10s ease-in-out infinite;
    opacity: .7
}

@keyframes blobAnim {
    0%, to {
        border-radius: 46% 54% 29% 71%/66% 39% 61% 34%;
        transform: translate(-50%, -50%) rotate(30deg)
    }
    30% {
        border-radius: 46% 54% 29% 71%/17% 74% 26% 83%;
        transform: translate(-50%, -50%) rotate(15deg)
    }
    50% {
        border-radius: 46% 54% 81% 19%/39% 74% 26% 61%;
        transform: translate(-50%, -50%) rotate(45deg)
    }
    70% {
        border-radius: 65% 35% 56% 44%/39% 17% 83% 61%;
        transform: translate(-50%, -50%) rotate(70deg)
    }
}

#solutions.solutions .solutions_intro .container {
    width: min(970px, 100%);
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    z-index: 1;
    position: relative
}

#solutions.solutions .solutions_intro .container .live-wrapp {
    background-color: #ffb649;
    border: 1px solid #183c24;
    border-radius: 8px;
    padding: 8px 12px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500;
    width: fit-content
}

#solutions.solutions .solutions_intro .container .intro_text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    width: min(780px, 100%)
}

#solutions.solutions .solutions_intro .container .intro_text h1 {
    font-size: 48px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500;
    text-align: center
}

#solutions.solutions .solutions_intro .container .intro_text p {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.045em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 8px
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items {
    padding: 80px 15px 0;
    width: min(1230px, 100%);
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    position: relative;
    z-index: 1
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 24px;
    transition: all .5s ease;
    position: relative;
    border-radius: 8px
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item:before {
    transition: .3s;
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    --r: 8px;
    --s: 8px;
    --x: 44px;
    --y: 41px;
    border-radius: var(--r);
    --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%);
    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
    --_d: (var(--s) + var(--r));
    mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, rgba(0, 0, 0, 0) 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
    mask-repeat: no-repeat
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item img {
    position: absolute;
    right: 0;
    top: 0
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item:last-child {
    grid-column: 2/3
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item:hover {
    color: #fff
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item:hover:before {
    background-color: #3c2e18
}

#solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item h3 {
    font-size: 32px;
    line-height: 130%;
    letter-spacing: -.045em;
    font-weight: 400;
    margin-bottom: 27px;
    z-index: 1;
    position: relative
}

@media screen and (max-width:1200px) {
    #solutions.solutions .solutions_intro .soilutions_wrapp_items {
        grid-template-columns: repeat(2, 1fr)
    }
    #solutions.solutions .solutions_intro .soilutions_wrapp_items .solution_item:last-child {
        grid-column: 1
    }
}

@media screen and (max-width:550px) {
    #solutions.solutions .solutions_intro .soilutions_wrapp_items {
        grid-template-columns: 1fr;
        padding: 40px 16px
    }
}

@media screen and (max-width:860px) {
    #solutions.solutions .solutions_intro {
        padding: unset;
        overflow: hidden
    }
    #solutions.solutions .solutions_intro .background {
        width: 440px;
        height: 371px
    }
    #solutions.solutions .solutions_intro .container {
        padding: 40px 16px 0
    }
    #solutions.solutions .solutions_intro .container .intro_text h1 {
        font-size: 32px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500;
        text-align: center
    }
    #solutions.solutions .solutions_intro .container .intro_text p {
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -.045em;
        font-weight: 400;
        margin: 0
    }
}

#solutions .content {
    background-color: #fff
}

#solutions .content.blocks .line {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px
}

#solutions .content.blocks .line .cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

#solutions .content.blocks .line .cards .card {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 400;
    background-color: #fff
}

#solutions .content.blocks .line .cards .card .image-wrap {
    width: 100%;
    height: 70%;
    position: relative
}

#solutions .content.blocks .line .cards .card h4 {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 400
}

#solutions .content.blocks .line .main {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#solutions .content .content-list {
    width: min(1230px, 100%);
    padding: 120px 15px;
    margin: 0 auto;
    background-color: #fff
}

#solutions .content .content-list .line {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 400
}

#solutions .content .content-list .line h2 {
    font-size: 32px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 8px
}

#solutions .content .content-list .line .cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    box-sizing: border-box;
    margin-top: 32px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 400
}

#solutions .content .content-list .line .cards-wrapper .card {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

#solutions .content .content-list .line .cards-wrapper .card h4 {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 400
}

#solutions .content .content-list .line:last-child {
    border: 0;
    margin: 0;
    padding: 0
}

@media screen and (max-width:860px) {
    #solutions .content .content-list {
        padding: 40px 16px;
        box-sizing: border-box
    }
    #solutions .content .content-list .line {
        margin-bottom: 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 400
    }
    #solutions .content .content-list .line img {
        width: 48px;
        height: 48px
    }
    #solutions .content .content-list .line h2 {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        gap: 16px
    }
    #solutions .content .content-list .line h2 img {
        width: 32px;
        height: 32px
    }
    #solutions .content .content-list .line .cards {
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 400;
        display: flex;
        flex-direction: column
    }
    #solutions .content .content-list .line .cards .card {
        padding: 16px;
        gap: 12px
    }
    #solutions .content .content-list .line .cards .card h4 {
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -.045em;
        font-weight: 400
    }
    #solutions .content .content-list .line .cards .card h4 br {
        display: none
    }
    #solutions .content .content-list .line .cards-wrapper {
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 400;
        display: flex;
        flex-direction: column
    }
    #solutions .content .content-list .line .cards-wrapper .card {
        padding: 16px
    }
    #solutions .content .content-list .line .cards-wrapper .card h4 {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 400
    }
    #solutions .content .content-list .line .cards-wrapper .card h4 br {
        display: none
    }
}