html {
    font-family: 'Afacad';
    font-style: normal;
    background-color: #0F172A;
    color: #A1A2B1;
    overflow-x: hidden;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.container {
    max-width: 1312px;
    width: 100%;
    margin: 0 auto;
}

.index-page {
    min-height: 80vh;
}

.index-page .h1 {
    margin-bottom: 24px;
}

.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 56px;
    padding-top: 16px;
}

.nav-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 56px;
}

.nav-menu a {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #A1A2B1;
    display: block;
    padding-bottom: 9px;
}

.regular-l {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #A1A2B1;
}

.white-text {
    color: #FFFFFF !important;
}

.flex-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    gap: 8px;
    border-radius: 16px;

    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;

    flex: 0 0 auto;
}

.btn.trans {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn.purp {
    background: #7C3AED;
}

.h1 {
    font-weight: 700;
    font-size: 84px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
}

.purple {
    color: #7C3AED;
}

.body-l {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
}

.main-section p {
    text-align: center;
}

.main-section {
    height: 895px;
    display: flex;
    align-items: center;
    background-image: url('../images/bg-frame.webp');
    position: relative;
    z-index: 0;
}

.main-section::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('../images/main-mocup.webp');
    background-repeat: no-repeat;
    background-position-x: right;
    position: absolute;
    z-index: -1;
}

.wrapper-main {
    max-width: 965px;
    margin: 0 auto;
}

.wrapper-main .body-l {
    max-width: 624px;
    margin: 16px auto 0;
}

.wrapper-main-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    border-radius: 20px;
    width: 557px;
    margin: 56px auto 0;
}

.main-block-form input {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    background: #0F172A;
    border-radius: 16px;
    width: 100%;

    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}

.main-block-form input::placeholder {
    color: #A1A2B1;
}

.main-block-form .body-s {
    text-align: center;
    margin-top: 12px;
}

.body-s {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

.white-line {
    width: 110%;
    padding: 32px 0;
    overflow: hidden;
    position: absolute;
    left: -5%;
    bottom: 0;
    z-index: 2;

    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    transform: rotate(-6deg);
}

.white-marquee {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 48px;
}

.white-line span {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #0F172A;
    white-space: nowrap;
}

.purple-line {
    padding: 32px 0;
    background: #7C3AED;
    overflow: hidden;


    font-weight: 700;
    font-size: 40px;
    line-height: 25px;
    color: #FFFFFF;

    width: 100%;

    position: absolute;
    bottom: 0;
}

.purple-marquee {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
    flex-shrink: 0;
}

.purple-marquee span {
    transition: all 0.1s ease-in-out;
}

.main-section .container {
    position: relative;
}

.stone-bg {
    position: absolute;
    bottom: -221px;
    left: 102px;
}

.section {
    padding:  120px 0;
}

.section-2 {
    padding-top: 160px;
    padding-bottom: 80px;
}

.dots {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: rgba(15, 23, 42, .5);
    flex: 0 0 auto;
}

.h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    color: #FFFFFF;
}

.header-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 56px;
}

.header-section .body-l {
    text-align: right;
    max-width: 650px;
}

