@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/RobotoRegular/Roboto-Regular.woff2') format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/RobotoBold/Roboto-Bold.woff2') format("woff2")
}

.b2b-landing {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    line-height: 1.4;
    color: #000;
    min-width: 320px;
    position: relative;
}

p {
    margin: 0
}

.container {
    max-width: 1202px;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 16px
}

.container + * {
    margin-top: 130px
}

@media screen and (max-width: 992px) {
    .container + * {
        margin-top: 64px
    }
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 218px;
    padding: 0 10px 0 50px;
    background-color: #40944a;
    border-radius: 30px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .4375px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

.button:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.25' cy='15' r='15' fill='white'/%3E%3Cpath d='M6.5 15L21.5 15M21.5 15L14 7.5M21.5 15L14 22.5' stroke='%2340944A' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px
}

.button:hover {
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 992px) {
    .button {
        height: 40px;
        font-size: 14px;
        padding-left: 40px
    }

    .button:before {
        width: 24px;
        height: 24px
    }
}

.title {
    font-weight: 700;
    font-size: 40px;
    color: #1d1d20;
    display: block;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin-bottom: 0
}

@media screen and (max-width: 992px) {
    .title {
        font-size: 32px
    }
}

.button,
.dialog-form-button {
    -webkit-transition: opacity .35s ease-in-out;
    -o-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out
}

.button:hover,
.dialog-form-button:hover {
    opacity: .75
}

.app-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 56px
}

.app-images-item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.app-images-item + .app-images-item {
    margin-left: 8px
}

.app-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 56px
}

.app-info-title {
    font-weight: 700;
    font-size: 28px;
    width: 50%;
    padding-right: 16px
}

.app-info-text {
    font-size: 22px;
    width: 50%
}

@media screen and (max-width: 992px) {
    .app-images {
        margin-top: 32px
    }

    .app-info {
        margin-top: 32px
    }

    .app-info-title {
        font-size: 22px
    }

    .app-info-text {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .app-images {
        margin-top: 32px
    }

    .app-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .app-info-title {
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }

    .app-info-text {
        width: 100%;
        padding: 0;
        margin-top: 16px
    }
}

.benefits-list {
    margin-top: 56px;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 1fr 24px 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 24px 20px;
    grid-template-areas: ". . . ."". . . ."
}

.benefits-list-item {
    background-color: #f5fcf6;
    border-radius: 4px;
    padding: 24px 16px
}

.benefits-list-item-title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 16px;
    position: relative;
    min-height: 32px;
    line-height: 32px;
    padding-left: 40px;
    display: block
}

.benefits-list-item-title:before {
    content: "";
    position: absolute;
    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='M15.9997 5.33333L19.2957 11.9159L26.6663 12.9779L21.333 18.0988L22.5917 25.3333L15.9997 21.9159L9.40767 25.3333L10.6663 18.0988L5.33301 12.9779L12.7037 11.9159L15.9997 5.33333Z' fill='%2340944A' stroke='%2340944A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    left: 0
}

.benefits-list-item-text {
    font-size: 18px
}

.benefits-list-item input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    display: none
}

@media screen and (max-width: 992px) {
    .benefits-list {
        margin-top: 32px;
        display: block
    }

    .benefits-list-item {
        background-color: transparent;
        padding: 0;
        overflow: hidden
    }

    .benefits-list-item + .benefits-list-item {
        margin-top: 8px
    }

    .benefits-list-item-title {
        font-size: 22px;
        margin-bottom: 0;
        height: 70px;
        padding-left: 56px;
        background-color: #f5fcf6;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .benefits-list-item-title:before {
        left: 16px;
        width: 24px;
        height: 24px;
        background-size: cover
    }

    .benefits-list-item-title:after {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        right: 26px;
        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='M4.5 11L16 21L27.5 11' stroke='%2394939C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    }

    .benefits-list-item-text {
        padding: 0;
        max-height: 0;
        overflow: hidden
    }

    .benefits-list-item-text p {
        padding: 16px
    }

    .benefits-list-item input[type=checkbox]:checked + .benefits-list-item-title::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .benefits-list-item input[type=checkbox]:checked ~ .benefits-list-item-text {
        max-height: 100vh
    }
}

.clients {
    display: block
}

.clients-logos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 70px 1fr 70px 1fr 70px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 1fr 28px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 28px 70px;
    grid-auto-flow: column;
    grid-template-areas: ". . . ."". . . .";
    max-width: 1020px;
    margin: 44px auto 0
}

