body {
    font-size: 16px;
    color: #141415;
}


/*ABOUT US*/
.about-us {
    padding: 64px 0 0 0;
}

.about-us__content {
    display: flex;
    column-gap: 126px;
    margin-top: 59px;
}

.about-us__title__second-part {
    width: max-content;
}

.title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    column-gap: 18px;
}

.about-us__text-block {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    max-width: 486px;
    width: 100%;
}

.about-us__text-block > p {
    line-height: 26px;
    font-weight: 500;
}

.about-us__img-wrapper {
    max-width: 706px;
    max-height: 347px;
    width: 100%;
    height: 100%;
}

.about-us__img-wrapper > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*ABOUT US NUMBERS*/

.about-us-numbers {
    padding: 180px 0 0 0;
}

.about-us-numbers__content {
    display: grid;
    grid-template-columns: 1fr 588px;
    column-gap: 24px;
}

.about-us-numbers__title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 588px;
    width: 100%;
}

.about-us-numbers__title-wrapper h3{
    margin-bottom: 87px;
}

.about-us-numbers__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 28px;
    row-gap: 72px;
}

.about-us-numbers__blocks > div {
    border-left: 2px solid #2E2E2E;
    padding-left: 25px;
    max-width: 306px;
    width: 100%;
}

.about-us-numbers__blocks > div > h2 {
    margin-bottom: 6px;
}

.about-us-numbers__subtitle {
    margin-bottom: 18px;
    font-weight: 600;
    font-size: 1.375em;
    line-height: 24px;
}

.about-us-numbers__text {
    line-height: 135%;
}


/*ABOUT US STORY*/

.about-us-story {
    padding: 200px 0;
}
.about-us-story h3{
    margin-bottom: 56px;
}
/*slider*/

.splide__slide {
    display: grid;
    grid-template-columns: 510px 1fr;
    column-gap: 92px;
    position: relative;
}

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

.slide__content {
    position: relative;
}

.slide__content > p {
    font-weight: 500;
    line-height: 26px;
}

.slide__content__text-1 {
    margin-bottom: 15px;
}

.time-interval__wrapper {
    max-width: 429px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.time-interval__wrapper > div {
    display: flex;
    column-gap: 57px;
    align-items: center;
}

.time-interval__wrapper > h5 {
    font-size: 2.625em;
    line-height: 51px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-bottom: 22px;
    color: #141415;
}

.time-interval__title-2 {
    margin-left: 50px;
}

.time-interval__title-3 {
    margin-left: 125px;
}

.time-interval__title-4 {
    margin-left: 200px;
}

.time-interval__title-5 {
    margin-left: 275px;
}

.time-interval__title-6 {
    margin-left: 350px;
}

.line-dot {
    display: flex;
    align-items: center;
    column-gap: 62px;
    padding: 0 5px;
}

.line-dot__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 18px;
}

.time-interval__dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #D9D9D9;
    border-radius: 50%;
    margin-bottom: 11px;
}

.time-interval__dot-active {
    width: 14px;
    height: 14px;
    background: #141415;
}

.time-interval__line {
    display: inline-block;
    border-top: 1px solid #000000;
    transform: rotate(90deg);
    width: 12px;
    height: 0;
    color: #000000;
    margin-bottom: 8px;
}

.time-interval__horizontal-line {
    margin-bottom: 6px;
    padding: 0 10px;
}

.time-interval__dates {
    display: flex;
    width: 100%;
    column-gap: 52px;
}

.time-interval__dates > span {
    color: #878787;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.splide__arrows{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
    display: flex;
    column-gap: 16px;
}

/*ABOUT US INFO*/

.about-us-info {
    padding: 67px 0 56px;
    background-color: #476CEA;
}

.about-us-info__img-wrapper {
    display: flex;
    align-items: center;
    column-gap: 269px;
}

.about-us-info__content img {
    margin-bottom: 31px;
}

.about-us-info__articles-wrapper {
    display: flex;
    column-gap: 67px;
}

.about-us-info__articles-wrapper > article {
    max-width: 340px;
    width: 100%;
}

.about-us-info__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.about-us-info__text {
    line-height: 26px;
    font-weight: 500;
    color: #FFFFFF;
}


/*ABOUT US STEPS*/

.about-us-steps {
    padding: 200px 0 159px 0;
}

.about-us-steps h3 {
    margin-bottom: 64px;
}

.about-us-steps__content {
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
}

.about-us-steps__img-wrapper {
    max-width: 486px;
    height: 296px;
}

.about-us-steps__img-wrapper > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.about-us-steps__info {
    display: flex;
    flex-direction: column;
    row-gap: 45px;
}

.about-us-steps__item {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 76px;
}

.about-us-steps__item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 26px;
    border-left: 1px dashed #141415;
    height: 45px;
}