.icon-lightning {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.78368 19.7649L17.0802 3.1718C17.1432 3.04596 17.3328 3.09074 17.3328 3.23143V12.3486C17.3328 12.8202 17.8092 13.1428 18.2471 12.9676L22.3715 11.3178C22.9406 11.0902 23.4895 11.6867 23.2153 12.235L14.9188 28.8281C14.8558 28.954 14.6662 28.9092 14.6662 28.7685V19.6513C14.6662 19.1797 14.1898 18.8572 13.7519 19.0323L9.62756 20.6821C9.05839 20.9097 8.50953 20.3132 8.78368 19.7649Z' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-ai {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0007 6.35412C16.0007 5.00926 17.0141 3.8468 18.3493 4.00789C20.07 4.2155 21.9654 4.91176 22.6674 6.6667M16.0007 6.35412C16.0007 5.00926 14.9874 3.8468 13.6522 4.00789C11.9315 4.2155 10.036 4.91176 9.33406 6.6667M16.0007 6.35412V25.7778M22.6674 6.6667C24.0007 10 25.3341 8.66667 26.6674 10.6667C28.0007 12.6667 26.6674 14 26.6674 16M22.6674 6.6667C23.1118 8.00004 23.4674 11.2 21.3341 13.3333M26.6674 16C26.6674 18 28.877 19.0189 27.3341 21.3333C26.0007 23.3333 24.3881 22.2792 23.3341 23.3333C22.0007 24.6667 22.6674 25.3333 20.6674 26.6667C19.1473 27.6801 17.6272 27.6665 16.6925 27.2113C16.1738 26.9587 16.0007 26.3548 16.0007 25.7778M26.6674 16C26.4452 16.8889 25.3341 18.6667 22.6674 18.6667M16.0007 25.7778C16.0007 26.3548 15.8277 26.9587 15.3089 27.2113C14.3742 27.6665 12.8542 27.6801 11.3341 26.6667C9.33406 25.3333 10.0007 24.6667 8.66739 23.3333C7.6133 22.2792 6.00072 23.3333 4.66739 21.3333C3.12446 19.0189 5.33406 18 5.33406 16M9.33406 6.6667C8.00072 10 6.66739 8.66667 5.33406 10.6667C4.00072 12.6667 5.33406 14 5.33406 16M9.33406 6.6667C8.88961 8.00004 8.53406 11.2 10.6674 13.3333M5.33406 16C5.55628 16.8889 6.66739 18.6667 9.33406 18.6667' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-custom {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.333 29.3333V14.6666' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.333 9.33329V2.66663' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 29.3333V22.6666' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 17.3333V2.66663' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 29.3333V14.6666' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 9.33329V2.66663' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 14.6666H9.33333' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.667 14.6666H28.0003' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.333 17.3334H18.6663' stroke='%237C3AED' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-revisions {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3327 16C29.3327 23.36 23.3593 29.3333 15.9993 29.3333C8.63935 29.3333 4.14602 21.92 4.14602 21.92M4.14602 21.92H10.1727M4.14602 21.92V28.5866M2.66602 16C2.66602 8.63996 8.58602 2.66663 15.9993 2.66663C24.8927 2.66663 29.3327 10.08 29.3327 10.08M29.3327 10.08V3.41329M29.3327 10.08H23.4127' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-inst {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.7481 26.7268L7.18894 26.12L6.7481 26.7268ZM5.27322 25.2519L5.87998 24.8111L5.27322 25.2519ZM26.7268 25.2519L26.12 24.8111L26.7268 25.2519ZM25.2519 26.7268L24.8111 26.12L25.2519 26.7268ZM25.2519 5.27322L24.8111 5.87998L25.2519 5.27322ZM26.7268 6.7481L26.12 7.18894L26.7268 6.7481ZM6.7481 5.27322L7.18894 5.87998L6.7481 5.27322ZM5.27322 6.7481L5.87998 7.18894L5.27322 6.7481ZM16 27.25C13.4835 27.25 11.6563 27.249 10.2371 27.0952C8.83198 26.943 7.916 26.6483 7.18894 26.12L6.30726 27.3335C7.33264 28.0785 8.54278 28.4204 10.0756 28.5865C11.5943 28.751 13.5169 28.75 16 28.75V27.25ZM3.25 16C3.25 18.4831 3.24897 20.4057 3.41352 21.9244C3.57958 23.4572 3.92148 24.6674 4.66646 25.6927L5.87998 24.8111C5.35174 24.084 5.05703 23.168 4.90479 21.7629C4.75103 20.3437 4.75 18.5165 4.75 16H3.25ZM7.18894 26.12C6.68664 25.7551 6.24492 25.3134 5.87998 24.8111L4.66646 25.6927C5.12391 26.3224 5.67762 26.8761 6.30726 27.3335L7.18894 26.12ZM27.25 16C27.25 18.5165 27.249 20.3437 27.0952 21.7629C26.943 23.168 26.6483 24.084 26.12 24.8111L27.3335 25.6927C28.0785 24.6674 28.4204 23.4572 28.5865 21.9244C28.751 20.4057 28.75 18.4831 28.75 16H27.25ZM16 28.75C18.4831 28.75 20.4057 28.751 21.9244 28.5865C23.4572 28.4204 24.6674 28.0785 25.6927 27.3335L24.8111 26.12C24.084 26.6483 23.168 26.943 21.7629 27.0952C20.3437 27.249 18.5165 27.25 16 27.25V28.75ZM26.12 24.8111C25.7551 25.3134 25.3134 25.7551 24.8111 26.12L25.6927 27.3335C26.3224 26.8761 26.8761 26.3224 27.3335 25.6927L26.12 24.8111ZM16 4.75C18.5165 4.75 20.3437 4.75103 21.7629 4.90479C23.168 5.05703 24.084 5.35174 24.8111 5.87998L25.6927 4.66646C24.6674 3.92148 23.4572 3.57958 21.9244 3.41352C20.4057 3.24897 18.4831 3.25 16 3.25V4.75ZM28.75 16C28.75 13.5169 28.751 11.5943 28.5865 10.0756C28.4204 8.54278 28.0785 7.33264 27.3335 6.30726L26.12 7.18894C26.6483 7.916 26.943 8.83198 27.0952 10.2371C27.249 11.6563 27.25 13.4835 27.25 16H28.75ZM24.8111 5.87998C25.3134 6.24492 25.7551 6.68664 26.12 7.18894L27.3335 6.30726C26.8761 5.67762 26.3224 5.12391 25.6927 4.66646L24.8111 5.87998ZM16 3.25C13.5169 3.25 11.5943 3.24897 10.0756 3.41352C8.54278 3.57958 7.33264 3.92148 6.30726 4.66646L7.18894 5.87998C7.916 5.35174 8.83198 5.05703 10.2371 4.90479C11.6563 4.75103 13.4835 4.75 16 4.75V3.25ZM4.75 16C4.75 13.4835 4.75103 11.6563 4.90479 10.2371C5.05703 8.83198 5.35174 7.916 5.87998 7.18894L4.66646 6.30726C3.92148 7.33264 3.57958 8.54278 3.41352 10.0756C3.24897 11.5943 3.25 13.5169 3.25 16H4.75ZM6.30726 4.66646C5.67762 5.12391 5.12391 5.67762 4.66646 6.30726L5.87998 7.18894C6.24492 6.68664 6.68664 6.24492 7.18894 5.87998L6.30726 4.66646ZM11.25 16C11.25 18.6234 13.3766 20.75 16 20.75V19.25C14.2051 19.25 12.75 17.7949 12.75 16H11.25ZM16 20.75C18.6234 20.75 20.75 18.6234 20.75 16H19.25C19.25 17.7949 17.7949 19.25 16 19.25V20.75ZM20.75 16C20.75 13.3766 18.6234 11.25 16 11.25V12.75C17.7949 12.75 19.25 14.2051 19.25 16H20.75ZM16 11.25C13.3766 11.25 11.25 13.3766 11.25 16H12.75C12.75 14.2051 14.2051 12.75 16 12.75V11.25Z' fill='%237C3AED'/%3E%3Cpath d='M21.333 9.33333C21.333 10.0697 21.93 10.6667 22.6663 10.6667C23.4027 10.6667 23.9997 10.0697 23.9997 9.33333C23.9997 8.59695 23.4027 8 22.6663 8C21.93 8 21.333 8.59695 21.333 9.33333Z' fill='%237C3AED'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-copy {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6673 29.3334C9.30732 29.3334 3.33398 23.3601 3.33398 16.0001C3.33398 8.64008 9.30732 2.66675 16.6673 2.66675C24.0273 2.66675 30.0006 8.64008 30.0006 16.0001C30.0006 23.3601 24.0273 29.3334 16.6673 29.3334Z' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.5067 20.0001C19.56 20.8267 18.3333 21.3334 16.9867 21.3334C14.04 21.3334 11.6533 18.9467 11.6533 16.0001C11.6533 13.0534 14.04 10.6667 16.9867 10.6667C18.3333 10.6667 19.56 11.1734 20.5067 12.0001' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-text {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.98828 7.90676V5.89342C2.98828 4.53342 4.09495 3.42676 5.45495 3.42676H22.6816C24.0416 3.42676 25.1483 4.53342 25.1483 5.89342V7.90676' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0664 24.1334V4.42676' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5332 24.1333H16.9732' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5742 13.7866H27.9209C28.8942 13.7866 29.6809 14.5733 29.6809 15.5466V16.6133' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7734 28.5734V14.4934' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9199 28.5732H24.6266' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.section-2 .cards-4-cl {
    margin-top: 56px;
}

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

.cards-4-cl .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 32px;
    gap: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.medium-l {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

.body-m {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #A1A2B1;
}

.section-3 {
    background: radial-gradient(50% 74.27% at 50% 100%, rgba(124, 58, 237, 0.4) 0%, rgba(124, 58, 237, 0) 100%);
    position: relative;
}

.section-3::after {
    content: "";
    display: block;
    width: 1312px;
    height: 100%;
    opacity: .9;
    background-image: url('../images/main-mocup.webp');
    background-repeat: no-repeat;
    background-position-y: bottom;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.toggle-wrapper {
    margin-top: 56px;
    display: grid;
    grid-template-columns: 366px 1fr;
    gap: 8px;
}

.toggles {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.toggles > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;    
}

.toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
    cursor: pointer;
}

.num {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #0F172A;
    border: 1px solid #7C3AED;
    border-radius: 16px;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;

    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

.toggle.active .num {
    background: #7C3AED;
}

.toggle-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.medium-s {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
}

.medium-xs {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #A1A2B1;
}

.body-xs {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A1A2B1;
}

.toggle-content {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.toggle-content.active {
    display: flex;
}

.form-test-works,
.step-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #0F172A;
    border: 1px solid #272E3F;
    border-radius: 24px;
    width: 100%;
    padding: 16px 0px 24px;
}

.bold-m {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #A1A2B1;
}

.block-head {
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #272E3F;
}

.block-head .bold-m {
    padding: 0 32px;
}

.form-content {
    width: 100%;
    padding: 24px 32px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.form-test-works input {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #0F172A;
    border-radius: 16px;
    width: 100%;

    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}

.form-test-works input::placeholder {
    color: #A1A2B1;
}

.step-text {
    width: 100%;
    padding: 24px 32px 0;
}

.step-text > div {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

ol {
    list-style-position: inside;
    text-indent: -2.2em;
    margin-left: 3.4em;
}

.purple-color {
    color: #7C3AED !important;
}

.white-color {
    color: #FFFFFF !important;
}

.cards-3-cl {
    margin-top: 56px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 32px 0;
}

.icon-bg {
    display: block;
    width: 56px;
    height: 56px;
    background-color: rgba(124, 58, 237, 0.2);
    border-radius: 12px;
    background-position: center;
}

.cards-3-cl .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 24px;
}

.purple-line.static {
    position: static;
}

.h2-l {
    font-weight: 700;
    font-size: 86px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
}

.section-5 {
    background: radial-gradient(67.32% 100% at 50% 0%, rgba(124, 58, 237, 0.4) 0%, rgba(124, 58, 237, 0) 100%);
    position: relative;
}

.header-column-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.wrapper-compare {
    margin: 56px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 56px;
}

.block-compare .bold-m {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.company {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;

    font-weight: 700;
    font-size: 40px;
    line-height: 27px;
    color: #FFFFFF;
}

.block-compare {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 32px 56px;
    gap: 32px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
}

.h2-l.pale {
    color: #5149A5;
}

.h2-l.intense {
    color: #7C3AED;
}

.compare-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.compare-name .h2-l {
    flex: 0 0 auto;
}

.compare-name .body-l {
    max-width: 171px;
    width: 100%;
}

.list-icon {
    margin: 0 0 0 33px;
}

.list-icon li::marker {
	font-size: 1.1rem;
	line-height: 1;
}

.list-icon li {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.list-icon li:last-child {
    margin-bottom: 0;
}

.list-icon.pale li {
    list-style-image: url("data:image/svg+xml,%3Csvg width='25' height='16' viewBox='0 0 25 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3121 3.23689C9.33801 2.84668 8.26615 2.74458 7.23206 2.94351C6.19797 3.14244 5.2481 3.63346 4.50256 4.35447C3.75702 5.07549 3.2493 5.99412 3.04361 6.9942C2.83792 7.99428 2.94349 9.03089 3.34697 9.97295C3.75045 10.915 4.43372 11.7202 5.31038 12.2867C6.18704 12.8532 7.21771 13.1556 8.27206 13.1556V16C6.636 16 5.03668 15.5308 3.67635 14.6518C2.31602 13.7727 1.25577 12.5233 0.629676 11.0615C0.00358417 9.59966 -0.16023 7.99113 0.158949 6.43928C0.478128 4.88743 1.26597 3.46197 2.42283 2.34315C3.5797 1.22433 5.05364 0.462403 6.65826 0.153721C8.26288 -0.15496 9.92612 0.00346624 11.4376 0.608967C12.9492 1.21447 14.2411 2.23985 15.15 3.55544C16.059 4.87103 16.5441 6.41775 16.5441 8H13.6029C13.6029 6.98033 13.2903 5.98356 12.7045 5.13573C12.1188 4.2879 11.2862 3.6271 10.3121 3.23689ZM19.6896 3.71331C18.813 3.14681 17.7823 2.84445 16.7279 2.84445V3.58424e-06C18.364 3.66902e-06 19.9633 0.469195 21.3236 1.34825C22.684 2.2273 23.7442 3.47673 24.3703 4.93853C24.9964 6.40034 25.1602 8.00888 24.8411 9.56072C24.5219 11.1126 23.734 12.538 22.5772 13.6569C21.4203 14.7757 19.9464 15.5376 18.3417 15.8463C16.7371 16.155 15.0739 15.9965 13.5624 15.391C12.0508 14.7855 10.7589 13.7602 9.84998 12.4446C8.94103 11.129 8.45588 9.58225 8.45588 8H11.3971C11.3971 9.01967 11.7097 10.0164 12.2955 10.8643C12.8812 11.7121 13.7138 12.3729 14.6879 12.7631C15.662 13.1533 16.7339 13.2554 17.7679 13.0565C18.802 12.8576 19.7519 12.3665 20.4974 11.6455C21.243 10.9245 21.7507 10.0059 21.9564 9.0058C22.1621 8.00572 22.0565 6.96911 21.653 6.02706C21.2495 5.085 20.5663 4.27981 19.6896 3.71331Z' fill='%235149A5'/%3E%3C/svg%3E");
}

.list-icon.intense li {
    list-style-image: url("data:image/svg+xml,%3Csvg width='26' height='16' viewBox='0 0 26 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8121 3.23689C9.83801 2.84668 8.76615 2.74458 7.73206 2.94351C6.69797 3.14244 5.7481 3.63346 5.00256 4.35447C4.25702 5.07549 3.7493 5.99412 3.54361 6.9942C3.33792 7.99428 3.44349 9.03089 3.84697 9.97295C4.25045 10.915 4.93372 11.7202 5.81038 12.2867C6.68704 12.8532 7.71771 13.1556 8.77206 13.1556V16C7.136 16 5.53668 15.5308 4.17635 14.6518C2.81602 13.7727 1.75577 12.5233 1.12968 11.0615C0.503584 9.59966 0.33977 7.99113 0.658949 6.43928C0.978128 4.88743 1.76597 3.46197 2.92283 2.34315C4.0797 1.22433 5.55364 0.462403 7.15826 0.153721C8.76288 -0.15496 10.4261 0.00346624 11.9376 0.608967C13.4492 1.21447 14.7411 2.23985 15.65 3.55544C16.559 4.87103 17.0441 6.41775 17.0441 8H14.1029C14.1029 6.98033 13.7903 5.98356 13.2045 5.13573C12.6188 4.2879 11.7862 3.6271 10.8121 3.23689ZM20.1896 3.71331C19.313 3.14681 18.2823 2.84445 17.2279 2.84445V3.58424e-06C18.864 3.66902e-06 20.4633 0.469195 21.8236 1.34825C23.184 2.2273 24.2442 3.47673 24.8703 4.93853C25.4964 6.40034 25.6602 8.00888 25.3411 9.56072C25.0219 11.1126 24.234 12.538 23.0772 13.6569C21.9203 14.7757 20.4464 15.5376 18.8417 15.8463C17.2371 16.155 15.5739 15.9965 14.0624 15.391C12.5508 14.7855 11.2589 13.7602 10.35 12.4446C9.44103 11.129 8.95588 9.58225 8.95588 8H11.8971C11.8971 9.01967 12.2097 10.0164 12.7955 10.8643C13.3812 11.7121 14.2138 12.3729 15.1879 12.7631C16.162 13.1533 17.2339 13.2554 18.2679 13.0565C19.302 12.8576 20.2519 12.3665 20.9974 11.6455C21.743 10.9245 22.2507 10.0059 22.4564 9.0058C22.6621 8.00572 22.5565 6.96911 22.153 6.02706C21.7495 5.085 21.0663 4.27981 20.1896 3.71331Z' fill='%237C3AED'/%3E%3C/svg%3E");
}

.section-5 .header-section .body-m {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    max-width: 635px;
}

.section-5 .container {
    position: relative;
}

.section-5::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../images/Shape-17-t.webp");
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.section-5 .stone-bg {
    position: absolute;
    bottom: 43px;
    right: -130px;
    left: unset;
}

.section-7 {
    background: radial-gradient(67.32% 100% at 50% 0%, rgba(124, 58, 237, 0.4) 0%, rgba(124, 58, 237, 0) 100%);
}

.head-packages {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.list-steps-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.step-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.step-item .num {
    background-color: #7C3AED;
}

.wrapper-packages {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 24px 0px 0px;
    gap: 32px;
}

.opacity-40 {
    opacity: .4;
}

.medium-xl {
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    color: #FFFFFF;
}

.regular-m {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #A1A2B1;
}

.package {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 32px 32px;
    gap: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
}

.package .medium-xl {
    margin-top: 24px;
}

.package.best-value {
    position: relative;
    background: rgba(124, 58, 237, 0.2);
}

.caption-best {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    gap: 8px;

    position: absolute;
    width: calc(100% - 64px);
    top: -27px;

    background: #312265;
    border: 2px solid #7C3AED;
    border-radius: 16px;

    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #7C3AED;
}

.package.best-value .bold-m {
    margin-top: 16px;
}

.package .btn {
    width: 100%;
}

.package .currency {
    font-weight: 400;
    font-size: 64px;
    line-height: 100%;
}

.range-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.range-wrap .range {
    width: 100%;
    height: 9px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    appearance: none;
    background: linear-gradient(to right, rgb(124, 58, 237) 47.5728%, rgba(255, 255, 255, 0.1) 47.5728%);
    outline: none;
    transition: background 450ms ease-in;
    cursor: pointer;
}

.range::-webkit-slider-thumb {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: #FFFFFF;
    border: 3px solid #332269;
    appearance: none;
}

.range::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: #FFFFFF;
    border: 3px solid #332269;
    appearance: none;
}

.section-7 .header-section {
    margin-top: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.section-7 .header-section .h2 {
    flex: 0 0 auto;
}

.section-7 .header-section .body-l {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    width: 100%;
    max-width: 100%;
}

.review {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 32px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
}

.review-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.icon-star {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.09789 1.8541C9.69659 0.0114827 12.3034 0.0114808 12.9021 1.8541L13.9187 4.98278C14.1864 5.80682 14.9543 6.36475 15.8208 6.36475H19.1105C21.0479 6.36475 21.8535 8.84398 20.2861 9.98278L17.6246 11.9164C16.9237 12.4257 16.6304 13.3284 16.8981 14.1525L17.9147 17.2812C18.5134 19.1238 16.4044 20.656 14.837 19.5172L12.1756 17.5836C11.4746 17.0743 10.5254 17.0743 9.82443 17.5836L7.16302 19.5172C5.59559 20.656 3.48663 19.1238 4.08533 17.2812L5.1019 14.1525C5.36965 13.3284 5.07633 12.4257 4.37536 11.9164L1.71395 9.98278C0.146523 8.84398 0.952073 6.36475 2.88952 6.36475H6.1792C7.04566 6.36475 7.81357 5.80682 8.08132 4.98278L9.09789 1.8541Z' fill='%237C3AED'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-review {
    display: block;
    background: rgba(124, 58, 237, 0.2);
    border-radius: 12px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12C0 9.71429 0.29318 7.56825 0.879541 5.5619C1.4659 3.55555 2.31995 1.70159 3.44168 0H9.10134C7.9796 1.47302 7.06182 3.2 6.34799 5.18095C5.63416 7.1619 5.27725 9.43492 5.27725 12H0ZM10.8987 12C10.8987 9.71429 11.1918 7.56825 11.7782 5.5619C12.3646 3.55555 13.2186 1.70159 14.3403 0H20C18.8783 1.47302 17.9605 3.2 17.2467 5.18095C16.5328 7.1619 16.1759 9.43492 16.1759 12H10.8987Z' fill='%237C3AED'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.regular-s {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}

.stars {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}

.regular-xs {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #A1A2B1;
}

.review .body-l {
    color: #FFFFFF;
}

.review-text {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.review-autor {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.reviews {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
}

.wrapper-liners {
    position: relative;
}

.section-8 {
    background: radial-gradient(67.32% 147.24% at 0% 0%, rgba(124, 58, 237, 0.4) 0%, rgba(124, 58, 237, 0) 100%);
    position: relative;
}

.faq-question .body-l {
    color: #FFFFFF;
}

.faq-answer .regular-s {
    color: #A1A2B1;
}

.faq.active .faq-answer{
    display: block;
}

.faq-answer {
    display: none;
}

.icon-faq {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_17_1899)'%3E%3Cpath d='M25.334 14.6668H17.334V6.66683C17.334 6.31321 17.1935 5.97407 16.9435 5.72402C16.6934 5.47397 16.3543 5.3335 16.0007 5.3335C15.647 5.3335 15.3079 5.47397 15.0578 5.72402C14.8078 5.97407 14.6673 6.31321 14.6673 6.66683V14.6668H6.66732C6.3137 14.6668 5.97456 14.8073 5.72451 15.0574C5.47446 15.3074 5.33398 15.6465 5.33398 16.0002C5.33398 16.3538 5.47446 16.6929 5.72451 16.943C5.97456 17.193 6.3137 17.3335 6.66732 17.3335H14.6673V25.3335C14.6673 25.6871 14.8078 26.0263 15.0578 26.2763C15.3079 26.5264 15.647 26.6668 16.0007 26.6668C16.3543 26.6668 16.6934 26.5264 16.9435 26.2763C17.1935 26.0263 17.334 25.6871 17.334 25.3335V17.3335H25.334C25.6876 17.3335 26.0267 17.193 26.2768 16.943C26.5268 16.6929 26.6673 16.3538 26.6673 16.0002C26.6673 15.6465 26.5268 15.3074 26.2768 15.0574C26.0267 14.8073 25.6876 14.6668 25.334 14.6668Z' fill='%237C3AED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17_1899'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.faq.active .icon-faq {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_17_1890)'%3E%3Cpath d='M7 16H26' stroke='%237C3AED' stroke-width='2.39377' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17_1890'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.faq {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
    padding: 16px 16px 28px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
}

.faq-wrapper .faq:last-child {
    border-bottom: unset;
    margin-bottom: 0;
    padding-bottom: 16px;
}

.faq-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
}

.faq-container {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.faq-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    max-width: 644px;
    width: 100%;
    flex: 0 0 auto;
}

.section-8::after {
    content: "";
    display: block;
    transform: rotate(180deg);
    width: 100%;
    height: 100%;
    background-image: url("../images/main-mocup.webp");
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.wrapper-callback {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 56px;
    gap: 40px;
    width: 100%;
    background: #7C3AED;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 142px 57px rgba(124, 58, 237, 0.03), 0px 80px 48px rgba(124, 58, 237, 0.1), 0px 36px 36px rgba(124, 58, 237, 0.17), 0px 9px 20px rgba(124, 58, 237, 0.2);
    border-radius: 24px;
}

.callback-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 0 0 auto;
    max-width: 612px;
    width: 100%;
}

.form-callback {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;

    width: 100%;
}

.input {
    display: block;
    padding: 12px 16px;
    background: #0F172A;
    border-radius: 16px;
    width: 100%;

    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}

.inpur::placeholder {
    color: #A1A2B1;
}

.inputs-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.inputs-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.btn.bg-white {
    color: #0F172A;
    background: #FFFFFF;
}

.btn-callback {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

footer {
    display: block;
    padding: 32px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0F172A;
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0px 48px;
    gap: 56px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
    max-width: 815px;
    width: 100%;
}

.footer-text  .regular-s {
    color: #A1A2B1;
}

.social {
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
}

.social.social-x {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2439 2.25H21.5519L14.3249 10.51L22.8269 21.75H16.1699L10.9559 14.933L4.98991 21.75H1.67991L9.40991 12.915L1.25391 2.25H8.07991L12.7929 8.481L18.2439 2.25ZM17.0829 19.77H18.9159L7.08391 4.126H5.11691L17.0829 19.77Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.social.social-inst {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.257 5.66797C16.5901 5.66797 16.0898 6.16818 16.0898 6.83512C16.0898 7.50207 16.5901 8.00228 17.257 8.00228C17.9239 8.00228 18.4242 7.50207 18.4242 6.83512C18.4242 6.16818 17.9239 5.66797 17.257 5.66797Z' fill='white'/%3E%3Cpath d='M12.0047 7.16895C9.25351 7.16895 7.08594 9.41989 7.08594 12.0877C7.08594 14.7555 9.33688 17.0064 12.0047 17.0064C14.6724 17.0064 16.9234 14.7555 16.9234 12.0877C16.9234 9.41989 14.7558 7.16895 12.0047 7.16895ZM12.0047 15.2557C10.2539 15.2557 8.83667 13.8384 8.83667 12.0877C8.83667 10.3369 10.2539 8.91968 12.0047 8.91968C13.7554 8.91968 15.1727 10.3369 15.1727 12.0877C15.1727 13.8384 13.7554 15.2557 12.0047 15.2557Z' fill='white'/%3E%3Cpath d='M16.0059 2H8.08588C4.66778 2 2 4.66778 2 8.00251V15.9225C2 19.2572 4.66778 21.925 8.00251 21.925H15.9225C19.2572 21.925 21.925 19.2572 21.925 15.9225V8.00251C22.0084 4.66778 19.3406 2 16.0059 2ZM20.0909 16.0059C20.0909 18.2568 18.2568 20.1743 15.9225 20.1743H8.00251C5.75157 20.1743 3.8341 18.3402 3.8341 16.0059V8.08588C3.8341 5.83494 5.6682 3.91747 8.00251 3.91747H15.9225C18.1734 3.91747 20.0909 5.75157 20.0909 8.08588V16.0059Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.footer-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.footer-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.scrolled {
    /* background-color: #0F172A; */
    background: radial-gradient(67.32% 100% at 50% 0%, rgba(124, 58, 237, 0.4) 0%, rgba(124, 58, 237, 0) 100%), #0F172A;
    box-shadow: 0px 142px 57px rgba(124, 58, 237, 0.03), 0px 80px 48px rgba(124, 58, 237, 0.1), 0px 36px 36px rgba(124, 58, 237, 0.17), 0px 9px 20px rgba(124, 58, 237, 0.2);
    padding-bottom: 16px;
}

.icon-post-draft {
    display: block;
    width: 68px;
    height: 45px;
    background-image: url("data:image/svg+xml,%3Csvg width='68' height='45' viewBox='0 0 68 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 41C18.841 41 15.2643 39.915 12.222 37.8822C9.17964 35.8494 6.80845 32.9601 5.40823 29.5796C4.00801 26.1992 3.64165 22.4795 4.35547 18.8908C5.0693 15.3022 6.83125 12.0058 9.41852 9.41852C12.0058 6.83125 15.3022 5.0693 18.8908 4.35547C22.4795 3.64165 26.1992 4.00801 29.5796 5.40823C32.9601 6.80845 35.8494 9.17964 37.8822 12.222C39.915 15.2643 41 18.841 41 22.5' stroke='white' stroke-width='8'/%3E%3Cpath d='M45.5 4C49.159 4 52.7357 5.08501 55.7781 7.11781C58.8204 9.15062 61.1916 12.0399 62.5918 15.4204C63.992 18.8008 64.3584 22.5205 63.6445 26.1092C62.9307 29.6978 61.1687 32.9942 58.5815 35.5815C55.9942 38.1687 52.6978 39.9307 49.1092 40.6445C45.5205 41.3584 41.8008 40.992 38.4204 39.5918C35.0399 38.1915 32.1506 35.8204 30.1178 32.778C28.085 29.7357 27 26.159 27 22.5' stroke='white' stroke-width='8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
}

.review-autor img {
    width: 66px;
    height: 66px;
    object-fit: cover;       
}

.faq-wrapper {
    width: 100%;
}

.mobile {
    display: none !important;
}

.icon-login {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41406 6.30001C7.6724 3.30001 9.21406 2.07501 12.5891 2.07501H12.6974C16.4224 2.07501 17.9141 3.56668 17.9141 7.29168V12.725C17.9141 16.45 16.4224 17.9417 12.6974 17.9417H12.5891C9.23906 17.9417 7.6974 16.7333 7.4224 13.7833' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66406 10H12.3974' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5391 7.20834L13.3307 10L10.5391 12.7917' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
}

.icon-account {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M437.02 330.98c-27.883-27.882-61.071-48.523-97.281-61.018C378.521 243.251 404 198.548 404 148 404 66.393 337.607 0 256 0S108 66.393 108 148c0 50.548 25.479 95.251 64.262 121.962-36.21 12.495-69.398 33.136-97.281 61.018C26.629 379.333 0 443.62 0 512h40c0-119.103 96.897-216 216-216s216 96.897 216 216h40c0-68.38-26.629-132.667-74.98-181.02zM256 256c-59.551 0-108-48.448-108-108S196.449 40 256 40s108 48.448 108 108-48.449 108-108 108z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
}


.icon-sign {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66406 13.3333C6.66406 15.6903 6.66406 16.8689 7.3963 17.6011C8.12853 18.3333 9.30704 18.3333 11.6641 18.3333H12.4974C14.8544 18.3333 16.0329 18.3333 16.7652 17.6011C17.4974 16.8689 17.4974 15.6903 17.4974 13.3333V6.66666C17.4974 4.30963 17.4974 3.13112 16.7652 2.39889C16.0329 1.66666 14.8544 1.66666 12.4974 1.66666H11.6641C9.30704 1.66666 8.12853 1.66666 7.3963 2.39889C6.66406 3.13112 6.66406 4.30963 6.66406 6.66666' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.66667 16.25C4.70248 16.25 3.72039 16.25 3.11019 15.6398C2.5 15.0296 2.5 14.0475 2.5 12.0833V7.91667C2.5 5.95248 2.5 4.97039 3.11019 4.36019C3.72039 3.75 4.70248 3.75 6.66667 3.75' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M5 10L12.5 10M12.5 10L10.4167 12.0833M12.5 10L10.4167 7.91667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
}

.login-page-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    background-image: url('../images/bg-frame.webp');
}

.login-wrapper {
    height: 100%;
    max-width: 427px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.icon-google {
    display: block;
    width: 23px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_232_5023)'%3E%3Cpath d='M23.4865 12.7245C23.4865 11.7413 23.4082 11.0237 23.2389 10.2796H12.2266V14.7176H18.6905C18.5603 15.8205 17.8565 17.4815 16.2926 18.5976L16.2707 18.7461L19.7526 21.4963L19.9938 21.5209C22.2093 19.4347 23.4865 16.3653 23.4865 12.7245Z' fill='%234285F4'/%3E%3Cpath d='M12.228 24.4176C15.3948 24.4176 18.0534 23.3545 19.9953 21.5209L16.2941 18.5976C15.3036 19.3018 13.9743 19.7934 12.228 19.7934C9.12635 19.7934 6.49384 17.7074 5.55542 14.824L5.41787 14.8359L1.79735 17.6927L1.75 17.8269C3.67877 21.7334 7.64061 24.4176 12.228 24.4176Z' fill='%2334A853'/%3E%3Cpath d='M5.5565 14.824C5.30889 14.0799 5.16559 13.2826 5.16559 12.4588C5.16559 11.6349 5.30889 10.8377 5.54347 10.0936L5.53691 9.93513L1.87102 7.03241L1.75107 7.09058C0.956137 8.71168 0.5 10.5321 0.5 12.4588C0.5 14.3855 0.956137 16.2058 1.75107 17.8269L5.5565 14.824Z' fill='%23FBBC05'/%3E%3Cpath d='M12.228 5.12403C14.4305 5.12403 15.9161 6.09402 16.7632 6.90461L20.0735 3.60928C18.0405 1.6826 15.3948 0.5 12.228 0.5C7.6406 0.5 3.67877 3.18406 1.75 7.09056L5.54239 10.0936C6.49384 7.2102 9.12635 5.12403 12.228 5.12403Z' fill='%23EB4335'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_232_5023'%3E%3Crect width='23' height='24' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.input {
    display: block;
    padding: 14px 16px;
    background: #2B2E35;
    border-radius: 24px;
    width: 100%;
    
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.input::placeholder {
    color: #A1A2B1;
}

.auth-wrapper-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 8px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border-radius: 36px;
}

.auth-wrapper-form .btn {
    width: 100%;
}

.serp {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.serp-block {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
}
.serp-block p {
    flex: 0 0 auto;
}

.plans-wrapper {
    margin-bottom: 80px;
}

.account-page-wrapper {
    padding-top: 96px;
    background-image: url('../images/bg-frame.webp');
}

.head-credits {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 16px 32px;
    gap: 24px;
    background: rgba(124, 58, 237, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: fit-content;
    margin: 40px auto 0;
}

.logout-ac {
    display: block;
    border-radius: 16px;
    width: 45px;
    height: 45px;
    position: relative;
}

.logout-ac img {
    display: block;
    border-radius: 16px;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.nav-menu a.select {
    border-bottom: 2px solid #7C3AED;
    color: #fff;
}

.plans-wrapper #tokens-count {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.generate-draft-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.history-list-page {
    margin: 60px 0 80px;
}

.form_radio input[type=radio] {
	display: none;
}

.tags-radio {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 8px;
    padding: 24px 32px 0;
    margin-bottom: 12px;
}

.form_radio label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    gap: 8px;
    border: 1.5px solid #7C3AED;
    border-radius: 16px;

    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.form_radio input[type=radio]:checked + label {
    background: #7C3AED;
}

.generate-draft-block .form-content {
    padding-top: 0;
}

.tags-info {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    margin-top: 8px;
}

.tag-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
}

.tag {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    gap: 8px;
    background: #7C3AED;
    border-radius: 16px;

    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.history-wrapper {
    margin-top: 120px;
}

.history-wrapper .header-section {
    margin-bottom: 56px;
}

.history {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 32px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
}

.dates-history {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    border-radius: 20px;
    width: 100%;
}

.date-history {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    border-radius: 16px;

    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    width: 100%;
    cursor: pointer;
}

.date-history.active {
    background: #0F172A;
}

.content-history-wrapper {
    max-width: 946px;
    width: 100%;
    flex: 0 0 auto;
}

.content-history {
    display: none;
}

.content-history.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.history-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #0F172A;
    border: 1px solid #272E3F;
    border-radius: 24px;
    width: 100%;
}

.history-text > .medium-l {
    padding: 16px 32px 16px;
    border-bottom: 1px solid #272E3F;
    width: 100%;
}

.history-text .body-m {
    padding: 16px 32px;
    line-height: 160%;
    max-height: 128px;
    height: 100%;
    overflow-y: hidden;
    mask-image: linear-gradient(to bottom, #272E3F 0%, #272E3F calc(100% - 40px), transparent 100%);
}

.content-history .history-text:first-child .body-m {
    max-height: 212px;
}

.mobile-header {
    display: none;
}

@keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100% - 20px));
    }
}

@media (hover: hover) {
    .nav-menu a:hover {
        border-bottom: 2px solid #7C3AED;
        color: #fff;
    }
    .logout-ac:hover::after {
        content: '';
        display: block;
        border-radius: 16px;
        width: 45px;
        height: 45px;
        background: linear-gradient(0deg, rgba(20, 23, 31, 0.8), rgba(20, 23, 31, 0.8));
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .logout-ac:hover::before {
        content: '';
        display: block;
        border-radius: 16px;
        width: 45px;
        height: 45px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.89844 7.55999C9.20844 3.95999 11.0584 2.48999 15.1084 2.48999H15.2384C19.7084 2.48999 21.4984 4.27999 21.4984 8.74999V15.27C21.4984 19.74 19.7084 21.53 15.2384 21.53H15.1084C11.0884 21.53 9.23844 20.08 8.90844 16.54' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9972 12H3.61719' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.85 8.64999L2.5 12L5.85 15.35' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }
    .btn.purp:hover {
        box-shadow: 0px 22px 13px rgba(124, 58, 237, 0.16), 0px 10px 10px rgba(124, 58, 237, 0.27), 0px 2px 5px rgba(124, 58, 237, 0.31);
    }
    .btn.trans:hover {
        border: 1px solid #7C3AED;
        color: #7C3AED;
    }
}


@media screen and (max-width: 640px) {
    .account-page-wrapper {
        background-position: center;
    }
    .header-acc .header {
        padding: 16px;
    }
    .header-acc.scrolled {
        padding-bottom: 0px;
    }
    .header-acc .link-home img {
        display: none;
    }
    .header-acc .link-home img.mobile {
        display: block !important;
    }
    .header-acc .flex-btns {
        display: flex !important;
    }
    .head-credits {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 16px 32px;
        gap: 16px;
        width: 100%;
    }
    .account-page-wrapper {
        padding-top: 127px;
    }
    .plans-wrapper {
        margin-bottom: 60px;
    }
    .login-wrapper {
        max-width: 343px;
    }
    .flex-btns.mobile {
        display: flex !important;
    }
    .header .flex-btns.mobile .btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 14px;
        gap: 8px;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 16px;
    }
    .container {
        max-width: 100%;
        margin: 0;
        padding: 0 16px;
    }
    .nav-menu {
        display: none;
    }
    .header .flex-btns {
        display: none;
    }
    .h1 {
        font-size: 45px;
    }
    .body-l {
        font-size: 18px;
        line-height: 100%;
    }
    .stone-bg {
        display: none;
    }
    .wrapper-main {
        width: 100%;
    }
    .wrapper-main-form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        border-radius: 16px;
        margin-top: 32px;
        padding: 4px;
        width: 100%;
    }
    .main-block-form .btn {
        width: 100%;
    }
    .wrapper-main .body-l {
        max-width: 100%;
    }
    .main-section {
        
    }
    .white-line {
        padding: 16px 0;
        width: 100%;
        left: 0;
    }
    .white-line span {
        font-size: 14px;
        line-height: 19px;
    }
    .purple-line {
        padding: 13px 0;
    }
    .purple-marquee {
        gap: 56px;
    }
    .purple-marquee span {
        font-size: 24px;
        line-height: 100%;
    }
    .section-2 {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .header-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .h2 {
        font-size: 36px;
    }
    .header-section .h2 {
        text-align: left;
        width: 100%;
    }
    .header-section .body-l {
        text-align: left;
        max-width: 100%;
    }
    .section-2 .cards-4-cl {
        margin-top: 32px;
    }
    .cards-4-cl {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .cards-4-cl .card {
        padding: 24px;
        gap: 8px;
    }
    .body-m {
        font-size: 14px;
        line-height: 100%;
    }
    .section {
        padding: 60px 0;
    }
    .toggle-wrapper {
        margin-top: 32px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .toggle {
        padding: 4px;
        gap: 8px;
        border-radius: 19px;
    }
    .toggles > div {
        width: 100%;
    }
    .toggles > .body-m {
        display: none;
    }
    .block-head .bold-m {
        padding: 0 16px;
        text-align: center;
    }
    .block-head {
        padding-bottom: 12px;
    }
    .form-content {
        width: 100%;
        padding: 16px 16px 0;
        flex-direction: column;
    }
    .form-content .btn {
        width: 100%;
    }
    .form-test-works, .step-description {
        padding: 16px 0px;
    }
    .step-text {
        width: 100%;
        padding: 16px 16px 0;
    }
    .cards-3-cl {
        margin-top: 32px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 56px;
        padding: 0;
    }
    .cards-3-cl .card {
        gap: 8px;
    }
    .icon-bg {
        width: 44px;
        height: 44px;
    }
    .h2-l {
        font-size: 45px;
        text-align: left;
    }
    .header-column-section {
        align-items: flex-start;
        gap: 16px;
    }
    .wrapper-compare {
        margin: 32px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .block-compare {
        padding: 12px 16px 28px;
        gap: 24px;
    }
    .bold-m {
        font-size: 18px;
        line-height: 24px;
    }
    .compare-name {
        gap: 12px;
    }
    .list-icon li {
        margin-bottom: 12px;
    }
    .company {
        font-size: 24px;
        line-height: 100%;
    }
    .icon-post-draft {
        display: block;
        width: 51px;
        height: 34px;
    }
    .section-5 .header-section .body-m {
        flex-direction: column;
        max-width: 100%;
    }
    .section-5 .header-section .body-m .btn {
        width: 100%;
    }
    .reviews {
        margin-top: 32px;
        flex-direction: column;
        align-items: flex-start;
    }
    .review {
        padding: 24px;
        gap: 16px;
    }
    .review-content,
    .review-text,
    .review-autor {
        gap: 12px;
    }
    .regular-s {
        font-size: 14px;
        line-height: 19px;
    }
    .icon-star {
        width: 24px;
        height: 24px;
    }
    .icon-review {
        width: 32px;
        height: 32px;
    }
    .review-autor img {
        width: 48px;
        height: 48px;
    }
    .regular-xs {
        font-size: 14px;
        line-height: 19px;
    }
    .head-packages {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 12px;
    }
    .list-steps-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
    }
    .step-item {
        width: 100%;
    }
    .wrapper-packages {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
    }
    .package {
        padding: 16px;
        gap: 16px;
    }
    .package .h2-l {
        font-size: 64px;
        line-height: 120%;
        text-align: center;
    }
    .package .currency {
        font-size: 40px;
        line-height: 100%;
    }
    .package .medium-xl {
        margin-top: 8px;
    }
    .medium-xl {
        font-size: 24px;
    }
    .regular-m {
        font-size: 18px;
    }
    .package.best-value {
        margin-top: 26px;
    }
    .caption-best {
        width: 190px;
        top: -26px;
    }
    .package.best-value .bold-m {
        margin-top: 36px;
    }
    .section-7 .header-section {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
    }
    .section-7 .header-section .body-l {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
    }
    .section-7 .header-section .body-l .btn {
        width: 100%;
    }
    .faq-container {
        flex-direction: column;
    }
    .faq-answer .regular-s {
        font-size: 16px;
        line-height: 160%;
    }
    .faq {
        padding: 8px 8px 20px;
        gap: 16px;
        border-radius: 10px;
        margin-bottom: 12px;
    }
    .wrapper-callback {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 32px 16px 16px;
        gap: 24px;
    }
    .form-callback {
        gap: 16px;
    }
    .inputs-block {
        gap: 12px;
    }
    .inputs-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .btn-callback {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 100%;
    }
    .btn-callback .btn {
        width: 100%;
    }
    footer {
        padding: 32px 0 80px;
        border-top: unset;
    }
    .footer-top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 0px 24px;
        gap: 24px;
    }
    .footer-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        max-width: 100%;
    }
    .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .section-3::after {
        width: 100%;
    }
    .faq-title,
    .callback-title {
        max-width: 100%;
    }
    .tags-radio {
        flex-wrap: wrap;
    }
    .tags-info {
        flex-direction: column;
    }
    .history {
        flex-direction: column;
    }
    .mobile-header {
        display: block;
        margin-top: 3px;
    }
    .mobile-header .nav-menu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        gap: 8px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(4px);
        border-radius: 20px;
    }
    .mobile-header .nav-menu a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        border-radius: 16px;

        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        color: #A1A2B1;
    }
    .mobile-header .nav-menu a.select {
        background: #0F172A;
        border-bottom: unset;
    }
}