@media screen and (max-width: 1200px) {
    .clients {
        left: 0;
        bottom: 40px
    }

    .clients-logos {
        gap: 28px 40px
    }
}

@media screen and (max-width: 992px) {
    .clients-logos {
        margin: 32px auto 0;
        gap: 6px 12px
    }

    .clients-logos img {
        max-width: 100%;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

@media screen and (max-width: 767px) {
    .clients-logos {
        gap: 16px 16px;
        -ms-grid-rows: none;
        grid-template-rows: none;
        grid-auto-flow: unset;
        grid-template-areas: none;
        grid-template-columns: repeat(auto-fill, minmax(140px, -webkit-max-content));
        grid-template-columns: repeat(auto-fill, minmax(140px, max-content))
    }
}

.dialog {
    max-width: 650px;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 70px 0
}

.dialog-close-btn {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    border: none;
    background-color: transparent;
    cursor: pointer;
    top: 16px;
    right: 16px;
    position: absolute;
    padding: 0
}

.dialog-open {
    overflow: hidden;
    position: relative
}

.dialog-open:before {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999
}

.dialog-inside {
    max-width: 402px;
    margin: 0 auto
}

.dialog-form {
    margin-top: 32px
}

.dialog-form-item + .dialog-form-item {
    margin-top: 24px
}

.dialog-form-item + .dialog-form-button {
    margin-top: 32px
}

.dialog-form-item.required.has-error .help-block {
    font-size: 14px;
}

.dialog-form-label {
    font-weight: 700;
    font-size: 16px;
    color: #1d1d20;
    margin-bottom: 8px;
    display: block
}

.dialog-form-input {
    display: block;
    width: 100%;
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    background-color: #f3f2f5;
    border: 1px solid #e3e3e6;
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    font-family: Roboto;
    font-size: 16px;
    line-height: 40px;
    color: #000
}

.dialog-form-item.required.has-error .dialog-form-input {
    border-color: #a94442;
}

.dialog-form-item.required.has-success .dialog-form-input {
    border-color: #57b262;
}

.dialog-form-input::-webkit-input-placeholder {
    color: #94939c
}

.dialog-form-input::-moz-placeholder {
    color: #94939c
}

.dialog-form-input:-ms-input-placeholder {
    color: #94939c
}

.dialog-form-button {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    border: unset;
    background: -webkit-gradient(linear, left bottom, left top, from(#57b262), to(#57b262)), -webkit-gradient(linear, left bottom, left top, from(#57b262), to(#57b262)), #e04f4f;
    background: -o-linear-gradient(bottom, #57b262, #57b262), -o-linear-gradient(bottom, #57b262, #57b262), #e04f4f;
    background: linear-gradient(0deg, #57b262, #57b262), linear-gradient(0deg, #57b262, #57b262), #e04f4f;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
    border-radius: 20px;
    height: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .35px;
    text-transform: uppercase;
    color: #fff
}

.dialog.show {
    display: block
}

.dialog .timing-title {
    font-size: 22px
}

.dialog .timing-title:after {
    max-width: 178px;
}

@media screen and (max-width: 767px) {
    .dialog {
        max-width: calc(100% - 16px);
        padding: 56px 16px 40px;
    }
}

.hero {
    padding-top: calc(670 / 1440 * 100%);
    background-image: url('../../images/b2b/hero-bg.jpg');
    background-position: center center;
    background-size: cover;
    position: relative
}

.hero-info {
    position: absolute;
    left: 40px;
    bottom: 80px;
    max-width: 550px;
    background-color: rgba(255, 255, 255, .9);
    padding: 24px
}

.hero-info-title {
    font-weight: 700;
    font-size: 40px;
    color: #1d1d20;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin-bottom: 24px
}

.hero + .container {
    margin-top: 130px
}

@media screen and (max-width: 1200px) {
    .hero-info {
        left: 0;
        bottom: 40px
    }
}

@media screen and (max-width: 992px) {
    .hero {
        padding-top: calc(560 / 768 * 100%)
    }

    .hero-info {
        max-width: 530px;
        padding: 24px 16px
    }

    .hero-info-title {
        font-size: 32px;
        margin-bottom: 16px
    }

    .hero + .container {
        margin-top: 64px
    }
}

@media screen and (max-width: 767px) {
    .hero {
        height: 560px;
        background-position: 72% top;
        background-repeat: no-repeat
    }

    .hero-info {
        padding: 16px
    }
}

.intended-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 90px;
    width: 100%
}

.intended-list-item {
    max-width: 352px;
    width: 100%
}

.intended-list-item img {
    width: 180px;
    height: 180px;
    display: block;
    margin: 0 auto
}

.intended-list-item-text {
    margin-top: 16px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #000
}

@media screen and (max-width: 992px) {
    .intended-list {
        margin-top: 40px
    }

    .intended-list-item img {
        max-width: 160px;
        max-height: 160px
    }

    .intended-list-item-text {
        font-size: 22px
    }
}

@media screen and (max-width: 767px) {
    .intended-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .intended-list-item + .intended-list-item {
        margin-top: 40px
    }

    .intended-list-item img {
        max-width: 160px;
        max-height: 160px
    }

    .intended-list-item-text {
        font-size: 22px
    }
}

.tags {
    background-color: #f9f9f9;
    padding: 130px 0
}

.tags-identification {
    display: -ms-grid;
    display: grid;
    margin-bottom: 154px
}

.tags-identification .title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    grid-row: 1;
    align-self: flex-end
}

.tags-identification p {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-row-align: self-start;
    align-self: self-start;
    margin-top: 24px
}

.tags-identification .title,
.tags-identification p {
    max-width: 510px;
    padding-right: 16px
}

.tags-identification .tags-images {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin-left: auto
}

.tags-data {
    display: -ms-grid;
    display: grid;
    margin-top: 154px
}

.tags-data .title {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-row-align: end;
    align-self: end
}

.tags-data .title + p {
    margin-top: 24px
}

.tags-data .title + .tasks-list-item-column {
    margin-top: 32px
}

.tags-data-images {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.tags-data-images img {
    max-width: 100%
}

.tags-data .tasks-list-item-column {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    grid-row: 2
}

.tags-data .tasks-list-item-column,
.tags-data .title {
    padding-left: 40px
}

.tags + .container {
    margin-top: 130px
}

.tags-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tags-images img {
    max-width: 280px
}

.tags-images img + img {
    margin-left: 8px
}

@media screen and (max-width: 992px) {
    .tags {
        padding: 54px 0
    }

    .tags-identification {
        max-width: 720px;
        margin: 0 auto 34px
    }

    .tags-identification .title {
        grid-column: unset;
        grid-row: unset;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 0;
        margin-bottom: 26px
    }

    .tags-identification p {
        grid-column: unset;
        grid-row: unset;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: unset
    }

    .tags-identification .title,
    .tags-identification p {
        max-width: 100%;
        padding-right: 0
    }

    .tags-identification .tags-images {
        grid-row: unset;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .tags-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }

    .tags-images img {
        max-width: 100%
    }

    .tags-data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 32px
    }

    .tags-data .title {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/span 2;
        padding-left: 0;
        margin-bottom: 26px
    }

    .tags-data .tasks-list-item-column {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-row-align: center;
        align-self: center;
        padding-left: 30px;
        margin-top: 0
    }

    .tags-data-images {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2
    }

    .tags + .container {
        margin-top: 58px
    }
}

@media screen and (max-width: 767px) {
    .tags .tags-images {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .tags .tags-images img {
        max-width: 302px
    }

    .tags .tags-data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tags .tags-data-images {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .tags .tags-data-images img {
        display: block;
        margin: 0 auto
    }

    .tags .tags-data .title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .tags .tags-data .tasks-list-item-column {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 0
    }
}

.tasks-list {
    margin-top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tasks-list-column {
    max-width: 488px;
    width: 100%
}

.tasks-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 62px;
    margin-bottom: 22px
}

.tasks-list-item:last-of-type {
    margin-bottom: 0
}

.tasks-list-item-icon {
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    background-color: #000;
    margin-right: 16px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat
}

.tasks-list-item-icon.data {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.75 17H3.25M30.75 17V25.4375C30.75 26.1834 30.4603 26.8988 29.9445 27.4262C29.4288 27.9537 28.7293 28.25 28 28.25H6C5.27065 28.25 4.57118 27.9537 4.05546 27.4262C3.53973 26.8988 3.25 26.1834 3.25 25.4375V17M30.75 17L26.0062 7.31094C25.7786 6.84236 25.4276 6.44802 24.9928 6.17227C24.558 5.89651 24.0566 5.75028 23.545 5.75H10.455C9.94338 5.75028 9.44199 5.89651 9.00719 6.17227C8.57238 6.44802 8.22142 6.84236 7.99375 7.31094L3.25 17M14.25 22.625H14.2638M8.75 22.625H8.76375' stroke='%23FF6C6C' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.sales {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0007 30.5416C24.4795 30.5416 30.5423 24.4788 30.5423 16.9999C30.5423 9.52106 24.4795 3.45825 17.0007 3.45825C9.5218 3.45825 3.45898 9.52106 3.45898 16.9999C3.45898 24.4788 9.5218 30.5416 17.0007 30.5416Z' stroke='%237DC085' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.45898 17H30.5423' stroke='%237DC085' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0007 3.45825C20.3878 7.16644 22.3127 11.9787 22.4173 16.9999C22.3127 22.0211 20.3878 26.8334 17.0007 30.5416C13.6135 26.8334 11.6886 22.0211 11.584 16.9999C11.6886 11.9787 13.6135 7.16644 17.0007 3.45825V3.45825Z' stroke='%237DC085' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.communication {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.1875 15.573C29.1922 17.3603 28.7746 19.1234 27.9687 20.7188C27.0133 22.6305 25.5445 24.2385 23.7268 25.3626C21.9091 26.4867 19.8143 27.0825 17.6771 27.0834C15.8898 27.088 14.1266 26.6704 12.5312 25.8646L4.8125 28.4375L7.38542 20.7188C6.57959 19.1234 6.16201 17.3603 6.16667 15.573C6.16749 13.4358 6.76333 11.341 7.88743 9.52328C9.01154 7.70558 10.6195 6.23674 12.5312 5.28129C14.1266 4.47547 15.8898 4.05788 17.6771 4.06254H18.3542C21.1767 4.21826 23.8427 5.40961 25.8415 7.40849C27.8404 9.40738 29.0318 12.0733 29.1875 14.8959V15.573Z' stroke='%236CCAFF' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.volume {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.8952 8.875L19.0306 21.7396L12.2598 14.9687L2.10352 25.125' stroke='%23A88AFF' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.7715 8.875H31.8965V17' stroke='%23A88AFF' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.value {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0007 3.45825L21.185 11.9353L30.5423 13.303L23.7715 19.8978L25.3694 29.2145L17.0007 24.8135L8.6319 29.2145L10.2298 19.8978L3.45898 13.303L12.8163 11.9353L17.0007 3.45825Z' stroke='%23FFD87A' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.market {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4711 22.2677C28.6096 24.305 27.2622 26.1003 25.5466 27.4965C23.831 28.8928 21.7995 29.8475 19.6296 30.2773C17.4598 30.707 15.2177 30.5987 13.0994 29.9618C10.9811 29.3249 9.05113 28.1787 7.47812 26.6236C5.90512 25.0684 4.73701 23.1516 4.07594 21.0407C3.41486 18.9299 3.28094 16.6892 3.68589 14.5146C4.09083 12.34 5.02231 10.2977 6.39889 8.56627C7.77547 6.83484 9.55523 5.46698 11.5826 4.58228' stroke='%23A5FF7A' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.5417 16.9999C30.5417 15.2216 30.1914 13.4607 29.5109 11.8177C28.8303 10.1748 27.8329 8.68197 26.5754 7.42451C25.3179 6.16705 23.8251 5.16958 22.1822 4.48905C20.5392 3.80852 18.7783 3.45825 17 3.45825V16.9999H30.5417Z' stroke='%23A5FF7A' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.brand {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='32' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2298 30.2916H6.16732C5.44902 30.2916 4.76015 30.0062 4.25224 29.4983C3.74433 28.9904 3.45898 28.3015 3.45898 27.5832V18.1041C3.45898 17.3858 3.74433 16.6969 4.25224 16.189C4.76015 15.6811 5.44902 15.3958 6.16732 15.3958H10.2298M19.709 12.6874V7.27075C19.709 6.19331 19.281 5.16 18.5191 4.39813C17.7572 3.63626 16.7239 3.20825 15.6465 3.20825L10.2298 15.3958V30.2916H25.5048C26.158 30.299 26.7918 30.07 27.2895 29.647C27.7872 29.224 28.1152 28.6353 28.2132 27.9895L30.0819 15.802C30.1408 15.4138 30.1146 15.0175 30.0052 14.6405C29.8957 14.2634 29.7056 13.9147 29.448 13.6184C29.1903 13.3222 28.8714 13.0854 28.5132 12.9247C28.155 12.7639 27.7662 12.683 27.3736 12.6874H19.709Z' stroke='%23FF6C6C' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.revenue {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.667 26.6666V18.6666H22.667' stroke='%23FFC63D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.33301 5.33337V13.3334H9.33301' stroke='%23FFC63D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.3197 12C26.6434 10.0891 25.4942 8.38056 23.9791 7.03391C22.4639 5.68726 20.6324 4.74637 18.6553 4.29903C16.6782 3.85169 14.62 3.91247 12.6728 4.47572C10.7255 5.03896 8.95267 6.0863 7.51967 7.52002L1.33301 13.3334M30.6663 18.6667L24.4797 24.48C23.0467 25.9137 21.2738 26.9611 19.3266 27.5243C17.3793 28.0876 15.3212 28.1484 13.3441 27.701C11.367 27.2537 9.53541 26.3128 8.0203 24.9661C6.50518 23.6195 5.3559 21.911 4.67967 20' stroke='%23FFC63D' stroke-width='1.88' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.customers {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 26.25L23.75 26.25C25.1307 26.25 26.25 25.1307 26.25 23.75L26.25 6.25C26.25 4.86929 25.1307 3.75 23.75 3.75L6.25 3.75C4.86929 3.75 3.75 4.86929 3.75 6.25L3.75 23.75C3.75 25.1307 4.86929 26.25 6.25 26.25Z' stroke='%23FFC63D' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25 21.25L10 21.25L10 15L6.25 15L6.25 21.25Z' stroke='%23FFC63D' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21.25L23.75 21.25L23.75 10L20 10L20 21.25Z' stroke='%23FFC63D' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.125 21.25L16.875 21.25L16.875 12.5L13.125 12.5L13.125 21.25Z' stroke='%23FFC63D' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-icon.pets {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6263 9.6452L16.6636 14.9519C17.7671 16.4024 17.4858 18.4728 16.0354 19.5763C15.4609 20.0134 14.759 20.25 14.0373 20.25H5.96264C4.1401 20.25 2.66264 18.7725 2.66264 16.95C2.66264 16.2282 2.89929 15.5263 3.33632 14.9519L7.37362 9.6452C8.47714 8.19471 10.5476 7.91344 11.998 9.01696C12.2348 9.19709 12.4461 9.40842 12.6263 9.6452ZM6.66667 0.25C7.89397 0.25 8.88889 1.24492 8.88889 2.47222V3.58333C8.88889 4.81063 7.89397 5.80556 6.66667 5.80556C5.43937 5.80556 4.44444 4.81063 4.44444 3.58333V2.47222C4.44444 1.24492 5.43937 0.25 6.66667 0.25ZM2.22222 5.80556C3.44952 5.80556 4.44444 6.80048 4.44444 8.02778V9.13889C4.44444 10.3662 3.44952 11.3611 2.22222 11.3611C0.994923 11.3611 0 10.3662 0 9.13889L0 8.02778C0 6.80048 0.994923 5.80556 2.22222 5.80556ZM13.3333 0.25C14.5606 0.25 15.5556 1.24492 15.5556 2.47222V3.58333C15.5556 4.81063 14.5606 5.80556 13.3333 5.80556C12.106 5.80556 11.1111 4.81063 11.1111 3.58333V2.47222C11.1111 1.24492 12.106 0.25 13.3333 0.25ZM17.7778 5.80556C19.0051 5.80556 20 6.80048 20 8.02778V9.13889C20 10.3662 19.0051 11.3611 17.7778 11.3611C16.5505 11.3611 15.5556 10.3662 15.5556 9.13889V8.02778C15.5556 6.80048 16.5505 5.80556 17.7778 5.80556Z' fill='%237DC085'/%3E%3C/svg%3E%0A")
}

.tasks-list-item-text {
    font-size: 22px;
    color: #000
}

@media screen and (max-width: 992px) {
    .tasks {
        margin-top: 40px
    }

    .tasks-list {
        margin-top: 40px
    }

    .tasks-list-item {
        height: 50px;
        margin-bottom: 18px
    }

    .tasks-list-item-icon {
        width: 40px;
        height: 40px;
        margin-right: 12px;
        background-size: 26px
    }

    .tasks-list-item-text {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .tasks {
        margin-top: 64px
    }

    .tasks-list {
        margin-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tasks-list-column + .tasks-list-column {
        margin-top: 18px
    }
}

.timing {
    background-color: #f9f9f9;
    padding: 90px 0
}

.timing .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.timing-info {
    max-width: 570px;
    width: 100%
}

.timing-title {
    display: inline-block;
    font-weight: 700;
    font-size: 48px;
    color: #000;
    position: relative;
    padding-bottom: 16px
}

.timing-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ffd87a;
    border-radius: 8px
}

.timing-text {
    font-size: 40px;
    color: #000;
    margin: 26px 0 32px
}

@media screen and (max-width: 992px) {
    .timing {
        padding: 20px 0
    }

    .timing-title {
        font-size: 32px
    }

    .timing-text {
        font-size: 22px;
        margin: 16px 0 24px
    }

    .timing-info {
        max-width: 334px
    }

    .timing-info + img {
        max-width: 260px;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .timing {
        padding: 32px 0
    }

    .timing .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .timing-info {
        margin-top: 36px
    }

    .timing-info + img {
        max-width: 100%
    }
}

.use-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 90px
}

.use-block {
    max-width: 470px
}

.use-block + .use-block {
    margin-left: 32px;
}

.use-block-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.use-block-header-arrow {
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml, %3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.71387 19.6284L36.7139 19.6284M36.7139 19.6284L19.7139 2.62842M36.7139 19.6284L19.7139 36.6284' stroke='%2340944A' stroke-width='4.02857' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: cover
}

.use-block-header-counter {
    margin-left: 22px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #1d1d20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 28px;
    color: #7dc085
}

@media screen and (max-width: 992px) {
    .use {
        max-width: 720px
    }

    .use-wrapper {
        margin-top: 32px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .use-block {
        max-width: 350px;
        width: 100%
    }

    .use-block p {
        font-size: 18px
    }

    .use-block-header {
        margin-bottom: 16px
    }

    .use-block-header-arrow {
        width: 26px;
        height: 26px
    }

    .use-block-header-counter {
        height: 40px;
        width: 40px;
        font-size: 22px
    }

    .use-block + .use-block {
        padding-left: 16px;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .use-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .use-block {
        max-width: 100%
    }

    .use-block + .use-block {
        padding-left: 0;
        margin-top: 32px
    }
}