.about-us-steps__number, .about-us-steps__item > p {
    font-weight: 500;
    font-size: 1.125em;
    line-height: 27px;
}

.about-us-steps__number {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 52px;
    height: 52px;
    color: #878787;
    border: 2px solid #7699FF;
    border-radius: 50%;
}

.about-us-steps__item > p {
    color: #141415;
    max-width: 460px;
    width: 100%;
}


/*ABOUT US PARTNERS*/

.about-us-partners {
    padding: 200px 0 0 0;
}

.about-us-partners__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-us-partners__content h3 {
    margin-bottom: 56px;
}

.about-us-partners__content p {
    line-height: 26px;
    color: #141415;
    max-width: 486px;
    width: 100%;
}

.about-us-partners__img-wrapper {
    max-width: 521px;
    width: 100%;
    max-height: 340px;
    height: 100%;
}

.about-us-partners__img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*CONTACT US SMALL*/

@keyframes scrollContactUs {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.contact-us-small {
    height: 200px;
    position: relative;
    padding-top: 41px;
}

.contact-us-small__content {
    background: #C9D5FF;
    padding: 52px 0;
    display: flex;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.contact-us-small__item {
    display: inline-block;
    animation: scrollContactUs 40s infinite linear;
    height: 100%;
}

.contact-us-small__title {
    display: inline-block;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 53px;
    line-height: 65px;
    margin-left: 80px;
}

.contact-us-small__button-wrapper, .contact-us__button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    position: absolute;
    transform: translate(-50%, 0);
}

.contact-us-small__button-wrapper {
    left: 50%;
    top: 26px;
}

/*ABOUT US PARTNERS LOGOS*/

.about-us__partners-logos {
    padding: 200px 0 0 0;
}

.about-us__partners-logos__content {
    display: flex;
    column-gap: 106px;
    row-gap: 100px;
    flex-wrap: wrap;
}

.about-us__partners-logos__item-1,
.about-us__partners-logos__item-2,
.about-us__partners-logos__item-3,
.about-us__partners-logos__item-4,
.about-us__partners-logos__item-5,
.about-us__partners-logos__item-6,
.about-us__partners-logos__item-7,
.about-us__partners-logos__item-8 {
    width: 200px;
    height: 67px;
    cursor: pointer;
    background-repeat: no-repeat;
    transition: .3s all linear;
}

.about-us__partners-logos__item-1 {
    background-image: url("images/partners/PartnerLogoWawe.svg");
}

.about-us__partners-logos__item-1:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorWawe.svg");
}


.about-us__partners-logos__item-2 {
    background-image: url("images/partners/PartnerLogoMicrosoft.svg");
}

.about-us__partners-logos__item-2:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorMicrosoft.svg");
}


.about-us__partners-logos__item-3 {
    background-image: url("images/partners/PartnerLogoNClouds.svg");
}

.about-us__partners-logos__item-3:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorNClouds.svg");
}


.about-us__partners-logos__item-4 {
    background-image: url("images/partners/PartnerLogoAibion.svg");
}

.about-us__partners-logos__item-4:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorAibion.svg");
}


.about-us__partners-logos__item-5 {
    background-image: url("images/partners/PartnerLogoFinoko.svg");
}

.about-us__partners-logos__item-5:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorFinoko.svg");
}


.about-us__partners-logos__item-6 {
    background-image: url("images/partners/PartnerLogoRocketFnl.svg");
}

.about-us__partners-logos__item-6:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorRocket.svg");
}


.about-us__partners-logos__item-7 {
    background-image: url("images/partners/PartnerLogoCredivault.svg");
}

.about-us__partners-logos__item-7:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorCredivault.svg");
}


.about-us__partners-logos__item-8 {
    background-image: url("images/partners/PartnerLogoNeCapital.svg");
}

.about-us__partners-logos__item-8:hover {
    background-image: url("images/partners/partnerLogosColor/PartnerLogoColorNeCapital.svg");
}

/*ABOUT US CONTACT US*/

.contact-us {
    padding: 227px 0 239px;
    position: relative;
}

.contact-us__content {
    display: flex;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;

}

@keyframes scrollContactUsBig {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.contact-us__item {
    display: flex;
    column-gap: 20px;
    justify-content: center;
    align-items: center;
    animation: scrollContactUsBig 15s infinite linear;
}

.contact-us__item-title {
    font-weight: 600;
    font-size: 84px;
    line-height: 102px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.contact-us__item-circle {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #C9D5FF;
    border-radius: 50%;
}

@keyframes scrollContactUsBigAnotherSide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translate(0, 0);
    }
}

.contact-us__item-another-side {
    animation: scrollContactUsBigAnotherSide 15s infinite linear;
}

.contact-us__button-wrapper {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}