* {
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}
.container {
    width: 960px;
}

.container--row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.container--row section {
    width: calc((100% - 64px) / 2);
}

header {
    padding: 24px 0 56px 0;
}

header .logotype {
    background: url('/media/img/about-features/top-logo.svg');
    width: 70px;
    display: block;
    height: 40px;
    transition: all 300ms ease;
}

header .logotype:hover {
    background: url('/media/img/about-features/top-logo-black.svg');
    transition: all 300ms ease;
}

.hero {
    padding: 0 0 80px;
}

.hero .hero-title {
    color: rgba(0, 0, 0, 0.87);
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 32px;
}

.hero .hero-description {
    color: rgba(0, 0, 0, 0.56);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-bottom: 46px;
    width: 654px;
}

.features {
    padding-bottom: 80px;
}
.features .features-title {
    color: rgba(0, 0, 0, 0.56);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.features .features-list {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: #F1FBED;
}

.features .features-list-item {
    padding: 24px 0 24px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    border-bottom: 1px solid #DEEED8;
    transition: all 300ms ease;
    margin-left: 20px;
    position: relative;
}

.features .features-list-item:hover {
    transition: all 300ms ease;
    background-color: #CDFFBC;
    margin-left: 0;
    padding-left: 20px;
}

.features .features-list-item:hover .arrow {
    position: absolute;
    transition: all 300ms ease;
    right: 20px;
    margin-right: 0;
    background-image: url('/media/img/about-features/arrow-right-black.svg');
}

.features .features-list-item:first-of-type:hover {
    border-radius: 12px 12px 0 0;
}

.features .features-list-item:last-of-type:hover {
    border-radius: 0 0 12px 12px;
}

.features .features-list-item:last-of-type {
    border-bottom: 0;
}

.features .features-list-item .arrow {
    transition: all 300ms ease;
    margin-right: 20px;
    background-image: url('/media/img/about-features/arrow-right.svg');
    width: 20px;
    height: 13px;
    display: block;
    background-repeat: no-repeat;
}

.features .features-list-item .soon {
    width: 60px;
    height: 22px;
    margin-left: 7px;
}

.catalog {
    padding-bottom: 80px;
}

.catalog iframe {
    margin: 58px 0 80px 0;
}

.catalog .catalog-description {
    display: flex;
    justify-content: space-between;
    padding: 44px 0;
}

.catalog .catalog-description p {
    margin-block-start: 0;
    margin-block-end: 0;
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.catalog .catalog-description p:first-of-type {
    padding-right: 16px;
}

.catalog .catalog-description p:last-of-type {
    padding-left: 16px;
}

.estimates {
    border-radius: 48px;
    background: #ECF5F8;
    padding: 80px 0 120px 0;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
}

.estimates .estimates-gif-container {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.estimates .estimates-main-img {
    position: absolute;
    top: 107px;
    right: calc(((100% - 960px) / 2) - 120px);
}

.estimates .estimates-description {
    color: rgba(0, 0, 0, 0.56);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 32px 0 52px 0;
}

.estimates .estimates-list {
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin-bottom: 32px;
}

.estimates .estimates-video {
    margin: 72px 0;
}

.estimates .estimates-list--full {
    width: 728px;
}

.estimates .estimates-list .estimates-list-item {
    padding: 28px 32px;
    border-radius: 12px;
    background: #FFF;
    width: calc((100% - 32px) / 2);
}

.estimates .estimates-list .estimates-list-item--full {
    display: flex;
    flex-direction: column;
    min-width: max-content;
    max-width: 728px;
    width: 728px;
    z-index: 2;
}
.estimates .estimates-list .estimates-list-item .title {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 24px;
}

.estimates .estimates-list .estimates-list-item--full .title {
    padding-bottom: 0;
}

.estimates .estimates-list .estimates-list-item .description {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.estimates .dialog {
    padding: 32px 170px 40px 170px;
}
.estimates .dialog .dialog-line {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    padding-bottom: 16px;
}

.estimates .dialog .dialog-line:before {
    content: '— ';
    display: block;
    position: absolute;
    left: -40px;
}

.estimates .dialog .dialog-line .text-with-yellow-bg {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    width: max-content;
}

.estimates .dialog .dialog-line .text-with-yellow-bg span {
    z-index: 2;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 57.81%, #F5F69C 63.54%);
}

.btn {
    border-radius: 12px;
    padding: 14px 28px;
    text-decoration: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    height: fit-content;
    min-width: max-content;
    transition: all 300ms ease;
}

.btn-black {
    color: #FFF;
    background: rgba(0, 0, 0, 0.87);
}

.btn:hover {
    border-radius: 12px;
    background: #FFF;
    color: rgba(0, 0, 0, 0.87);
    transition: all 300ms ease;
    box-shadow:
            0px 1.43897px 2.21381px 0px rgba(0, 0, 0, 0.01),
            0px 3.45805px 5.32008px 0px rgba(0, 0, 0, 0.02),
            0px 6.51121px 10.01724px 0px rgba(0, 0, 0, 0.03),
            0px 11.61488px 17.86905px 0px rgba(0, 0, 0, 0.03),
            0px 21.72436px 33.42209px 0px rgba(0, 0, 0, 0.04),
            0px 52px 80px 0px rgba(0, 0, 0, 0.05);
}

.btn-green {
    color: rgba(0, 0, 0, 0.87);
    background: #CDFC90;
}

.fast, .recommendations {
    padding: 112px 0;
}

.fast .section-description, .recommendations .section-description {
    padding-top: 44px;
}

.history {
    padding: 88px 0 120px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.history .history-image-container {
    position: relative;
    height: 376px;
}

.history img {
    position: absolute;
    left: calc((100% - 1116px) / 2);
}

.history .section-title {
    text-align: center;
}

.history .history-description {
    display: flex;
    justify-content: space-between;
    padding: 44px 0 72px 0;
}

.history .history-description p {
    margin-block-start: 0;
    margin-block-end: 0;
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

.history .history-sub-description {
    padding: 72px 0 64px 0;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width:  780px;
}

.clients {
    width: 100%;
    z-index: 2;
}

.delimiter {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
}

.favorite-lists img {
    width: 309.991px;
    height: 309.997px;
    display: block;
    margin-right: 102px;
}

.favorite-lists {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 80px 0 104px 0;
}

.favorite-lists .favorite-lists-description {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 32px;
}

.clients .clients-hero {
    padding: 0 0 104px 0;
    border-radius: 48px;
    background: #ECF5F8;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.clients .clients-hero .clients-hero-description {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-top: 32px;
}

.clients .clients-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 80px;
}

.clients .clients-secure {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.clients .clients-secure img {
    margin-bottom: 23px;
}
.clients .clients-secure .clients-secure-description {
    text-align: center;
    color: rgba(0, 0, 0, 0.56);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 333px;
}

.additions {
    border-radius: 48px;
    background: rgba(0, 0, 0, 0.87);
    padding: 214px 0 108px 0;
    width: 100%;
    margin-top: -104px;
    z-index: 1;
    justify-content: center;
    display: flex;
}
.additions .additions-title {
    color: #FFF;
    padding-bottom: 32px;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
.additions .additions-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 32px;
    margin-bottom: 32px;
}

.additions .additions-list .additions-list-item {
    border-radius: 12px;
    background: #FFF;
    padding: 28px 32px;
}

.additions .additions-list .additions-list-item .title {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 24px;
    flex-shrink: 0;
}

.additions .additions-list .additions-list-item--full {
    width: 100%;
}

.additions .additions-list .additions-list-item--full .title {
    padding-bottom: 0;
}

.additions .additions-list .additions-list-item .description {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;flex-shrink: 0;
}

.section-description {
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.section-title {
    color: rgba(0, 0, 0, 0.87);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.section-title:before {
    display: block;
    content: attr(data-number);
    color: #3DB278;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.section-title--with-red-number:before {
    color: #ED2D2F;
}

.section-title .section-title--red {
    color: #ED2D2F;
}

.warning-info {
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    background: #FFF7AD;
    padding: 16px 0;
    width: 100%;
    justify-content: center;
    display: flex;
}

footer {
    padding: 104px 0 22px 0;
    width: 100%;
    color: rgba(0, 0, 0, 0.56);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.d-flex {
    display: flex;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-center {
    justify-content: center;
}

iframe {
    display: block;
    border: none;
}

.m-t-64 {
    margin-top: 64px;
}

.fast-conversation-video {
    margin-bottom: 112px;
}

.fast-conversation-video-title {
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    font-feature-settings: 'clig' off, 'liga' off;
    margin-bottom: 40px;
}