@font-face {
    font-family: LabGrotesque;
    font-display: swap;
    src: url(../fonts/LabGrotesque-Medium.woff2) format("woff2"), url(../fonts/LabGrotesque-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: LabGrotesque;
    font-display: swap;
    src: url(../fonts/LabGrotesque-Regular.woff2) format("woff2"), url(../fonts/LabGrotesque-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LabGrotesque;
    font-display: swap;
    src: url(../fonts/LabGrotesque-Bold.woff2) format("woff2"), url(../fonts/LabGrotesque-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

:root {
    --color-whte: #fff;
    --color-whte--rgb: 255, 255, 255;
    --color-blck: #000;
    --color-blck--rgb: 0, 0, 0;
    --color-blck2: #2C303B;
    --color-blck2--rgb: 44, 48, 59;
    --color-orng: #FF8A00;
    --color-orng--rgb: 255, 138, 0;
    --color-orng2: #FE812E;
    --color-orng2--rgb: 254, 129, 46;
    --color-gry: #939DB8;
    --color-gry--rgb: 147, 157, 184;
    --font-primary: LabGrotesque, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, Droid Sans, Helvetica Neue, Arial, sans-serif, Apple Color Emoji
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::after,
::before {
    display: inline-block
}

body,
html {
    height: 100%;
    min-width: 320px;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent
}

body {
    color: var(--color-primary);
    line-height: 1;
    font-family: LabGrotesque, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji";
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: LabGrotesque, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji";
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: rgba(0, 0, 0, 0)
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

address,
cite {
    font-style: normal
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    --pad: 15px;
    max-width: calc(73.125rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 var(--pad);
    margin: 0 auto
}

.button {
    display: block;
    padding: 1.125rem;
    font-family: LabGrotesque;
    font-size: 1rem;
    font-weight: 500;
    line-height: 100%;
    background-color: var(--color-orng);
    color: var(--color-whte);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    -webkit-transition: opacity, background-color .3s ease;
    transition: opacity, background-color .3s ease
}

.button:hover {
    background-color: #ef8100
}

.button:disabled {
    background-color: #ffd8ab
}

.button--alt {
    color: var(--color-orng2);
    background-color: var(--color-whte)
}

.button--alt:hover {
    background-color: #fff4e6
}

.button--alt:disabled {
    background-color: #959595;
    color: #c9c9c9
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.input input {
    padding: .875rem 1.25rem;
    border-radius: 10px;
    background-color: var(--color-whte);
    border: 1px solid var(--color-gry);
    width: 100%;
    display: block;
    font-size: 1rem;
    font-family: LabGrotesque
}

.input .form__error {
    font-size: .75rem;
    color: #e63a24;
    line-height: 116%;
    margin-top: .3125rem
}

.input._form-focus input {
    outline: 1px solid var(--color-gry)
}

.input._form-error input {
    border-color: #e63a24;
    color: #e63a24
}

.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder {
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-moz-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
    opacity: 0
}

textarea.input {
    resize: none;
    padding: 0 0
}

body::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    pointer-events: none;
    z-index: 149
}

.popup-show body::after {
    opacity: 1
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 10px;
    -webkit-transition: visibility .8s ease 0s;
    transition: visibility .8s ease 0s;
    visibility: hidden;
    pointer-events: none
}

.popup_show {
    z-index: 150;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}

.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    background-color: #eee;
    padding: 20px;
    width: 100%;
    max-width: 900px;
    border-radius: 20px
}

.lock .popup__content {
    visibility: visible
}

.ibg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.text-sm {
    font-size: .875rem;
    line-height: 128%
}

.text-md {
    font-size: 1rem;
    line-height: 125%
}

.text-lg {
    font-size: 1.125rem;
    line-height: 122%
}

.text-xl {
    font-size: 1.25rem;
    line-height: 120%
}

.h2 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 109%
}

.h2-lg {
    font-size: 3rem;
    font-weight: 700;
    line-height: 108%
}

.h2-sm {
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 111%
}

.h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 116%
}

.font-medium {
    font-weight: 500
}

.tagline {
    color: var(--color-whte);
    background-color: var(--color-orng2);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 180%;
    border-radius: 10px;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.offer {
    margin-top: 2.1875rem;
    color: var(--color-whte)
}

.no-webp .offer__content {
    background-image: url(../img/pages/home/offer/bg.jpg)
}

.offer__content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -6.25rem;
    margin-right: -6.25rem;
    padding: 4.625rem 6.25rem;
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden
}

.offer__content-left {
    max-width: 36.6875rem;
    width: 100%;
    position: relative;
    z-index: 2
}

.offer__img {
    position: absolute;
    height: 18.6875rem;
    width: auto;
    left: 8.0625rem;
    bottom: -.625rem;
    z-index: 0;
}

.offer__img img,
.offer__img picture {
    width: auto;
    height: 100%
}

.offer__logo {
    max-width: 12.5rem;
    width: 100%
}

.offer__logo img,
.offer__logo picture {
    width: 100%;
    height: auto
}

.offer__title {
    margin-top: 2.5rem
}

.offer__list {
    margin-top: 1.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8125rem;
    font-size: 1.25rem;
    line-height: 120%
}

.offer__list li {
    padding-left: 2.5rem;
    position: relative
}

.offer__list li::before {
    content: "";
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    top: 0;
    left: 0;
    background-image: url(../img/icons/icon-check.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.offer__i {
    margin-top: 2.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 120%
}

.hero-features {
    margin-top: 5rem
}

.hero-features__title {
    text-align: center;
    max-width: 36rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.hero-features__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-top: 3.125rem
}

.hero-features__grid-item {
    border-radius: 30px;
    background-color: var(--color-whte);
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    padding: 1.875rem
}

.hero-features__grid-item-icon {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 10px;
    overflow: hidden
}

.hero-features__grid-item-icon img,
.hero-features__grid-item-icon picture {
    width: 100%;
    height: 100%
}

.hero-features__grid-item-title {
    margin-top: .625rem
}

.text-human {
    margin-top: 3.125rem;
    padding: 3.75rem 0;
    background-color: #f3f3f3;
    gap: 2.5rem;
    position: relative
}

.text-human__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.text-human__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 52.29%;
    flex: 0 1 52.29%
}

.text-human__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47.7%;
    flex: 0 1 47.7%
}

.text-human__img {
    max-width: 28.375rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1.5rem;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 2.5rem
}

.text-human__img img,
.text-human__img picture {
    margin-top: auto;
    width: 100%;
    height: auto
}

.text-human__description {
    margin-top: 1.25rem
}

.text-human__description p+p {
    margin-top: 1.25rem
}

.text-human__btn {
    margin-top: 3.125rem;
    max-width: 100%
}

.text-human__human {
    max-width: 12.75rem;
    position: absolute;
    right: -7.125rem;
    top: 9.75rem
}

.text-human__human-name {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 120%
}

.text-human__human-pos {
    margin-top: .625rem;
    font-size: .875rem;
    line-height: 130%
}

.team-slider {
    margin-top: 6.875rem
}

.team-slider__title {
    text-align: center;
    max-width: 46.5rem;
    margin-left: auto;
    margin-right: auto
}

.team-slider__carousel {
    margin-top: 2.5rem;
    position: relative
}

.team-slider__carousel-arrow {
    position: absolute;
    top: 4.375rem;
    z-index: 2;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background-color: var(--color-orng);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.team-slider__carousel-arrow:hover {
    background-color: #ef8100
}

.team-slider__carousel-arrow svg {
    width: 1.25rem;
    height: 1.125rem;
    fill: transparent;
    stroke: #fff
}

.team-slider__carousel-arrow--prev {
    left: -1.875rem
}

.team-slider__carousel-arrow--next {
    right: -1.875rem
}

.team-slider__carousel-arrow--next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.team-slider__carousel-slide {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: .3;
    max-width: 10.8125rem
}

.team-slider__carousel-slide.slide-visible {
    opacity: 1
}

.team-slider__carousel-slide-img {
    width: 100%
}

.team-slider__carousel-slide-img img,
.team-slider__carousel-slide-img picture {
    width: 100%;
    height: 12.5rem
}

.team-slider__carousel-slide-name {
    font-weight: 700;
    line-height: 125%;
    margin-top: .625rem;
    text-align: center;
    word-spacing: 9999px
}

.team-slider__carousel-slide-about {
    margin-top: .3125rem;
    font-size: .75rem;
    line-height: 133.333%;
    text-align: center
}

.team-slider__demo {
    margin-top: 3.125rem;
    text-align: center
}

.team-slider__demo-text {
    font-weight: 500
}

.team-slider__demo-btn {
    margin-top: 1.875rem;
    max-width: 27rem;
    margin-left: auto;
    margin-right: auto
}

.service-highlight {
    margin-top: 6.25rem
}

.service-highlight__title {
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.service-highlight__cards {
    margin-top: 3.125rem;
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.service-highlight__card {
    padding: 1.875rem;
    background-color: var(--color-whte);
    border-radius: 30px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.service-highlight__btn {
    margin-top: 3.125rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 27rem
}

.footer {
    background-color: #3d2f20;
    padding: 3.125rem 0;
    margin-top: 5.75rem;
    color: var(--color-whte);
    font-size: .8125rem
}

.footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    row-gap: .9375rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1.0625rem
}

.footer__link {
    text-decoration: underline;
    text-underline-offset: 3px
}

.footer__link:hover {
    text-decoration: none
}

.footer__copyright {
    margin-top: 2.625rem
}

.footer__call-text {
    margin-top: .3125rem
}

.footer__call-phone {
    display: block;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .0173125rem
}

.footer__logo {
    margin-top: 1.875rem;
    max-width: 13.5rem;
    width: 100%;
    height: auto;
    display: block
}

.footer__logo img {
    width: 100%;
    height: auto;
    display: block
}

.form-call {
    margin-top: 0rem
}

.form-call__content {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding: 3.125rem 2.5rem;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .08);
    background-color: var(--color-whte);
    border-radius: 30px;
    box-sizing: border-box;
}

.form-call__description,
.form-call__title {
    text-align: center
}

.form-call__description {
    max-width: 35.6875rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem
}

.form-call__form {
    margin-top: 1.875rem
}

.form-call__form-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .625rem
}

.form-call__form-bottom {
    margin-top: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-call__form-tg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem;
    font-weight: 700;
    font-size: .875rem;
    line-height: 130%
}

.form-call__form-tg-img {
    min-width: 2.5rem;
    min-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 50%
}

.form-call__form-tg-img img,
.form-call__form-tg-img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.form-call__form-tg-text {
    max-width: 19.1875rem
}

.form-call__form-tg-text a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.form-call__form-politic {
    font-size: .625rem;
    max-width: 13.75rem;
    letter-spacing: -.0125rem;
    line-height: 120%;
    color: #000
}

.form-call__form-politic a {
    display: inline;
    text-decoration: underline;
    text-underline-offset: 2px
}

.form-call__form .input,
.form-call__form button {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(20% - .5rem);
    flex: 0 1 calc(20% - .5rem)
}

.form-call__form .input input {
    font-size: .875rem;
    padding-top: .875rem;
    padding-bottom: .875rem
}

.form-call__form .input::-webkit-input-placeholder {
    font-size: .875rem
}

.form-call__form .input::-moz-placeholder {
    font-size: .875rem
}

.form-call__form .input:-ms-input-placeholder {
    font-size: .875rem
}

.form-call__form .input::-ms-input-placeholder {
    font-size: .875rem
}

.form-call__form .input::placeholder {
    font-size: .875rem
}

.form-call__form .button {
    max-width: calc(20% - .5rem);
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.list-image {
    margin-top: 6.25rem
}

.list-image__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.list-image__img img,
.list-image__img picture {
    width: 100%;
    height: auto
}

.list-image__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 42.6315789474%;
    flex: 0 1 42.6315789474%
}

.list-image__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 52.0175438596%;
    flex: 0 1 52.0175438596%
}

.list-image__list {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.875rem
}

.list-image__list-title {
    color: var(--color-orng2)
}

.list-image__list-text {
    margin-top: .625rem
}

.list-image__btn {
    margin-top: 1.875rem;
    max-width: 100%
}

.text-image {
    background-color: #efefef;
    margin-top: 7.5rem;
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
    position: relative
}

.text-image__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.text-image__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 42.8947368421%;
    flex: 0 1 42.8947368421%;
    position: relative;
    z-index: 3
}

.text-image__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%
}

.text-image__img {
    position: absolute;
    top: -3.75rem;
    width: 50.8125rem
}

.text-image__img img,
.text-image__img picture {
    width: 100%;
    height: auto
}

.text-image__title {
    margin-top: 2.8125rem
}

.text-image__text {
    margin-top: 2.8125rem
}

.text-image__taglines {
    max-width: 28.125rem
}

.text-image__description {
    margin-top: 1.25rem
}

.platform-resources {
    background-color: var(--color-orng2);
    color: var(--color-whte);
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    margin-top: 6.25rem
}

.platform-resources__title {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    max-width: 53.1875rem;
    margin-left: auto;
    margin-right: auto;
    line-height: 107%
}

.platform-resources__cards {
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem
}

.platform-resources__card {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333% - 13px);
    flex: 0 1 calc(33.333% - 13px);
    padding: 1.875rem;
    background-color: var(--color-whte);
    border-radius: 30px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    color: var(--color-blck2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.platform-resources__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.platform-resources__list li {
    padding-left: 1.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.platform-resources__list li::before {
    content: "";
    position: absolute;
    width: .59375rem;
    height: .59375rem;
    background-color: var(--color-orng2);
    left: .25rem;
    top: .5rem;
    border-radius: 50%
}

.platform-resources__hint {
    font-size: .875rem;
    line-height: 128%;
    color: #909090
}

.platform-resources__btn {
    margin-top: 2.5rem;
    max-width: 21.3125rem;
    margin-left: auto;
    margin-right: auto
}

.library__item {
    margin-top: 6.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 3.125rem
}

.library__item:first-child .library__item-right>img:nth-child(1),
.library__item:first-child .library__item-right>picture:nth-child(1) {
    left: calc(0px)
}

.library__item:first-child .library__item-right>img:nth-child(2),
.library__item:first-child .library__item-right>picture:nth-child(2) {
    left: calc(47px)
}

.library__item:first-child .library__item-right>img:nth-child(3),
.library__item:first-child .library__item-right>picture:nth-child(3) {
    left: calc(94px)
}

.library__item:first-child .library__item-right>img:nth-child(4),
.library__item:first-child .library__item-right>picture:nth-child(4) {
    left: calc(141px)
}

.library__item:first-child .library__item-right>img:nth-child(5),
.library__item:first-child .library__item-right>picture:nth-child(5) {
    left: calc(188px)
}

.library__item:first-child .library__item-right>img:nth-child(6),
.library__item:first-child .library__item-right>picture:nth-child(6) {
    left: calc(235px)
}

.library__item:first-child .library__item-right>img:nth-child(7),
.library__item:first-child .library__item-right>picture:nth-child(7) {
    left: calc(282px)
}

.library__item:first-child .library__item-right>img:nth-child(8),
.library__item:first-child .library__item-right>picture:nth-child(8) {
    left: calc(329px)
}

.library__item:first-child .library__item-right>img:nth-child(9),
.library__item:first-child .library__item-right>picture:nth-child(9) {
    left: calc(376px)
}

.library__item:first-child .library__item-right>img:nth-child(10),
.library__item:first-child .library__item-right>picture:nth-child(10) {
    left: calc(423px)
}

.library__item:first-child .library__item-right>img:nth-child(11),
.library__item:first-child .library__item-right>picture:nth-child(11) {
    left: calc(470px)
}

.library__item:first-child .library__item-right>img:nth-child(12),
.library__item:first-child .library__item-right>picture:nth-child(12) {
    left: calc(517px)
}

.library__item:first-child .library__item-right>img:nth-child(13),
.library__item:first-child .library__item-right>picture:nth-child(13) {
    left: calc(564px)
}

.library__item:first-child .library__item-right>img:nth-child(14),
.library__item:first-child .library__item-right>picture:nth-child(14) {
    left: calc(611px)
}

.library__item:first-child .library__item-right>img:nth-child(15),
.library__item:first-child .library__item-right>picture:nth-child(15) {
    left: calc(658px)
}

.library__item:first-child .library__item-right>img:nth-child(16),
.library__item:first-child .library__item-right>picture:nth-child(16) {
    left: calc(705px)
}

.library__item:nth-child(2) .library__item-right {
    margin-left: 1.4375rem
}

.library__item:nth-child(2) .library__item-right>img:nth-child(1),
.library__item:nth-child(2) .library__item-right>picture:nth-child(1) {
    left: calc(0px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(2),
.library__item:nth-child(2) .library__item-right>picture:nth-child(2) {
    left: calc(47px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(3),
.library__item:nth-child(2) .library__item-right>picture:nth-child(3) {
    left: calc(94px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(4),
.library__item:nth-child(2) .library__item-right>picture:nth-child(4) {
    left: calc(141px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(5),
.library__item:nth-child(2) .library__item-right>picture:nth-child(5) {
    left: calc(188px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(6),
.library__item:nth-child(2) .library__item-right>picture:nth-child(6) {
    left: calc(235px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(7),
.library__item:nth-child(2) .library__item-right>picture:nth-child(7) {
    left: calc(282px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(8),
.library__item:nth-child(2) .library__item-right>picture:nth-child(8) {
    left: calc(329px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(9),
.library__item:nth-child(2) .library__item-right>picture:nth-child(9) {
    left: calc(376px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(10),
.library__item:nth-child(2) .library__item-right>picture:nth-child(10) {
    left: calc(423px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(11),
.library__item:nth-child(2) .library__item-right>picture:nth-child(11) {
    left: calc(470px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(12),
.library__item:nth-child(2) .library__item-right>picture:nth-child(12) {
    left: calc(517px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(13),
.library__item:nth-child(2) .library__item-right>picture:nth-child(13) {
    left: calc(564px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(14),
.library__item:nth-child(2) .library__item-right>picture:nth-child(14) {
    left: calc(611px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(15),
.library__item:nth-child(2) .library__item-right>picture:nth-child(15) {
    left: calc(658px)
}

.library__item:nth-child(2) .library__item-right>img:nth-child(16),
.library__item:nth-child(2) .library__item-right>picture:nth-child(16) {
    left: calc(705px)
}

.library__item:nth-child(2) .library__item-right>img:last-child,
.library__item:nth-child(2) .library__item-right>picture:last-child {
    left: initial !important;
    right: 0
}

.library__item-title {
    font-size: 6.875rem;
    color: var(--color-orng2);
    font-weight: 700;
    line-height: 100%
}

.library__item-description {
    margin-top: .5rem
}

.library__item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 51.5625rem;
    width: 100%
}

.library__item-right>img,
.library__item-right>picture {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: -23px 0 30px 0 rgba(0, 0, 0, .1);
    box-shadow: -23px 0 30px 0 rgba(0, 0, 0, .1);
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.library__item-right>img:hover,
.library__item-right>picture:hover {
    -webkit-transform: translateX(-65%) scale(1.05);
    -ms-transform: translateX(-65%) scale(1.05);
    transform: translateX(-65%) scale(1.05)
}

.library__item-right>img:last-child,
.library__item-right>picture:last-child {
    left: initial !important;
    right: 0
}

.library__item-right>img:last-child:hover,
.library__item-right>picture:last-child:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.library__ui {
    margin-top: 3.125rem;
    text-align: center
}

.library__btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.875rem;
    max-width: 27rem
}

.swiper {
    overflow: hidden
}

.swiper-initialized {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.swiper-vertical .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

@media (max-width:75em) {
    .offer__img {
        height: 25rem
    }

    .text-human__human {
        top: 5.625rem;
        right: initial;
        left: -1.875rem
    }

    .text-human__description p+p {
        margin-top: .9375rem
    }

    .text-human__img {
        top: initial;
        margin-left: 6.25rem
    }

    .text-human__btn {
        margin-top: 1.875rem
    }

    .team-slider {
        margin-top: 5rem
    }

    .team-slider__carousel-arrow {
        width: 2.5rem;
        height: 2.5rem
    }

    .team-slider__carousel-arrow svg {
        width: 1rem;
        height: .75rem
    }

    .team-slider__carousel-arrow--prev {
        left: -.625rem
    }

    .team-slider__carousel-arrow--next {
        right: -.625rem
    }

    .team-slider__demo {
        margin-top: 2.5rem
    }

    .service-highlight {
        margin-top: 5rem
    }

    .list-image {
        margin-top: 5rem
    }

    .text-image {
        margin-top: 5rem
    }

    .platform-resources {
        margin-top: 5rem
    }
}

@media (max-width:61.99875em) {
    [class*=__container] {
        --pad: 15px
    }

    .text-lg {
        font-size: 1rem
    }

    .h2 {
        font-size: 2.25rem
    }

    .h2-sm {
        font-size: 1.875rem
    }

    .h2-lg {
        font-size: 2.375rem
    }

    .h3 {
        font-size: 1.375rem
    }

    .tagline {
        font-size: 1.125rem
    }

    .offer__content {
        border-radius: 0;
        margin-left: -.9375rem;
        margin-right: -.9375rem;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .offer__content-left {
        max-width: 68%
    }

    .offer__img {
        right: -12.5rem;
        bottom: 0
    }

    .offer__logo {
        max-width: 9.375rem
    }

    .offer__i,
    .offer__list li {
        font-size: 1.125rem
    }

    .offer__list {
        gap: .5rem
    }

    .hero-features {
        margin-top: 3.75rem
    }

    .hero-features__grid {
        margin-top: 2.5rem;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .hero-features__grid-item:nth-child(3n+1) {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .text-human {
        overflow: hidden;
        margin-top: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .text-human__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .team-slider {
        margin-top: 3.75rem
    }

    .service-highlight {
        margin-top: 3.75rem
    }

    .service-highlight__cards {
        margin-top: 2.5rem
    }

    .service-highlight__card {
        padding: 1.25rem;
        border-radius: 20px
    }

    .service-highlight__btn {
        margin-top: 2.5rem
    }

    .footer {
        margin-top: 5rem
    }

    .form-call {
        margin-top: 3.75rem
    }

    .form-call__form-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form-call__form-top .input {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(25% - 7.5px);
        flex: 0 1 calc(25% - 7.5px)
    }

    .form-call__form-top .button {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .list-image {
        margin-top: 3.75rem
    }

    .list-image__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .list-image__right {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .text-image {
        margin-top: 3.75rem
    }

    .platform-resources__title {
        font-size: 2.125rem;
        line-height: normal
    }

    .platform-resources__cards {
        gap: .625rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .platform-resources__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 5px);
        flex: 0 1 calc(50% - 5px);
        border-radius: 15px
    }

    .platform-resources__card:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

@media (max-width:47.99875em) {
    .button {
        border-radius: 10px;
        font-size: .875rem;
        padding: .875rem
    }

    .text {
        font-size: .875rem
    }

    .text-md {
        font-size: .875rem
    }

    .text-xl {
        font-size: 1rem
    }

    .h2 {
        font-size: 2rem;
        line-height: normal
    }

    .h2-lg {
        font-size: 2.125rem
    }

    .h2-sm {
        font-size: 1.625rem
    }

    .h3 {
        font-size: 1.25rem;
        line-height: normal
    }

    .offer__content {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .offer__img {
        right: -18.75rem
    }

    .offer__list {
        margin-top: 1.25rem
    }

    .offer__i,
    .offer__title {
        margin-top: 1.5625rem
    }

    .offer__i,
    .offer__list li {
        font-size: 1rem
    }

    .hero-features {
        margin-top: 2.5rem
    }

    .hero-features__grid {
        margin-top: 1.5625rem;
        gap: .9375rem
    }

    .hero-features__grid-item {
        padding: 1.25rem;
        border-radius: 20px
    }

    .hero-features__grid-item-icon {
        width: 2.5rem;
        height: 2.5rem
    }

    .text-human__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .text-human__left {
        width: 100%
    }

    .text-human__img {
        position: static
    }

    .text-human__img img,
    .text-human__img picture {
        display: none
    }

    .text-human__human {
        margin-top: 1.25rem;
        position: static
    }

    .text-human__human-name {
        font-size: 1rem;
        line-height: normal
    }

    .text-human__human-pos {
        margin-top: .3125rem;
        font-size: .875rem;
        line-height: normal
    }

    .team-slider {
        margin-top: 2.5rem
    }

    .team-slider__carousel {
        margin-top: 1.875rem
    }

    .team-slider__demo {
        margin-top: 1.25rem
    }

    .team-slider__demo-btn {
        margin-top: 1.25rem
    }

    .service-highlight {
        margin-top: 2.5rem
    }

    .service-highlight__cards {
        margin-top: 1.875rem;
        gap: .9375rem;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .service-highlight__btn {
        margin-top: 1.875rem
    }

    .footer {
        margin-top: 3.125rem;
        padding: 1.875rem 0
    }

    .footer__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        row-gap: 1.875rem
    }

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

    .footer__logo {
        margin-top: 1.25rem
    }

    .form-call {
        margin-top: 2.5rem
    }

    .form-call__content {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .form-call__description {
        margin-top: 1.25rem
    }

    .form-call__form {
        margin-top: 1.25rem
    }

    .form-call__form-top .input {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - .3125rem);
        flex: 0 1 calc(50% - .3125rem)
    }

    .form-call__form-tg {
        font-size: .75rem;
        line-height: normal
    }

    .form-call__form-tg-text {
        max-width: 13.75rem
    }

    .list-image {
        margin-top: 2.5rem;
        position: relative
    }

    .list-image__list {
        margin-top: 1.25rem;
        gap: .9375rem
    }

    .list-image__list-text {
        margin-top: .3125rem
    }

    .list-image__btn {
        margin-top: 1.25rem
    }

    .list-image__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .list-image__right {
        -webkit-box-flex: 28%;
        -ms-flex: 28%;
        flex: 28%
    }

    .list-image__img {
        width: 25rem;
        position: absolute
    }

    .text-image {
        margin-top: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .text-image__img {
        top: 1.875rem;
        width: 28.125rem;
        margin-left: -5rem
    }

    .text-image__title {
        margin-top: 1.5625rem
    }

    .text-image__text {
        margin-top: 1.5625rem
    }

    .text-image__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .text-image__right {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .platform-resources {
        margin-top: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .platform-resources__title {
        font-size: 1.5rem;
        max-width: 30rem
    }

    .platform-resources__cards {
        margin-top: 1.875rem
    }

    .platform-resources__card {
        padding: 1.25rem
    }

    .platform-resources__btn {
        margin-top: 1.875rem
    }

    .platform-resources__list li {
        padding-left: 1rem
    }

    .platform-resources__list li::before {
        top: .28125rem;
        width: .3125rem;
        height: .3125rem
    }
}

@media (max-width:35.99875em) {
    .h2 {
        font-size: 1.75rem
    }

    .h2-lg {
        font-size: 1.875rem
    }

    .h2-sm {
        font-size: 1.5rem
    }

    .h3 {
        font-size: 1.125rem
    }

    .offer__content-left {
        max-width: 100%
    }

    .offer__img {
        display: none
    }

    .hero-features__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .hero-features__grid-item:nth-child(3n+1) {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .team-slider__carousel-arrow {
        display: none
    }

    .team-slider__carousel-slide {
        opacity: 1
    }

    .service-highlight__cards {
        gap: .625rem
    }

    .service-highlight__card {
        padding: .9375rem;
        border-radius: 10px
    }

    .form-call__form-top .input {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .form-call__form-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: .625rem
    }

    .form-call__form-politic {
        max-width: 100%
    }

    .form-call__form-tg-text {
        max-width: 100%;
        font-size: .625rem
    }

    .form-call__form-tg-img {
        width: 1.875rem;
        height: 1.875rem;
        min-width: 1.875rem;
        min-height: 1.875rem
    }

    .list-image__right {
        display: none
    }

    .list-image__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .platform-resources__card {
        gap: .3125rem
    }

    .platform-resources__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

@media (max-width:30.68625em) {
    .service-highlight__cards {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}


.webp .offer__content {
    background-image: url(../img/pages/home/offer/bg.webp)
}

@media (max-width:47.99875em) {
    .webp .offer__content {
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) {
    .sysfd-mobile-tools {
        display: none
    }
}

.sysfd-mobile-tools,
.sysfd-mobile-tools * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sysfd-mobile-tools__title {
    color: #ff6600;
    font-size: 22px;
    margin: 15px 0;
    display: inline-block;
    font-weight: bold
}

.sysfd-mobile-tools__text {
    margin-bottom: 15px;
    font-size: 16px
}

.sysfd-mobile-tools__img {
    max-width: 100% 0;
    margin-bottom: 30px
}

.sysfd-mobile-tools__img img {
    max-width: 100%
}


.block2 {
    background: #f1f1f1;
    padding: 120px 0;
    background-image: url(dist/img/block2-bg.png);
    background-repeat: no-repeat;
    background-position: 0 260px;
    background-size: contain;

}

.block2 .wrapper {
    /*border-bottom: 1px solid #cccccc;*/
}

.block2 .title h2 {
    color: #333333;
    font-weight: 500;
    text-transform: uppercase;
}


.block2 .item span {
    padding: 10px 15px;
    border: 1px solid #ff6600;
    border-radius: 5px;
    color: #ff6600;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.block2 .item:hover>span {
    color: #fff;
    background: #ff6600;
    cursor: pointer;
}

.block2 .item:hover>p {
    font-weight: 500;
    cursor: pointer;
}

.block2 .active span {
    color: #fff;
    background: #ff6600;
    cursor: pointer;
}

.block2 .active p {
    font-weight: 500;
    cursor: pointer;
}

.block2 .item {
    padding-top: 15px;
    padding-bottom: 15px;

}

.block2 p {
    font-size: 18px;
}

.block2 .item p {


    text-decoration: underline;
    margin: 25px 0;
}

.block2 .title {
    padding-bottom: 20px;
}

#arrow {
    margin-top: -50px;
    margin-left: 400px;
    width: 125px;
    height: 0px;
    border: 1px solid #ff0000;
    display: none;
}

.block2 .button {
    margin-top: 20px;
    text-align: left;
}


.block2 .col-right-scroll {
    overflow: hidden;
    height: 980px;
    transform: translateY(0);
}

.block2 .col-right-scroll img {
    transition: 0s;
    max-width: 600px;
}